/*
-----------------------------------------------------------------------------------------------------------------------
RESET CSS
-----------------------------------------------------------------------------------------------------------------------
*/

@font-face {
    font-family: 'relative-mono10pitch';
    src: url('fonts/relative-mono10pitch.eot');
    src: url('fonts/relative-mono10pitch.eot?#iefix') format('embedded-opentype'), url('fonts/relative-mono10pitch.woff') format('woff'), url('fonts/relative-mono10pitch.woff2') format('woff2'), url('fonts/relative-mono10pitch.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'relative-mono11pitch';
    src: url('fonts/relative-mono11pitch.eot');
    src: url('fonts/relative-mono11pitch.eot?#iefix') format('embedded-opentype'), url('fonts/relative-mono11pitch.woff') format('woff'), url('fonts/relative-mono11pitch.woff2') format('woff2'), url('fonts/relative-mono11pitch.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SaolText-Regular';
    src: url('fonts/SaolText-Regular.eot');
    src: url('fonts/SaolText-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/SaolText-Regular.woff') format('woff'), url('fonts/SaolText-Regular.woff2') format('woff2'), url('fonts/SaolText-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'relative-bold-italic';
    src: url('fonts/relative-bold-italic.otf');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'relative-bold';
    src: url('fonts/relative-bold.otf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'relative-book';
    src: url('fonts/relative-book.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'relative-book-italic';
    src: url('fonts/relative-book-italic.otf');
    font-weight: normal;
    font-style: italic;
}

html, body {
    height: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    --placeholder-color: #A8A8A8;
    --fontsize-sm: 11px;
    --fontsize-sm-1: 12px;
    --fontsize-sm-2: 14px;
    --fontsize-md: 16px;
    --fontsize-xxxl: 35px;
    --cornerRadius-sm: 7px;
    --cornerRadius-sm-1: 10px;
    --cornerRadius-md: 15px;
    --cornerRadius-md-1: 40px;
    --cornerRadius-l: 50px;
    --spacing-sm-rev: -10px;
    --spacing-md-rev: -20px;
    --spacing-sml: 5px;
    --spacing-sml-1: 8px;
    --spacing-sm: 10px;
    --spacing-sm-1: 15px;
    --spacing-sm-2: 14px;
    --spacing-md: 20px;
    --spacing-l: 30px;
    --spacing-l-1: 35px;
    --spacing-xl: 40px;
    --size-sm: 40px;
    --size-md: 55px;
    --size-xl: 85px;
    --size-xxl: 100px;
    --color-1: #000000;
    --color-2: #F4F4F4;
    --color-3: #FFF;
    --color-4: #00000029;
    --color-5: #969696;
    --color-6: #16F396;
    --color-7: #EBEBEB;
    --color-8: #EAEAEA;
    --fontfamily-1: "Lato-Bold", sans-serif;
    --fontfamily-2: "Lato-Black", sans-serif;
    --fontfamily-3: "Lato-Regular", sans-serif;
    --autosuggestminwidth: 250px;
    --autosuggestvarwidth: 125%;
    --autosuggestheight: 250px;
    --auto-button-bg-color: #f4f4f4;
    --placeholder-color: #A8A8A8;
}

body {
    margin: 0;
    padding: 0;
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: rgba(255,255,255,0.5) !important;
    /*overflow-x: hidden;*/
    /*overflow-x: hidden !important;*/
}

.LightTheme body {
    color: rgba(0,0,0,0.5) !important;
}

html::-webkit-scrollbar, body::-webkit-scrollbar, .ParentContent::-webkit-scrollbar, .MainContent::-webkit-scrollbar, div::-webkit-scrollbar, .ReplyForwardPopup .RecipientsListBox::-webkit-scrollbar {
    /*width: 1em !important;*/
}

html::-webkit-scrollbar-track, body::-webkit-scrollbar-track, .ParentContent::-webkit-scrollbar-track, .MainContent::-webkit-scrollbar-track, div::-webkit-scrollbar-track, .ReplyForwardPopup .RecipientsListBox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0) !important;
}

html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, .ParentContent::-webkit-scrollbar-thumb, .MainContent::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb, .ReplyForwardPopup .RecipientsListBox::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.5) !important;
    outline: 1px solid rgba(0,0,0,0.5) !important;
}

.recipientsList::-webkit-scrollbar-thumb, .NewsDialog .ui-dialog-content::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.5) !important;
}

.LightTheme .recipientsList::-webkit-scrollbar-thumb, .LightTheme .NewsDialog .ui-dialog-content::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.5) !important;
}

div.hideScrollbar::-webkit-scrollbar {
    width: 0em !important;
}

p, div, input {
    margin: 0;
    padding: 0;
}

input, select, textarea:not(.AutoExpandable), .ui-dialog {
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    -webkit-appearance: none;
}

img {
    border: 0 none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

ul {
    margin: 0;
    padding: 0;
}

    ul li {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

a, .ui-widget-content a, .ui-widget-content .ui-state-highlight a, .DarkTheme .ui-jqgrid a, .DarkTheme .ui-jqgrid .ui-widget-content a, .DarkTheme .ui-jqgrid .ui-widget-content .ui-state-highlight a {
    text-decoration: none;
    outline: none;
    color: rgba(234,231,200,0.9);
}

.LightTheme a, .LightTheme .ui-jqgrid .ui-widget-content a, .LightTheme .ui-jqgrid .ui-widget-content .ui-state-highlight a {
    color: rgba(0,159,227,0.9);
}

.LightTheme.IONETheme a, .LightTheme.IONETheme .ui-widget-content a {
    color: rgba(0, 169, 112,0.9);
}

a:focus, a:active {
    outline: none;
}

a:hover {
    text-decoration: none;
    outline: none;
}

.FLeft {
    float: left;
}

.FRight {
    float: right;
}

.Clear {
    clear: both;
    font-size: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    visibility: hidden;
    height: 0;
}

    .Clear.Height {
    }

    .Clear.Spacing {
        height: 6px;
    }

table tr td {
    vertical-align: top;
    border-spacing: 0;
}

.ColorTheme {
    color: rgba(255,255,255,0.75);
}

.LightTheme .ColorTheme {
    color: rgba(0,0,0,0.75);
}

.DashboardNew {
    background-image: url("../../Images/NewUI/op_scr_ione_background.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    /*overflow-y: hidden;*/
    background-size: 100% 100%;
}

    .DashboardNew #ui_notifIt {
        z-index: 9999;
    }

.LightTheme .DashboardNew {
    background-image: url("../../Images/NewUI/LightTheme/op_scr_ione_background.png");
    background-size: 100% 100%;
}

.DashboardNew.Site {
    background-image: url("../../Images/NewUI/op_scr_site_background.png");
}

.DashboardNew.Building {
    background-image: url("../../Images/NewUI/op_scr_building_background.png");
}

.DashboardNew.Flat {
    background-image: url("../../Images/NewUI/op_scr_flat_background.png");
}

.DashboardNew.Person {
    background-image: url("../../Images/NewUI/op_scr_person_background.png");
}

.DashboardNew.Order {
    background-image: url("../../Images/NewUI/op_scr_order_background.png");
}


.Header {
    padding: 20px 20px 0 0;
}

    .Header table.HeaderTable {
        width: 100%;
        height: 60px;
        margin: 0px 0px 15px 20px;
        padding-right: 20px;
    }

    .Header table td {
        border-spacing: 0;
    }

.Transparent {
    background: rgba(0,0,0,0.6);
}

.LightTheme .Transparent {
    background: rgba(255,255,255,1);
}

.TopLeftLinks {
    position: absolute;
    left: 10px;
    /*top: 8px;*/
    z-index: 10;
}

.BacktoDashboard {
    background: url(../../Images/NewUI/op_tb_back-to-dashboard.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 45px;
    height: 35px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 10px 5px 0 20px;
}

.LightTheme .BacktoDashboard {
    background: url(../../Images/NewUI/LightTheme/op_tb_back-to-dashboard.svg) center center no-repeat;
    background-size: 30px 30px;
}

.TopDropDown {
    background: url(../../Images/NewUI/op_tb_pull-down-menu.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 45px;
    height: 35px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 10px 5px 0 0px;
}

.LightTheme .TopDropDown {
    background: url(../../Images/NewUI/LightTheme/op_tb_pull-down-menu.svg) center center no-repeat;
    background-size: 30px 30px;
}

.TopDropDown_Active {
}

.TopLinks {
    position: absolute;
    right: 35px;
    height: 45px;
    margin: 7px 0 5px 0;
}

    .TopLinks .Username {
        background: url("../../Images/NewUI/op_tb_username.svg") center right no-repeat;
        background-size: 30px 30px;
        width: 250px;
        /*margin-right: 130px;*/
    }

.LightTheme .TopLinks .Username {
    background: url("../../Images/NewUI/LightTheme/op_tb_username.svg") center right no-repeat;
    background-size: 30px 30px;
}

.TopLinks .Username p {
    padding: 12px 215px 0 0px;
    direction: rtl;
    color: #fff;
    width: 230px;
}

/*.AngularApp .TopLinks .Username p {
    width: 405px;
}*/

.LightTheme .TopLinks .Username p {
    color: rgba(0,0,0,0.9);
}

.TopLinks a {
    display: block;
    float: left;
    width: 22px;
    height: 23px;
    margin: 0 0 0 0;
    position: relative;
    z-index: 10;
}

    .TopLinks a span {
        background: none;
        color: #fff;
        height: 16px;
        line-height: 16px;
        width: 16px;
        font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
        font-size: 12px;
        border-radius: 15px;
        -moz-border-radius: 15px; /* Firefox */
        -webkit-border-radius: 15px; /* Safari and Chrome */
        /*behavior: url(border-radius.htc);*/
        display: block;
        text-align: center;
        position: absolute;
        top: 0;
        right: 0px;
        z-index: 1000;
    }


.LightTheme .TopLinks a span {
    color: rgba(0,159,227,0.9);
}

.LightTheme.IONETheme .TopLinks a span {
    color: rgba(0, 169, 112,0.9);
}

.TopLinks a.List {
    background: url("../../Images/NewUI/op_tb_my-tasks_new.svg") center center no-repeat;
    background-size: 30px 30px;
    opacity: 0.3;
}

.IONETheme .TopLinks a.List {
    opacity: 1;
}

.LightTheme .TopLinks a.List {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-tasks_new.svg") center center no-repeat;
    background-size: 30px 30px;
}

.TopLinks a.List_new {
    background: url("../../Images/NewUI/op_tb_my-tasks_new.svg") center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .TopLinks a.List_new {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-tasks_new.svg") center center no-repeat;
    background-size: 30px 30px;
}

.TopLinks a.List_active {
    background: url("../../Images/NewUI/op_tb_my-tasks_blank.svg") center center no-repeat;
    background-size: 30px 30px;
    /*background-color: #3399ff;*/
}

.LightTheme .TopLinks a.List_active {
    /*background: url("../../Images/NewUI/LightTheme/op_tb_my-tasks_blank.svg") center center no-repeat;*/
    background-size: 30px 30px;
}

.IONETheme .LightTheme .TopLinks a.List_active {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-tasks_blank.svg") center center no-repeat;
    background-size: 30px 30px;
}

.TopLinks a.Calender {
    background: url("../../Images/NewUI/op_tb_my-calender_new.svg") center center no-repeat;
    background-size: 30px 30px;
    opacity: 0.3;
}

.TopLinks a.QuickTimeLog {
    background: url("../../Images/NewUI/obj_quicktimelog.svg") center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .TopLinks a.QuickTimeLog {
    background: url("../../Images/NewUI/LightTheme/obj_quicktimelog.svg") center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme .TopLinks a.Calender {
    opacity: 1;
}

.LightTheme .TopLinks a.Calender {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-calender_new.svg") center center no-repeat;
    background-size: 30px 30px;
}

.TopLinks a.Calender_new {
    background: url("../../Images/NewUI/op_tb_my-calender_new.svg") center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .TopLinks a.Calender_new {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-calender_new.svg") center center no-repeat;
    background-size: 30px 30px;
}

.TopLinks a.Calender_active {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-calender_new.svg") center center no-repeat;
    background-size: 30px 30px;
    /*background-color: #3399ff;*/
}

.IONETheme .TopLinks a.Calender_active {
    background: url("../../Images/NewUI/op_tb_my-calender_new_h.svg") center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .TopLinks a.Calender_active {
    /*background: url("../../Images/NewUI/LightTheme/op_tb_my-tasks_blank.svg") center center no-repeat;*/
    background-size: 30px 30px;
}

.IONETheme.LightTheme .TopLinks a.Calender_active {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-calender_new_h.svg") center center no-repeat;
    background-size: 30px 30px;
}

.TopLinks a.Clock {
    background: url("../../Images/NewUI/op_tb_my-reminder_new.svg") center center no-repeat;
    background-size: 30px 30px;
    opacity: 0.3;
}

.IONETheme .TopLinks a.Clock {
    opacity: 1;
}

.LightTheme .TopLinks a.Clock {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-reminder_new.svg") center center no-repeat;
    background-size: 30px 30px;
}

.TopLinks a.Clock_new {
    background: url("../../Images/NewUI/op_tb_my-reminder_new.svg") center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .TopLinks a.Clock_new {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-reminder_new.svg") center center no-repeat;
    background-size: 30px 30px;
}

.TopLinks a.Clock_active {
    background: url("../../Images/NewUI/op_tb_my-reminder_blank.svg") center center no-repeat;
    background-size: 30px 30px;
    /*background-color: #3399ff;*/
}

.LightTheme .TopLinks a.Clock_active {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-reminder_blank.svg") center center no-repeat;
    background-size: 30px 30px;
}

.TopLinks a.Warning {
    background: url("../../Images/NewUI/op_tb_my-warnings_new.svg") center center no-repeat;
    background-size: 30px 30px;
    opacity: 0.3;
}

.IONETheme .TopLinks a.Warning {
    opacity: 1;
}

.LightTheme .TopLinks a.Warning {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-warnings_new.svg") center center no-repeat;
    background-size: 30px 30px;
}

.TopLinks a.Warning_new {
    background: url("../../Images/NewUI/op_tb_my-warnings_new.svg") center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .TopLinks a.Warning_new {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-warnings_new.svg") center center no-repeat;
    background-size: 30px 30px;
}

.TopLinks a.Warning_active {
    background: url("../../Images/NewUI/op_tb_my-warnings_blank.svg") center center no-repeat;
    background-size: 30px 30px;
    /*background-color: #3399ff;*/
}

.LightTheme .TopLinks a.Warning_active {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-warnings_blank.svg") center center no-repeat;
    background-size: 30px 30px;
}

.TopLinks > a {
    padding: 0px 20px 0 20px;
    height: 41px;
}

.TopLinks a.Email {
    background: url("../../Images/NewUI/op_tb_my-news_new.svg") center center no-repeat;
    background-size: 30px 30px;
    opacity: 0.3;
}

.IONETheme .TopLinks a.Email {
    opacity: 1;
}

.LightTheme .TopLinks a.Email {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-news_new.svg") center center no-repeat;
    background-size: 30px 30px;
}

.TopLinks a.Email_new {
    background: url('../../Images/NewUI/op_tb_my-news_new.svg') center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .TopLinks a.Email_new {
    background: url('../../Images/NewUI/LightTheme/op_tb_my-news_new.svg') center center no-repeat;
    background-size: 30px 30px;
}

.TopLinks a.Email_active {
    background: url("../../Images/NewUI/op_tb_my-news_blank.svg") center center no-repeat;
    background-size: 30px 30px;
    /*background-color: #3399ff;*/
}

.LightTheme .TopLinks a.Email_active {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-news_blank.svg") center center no-repeat;
    background-size: 30px 30px;
}

.HideTopLinkCount a span {
    display: none !important;
}

.HideTopLinkCount > a {
    padding: 0 19px;
}

/* My News CSS Start   */
#dialogMyNews {
    padding: 10px;
    margin-top: 7px;
    /*background-image: -moz-linear-gradient(top, #ff0000, #00afe6); /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #008ddc), color-stop(1, #00afe6)); /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#008ddc', endColorstr='#00afe6'); /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#008ddc', endColorstr='#00afe6')"; /* IE8 */
    /*background-image: linear-gradient(to top,rgb(0,141,220),rgb(0,175,230));*/
    color: #3399ff;
    width: 450px;
    position: absolute;
    right: -13px;
    top: 41px;
    display: block;
    overflow: hidden;
    z-index: 1000;
    background: rgba(0,0,0,0.5);
}

.IONETheme #dialogMyNews {
    color: #00a970;
}

.LightTheme #dialogMyNews {
    background: rgba(255,255,255,0.5);
}


.MyNews {
    min-height: 80px;
}

    .MyNews a {
        font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    .MyNews .dataTables_wrapper {
        position: relative;
        clear: both;
        zoom: 1; /* Feeling sorry for IE */
        height: 1%;
        /*overflow: visible;*/
    }
    /*.MyNews  .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px;	padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white;}*/

    .MyNews .dataTables_processing {
        position: absolute;
        top: -10px;
        left: -10px;
        width: 100%;
        height: 100%;
        /*background-color: black;*/
        z-index: 1001;
        -moz-opacity: 0.70;
        opacity: 0.70;
        filter: alpha(opacity=70);
        background: url(../../Images/op_oth_loading.gif) center center no-repeat;
        padding-bottom: 70px;
        padding-right: 20px;
    }

    .MyNews .dataTables_length {
        width: 40%;
        float: left;
        display: none;
    }

    .MyNews .dataTables_filter {
        width: 50%;
        float: right;
        text-align: right;
        display: none;
    }

    .MyNews .dataTables_info {
        width: 90%;
        float: left;
        padding: 9px;
    }

.IONETheme .MyNews .dataTables_info {
    height: 1px;
}

.LightTheme .MyNews .dataTables_info {
    /*text-shadow: #000 1px 1px 1px;*/
}

.MyNews .dataTables_paginate {
    float: right;
}
/* Pagination nested */
.MyNews .paginate_disabled_previous, .paginate_enabled_previous,
.MyNews .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}

    .MyNews .paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
    .MyNews .paginate_disabled_next:hover, .paginate_enabled_next:hover {
        text-decoration: none !important;
    }

    .MyNews .paginate_disabled_previous:active, .paginate_enabled_previous:active,
    .MyNews .paginate_disabled_next:active, .paginate_enabled_next:active {
        outline: none;
    }

.MyNews .paginate_disabled_previous,
.MyNews .paginate_disabled_next {
    color: #666 !important;
}

.MyNews .paginate_disabled_previous, .paginate_enabled_previous {
    padding-left: 23px;
}

.MyNews .paginate_disabled_next, .paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.MyNews .paginate_disabled_previous {
}

.MyNews .paginate_enabled_previous {
}

    .MyNews .paginate_enabled_previous:hover {
    }

.MyNews .paginate_disabled_next {
}

.MyNews .paginate_enabled_next {
}

    .MyNews .paginate_enabled_next:hover {
    }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
.MyNews table.display {
    margin: 0 auto;
    width: 100%;
    clear: both;
    table-layout: fixed;
}

    .MyNews table.display thead tr {
        /*background: rgba(0,0,0,0.5);*/
        height: 0px;
    }

.LightTheme .MyNews table.display thead tr {
    /*background: rgba(255,255,255,0.5);*/
}

.MyNews table.display thead th {
    padding: 0 5px;
    font-weight: bold;
    cursor: pointer;
    *cursor: hand;
    color: #fff;
    text-align: left;
}

.LightTheme .MyNews table.display thead th {
    color: #000;
}

.MyNews table.display thead th a {
    max-height: 1px;
    overflow: hidden;
    line-height: 14px;
    vertical-align: middle;
    display: block;
    color: #fff !important;
}

.LightTheme .MyNews table.display thead th a {
    color: #000 !important;
}

.MyNews table.display tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

.MyNews table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

.MyNews table.display td {
    padding: 5px; /*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');*/
}

    .MyNews table.display td.center {
        text-align: center;
    }

    .MyNews table.display td a {
        color: rgba(255,255,255,0.75) !important;
        width: auto;
        height: auto;
    }

.LightTheme .MyNews table.display td a {
    color: rgba(0,0,0,0.75) !important;
}

.MyNews table.display tbody tr {
    background-image: -moz-linear-gradient(top, #f2f2f2, #c5c7c9); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #f2f2f2), color-stop(0, #c5c7c9));
    /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');
    /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#c5c7c9')";
    /* IE8 */
    background-image: linear-gradient(to bottom,rgb(242,242,242),rgb(197,199,201));
    height: 25px;
    background: none !important;
}

.MyNews table.display td p {
    line-height: 15px;
    max-height: 30px;
    overflow: hidden;
    vertical-align: middle;
    word-break: break-word;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.MyNews .dataTables_scroll {
    clear: both;
}

.MyNews .dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}

.MyNews .top, .bottom {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}

    .MyNews .top .dataTables_info {
        float: none;
    }

.MyNews .clear {
    clear: both;
}

.MyNews .dataTables_empty {
    text-align: center;
    color: #fff !important;
}

.LightTheme .MyNews .dataTables_empty {
    color: #000 !important;
}

.MyNews tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

    .MyNews tfoot input.search_init {
        color: #999;
    }

.MyNews td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

.MyNews td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}

.MyNews .example_alt_pagination div.dataTables_info {
    width: 40%;
}

.MyNews .paging_full_numbers {
}

    .MyNews .paging_full_numbers a:active {
        outline: none;
    }

    .MyNews .paging_full_numbers a:hover {
        text-decoration: none;
    }

    .MyNews .paging_full_numbers a.paginate_button,
    .MyNews .paging_full_numbers a.paginate_active {
        /*-webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;*/
        margin: 0 3px;
        cursor: pointer;
        *cursor: hand;
        color: #2B2B2B !important;
        background: #fff;
        padding: 4.5px 10px;
        width: auto;
        height: auto;
    }

    .MyNews .paging_full_numbers a.paginate_button {
        background-color: #fff;
    }

        .MyNews .paging_full_numbers a.paginate_button:hover {
            background: #009ee1;
            color: #fff !important;
            text-decoration: none !important;
        }

.IONETheme .MyNews .paging_full_numbers a.paginate_button:hover {
    background: #00a970;
}

.LightTheme .MyNews .paging_full_numbers a.paginate_button:hover {
    color: #000 !important;
}

.MyNews .paging_full_numbers a.paginate_active {
    background: #009ee1;
    color: #fff !important;
    text-decoration: none;
}

.IONETheme .MyNews .paging_full_numbers a.paginate_active {
    background: #00a970;
}

.LightTheme .MyNews .paging_full_numbers a.paginate_active {
    color: #000 !important;
}

.MyNews a.paginate_button.first {
    background: url(../../Images/NewUI/op_grid_first.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyNews a.paginate_button.first {
    background: url(../../Images/NewUI/LightTheme/op_grid_first.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyNews a.paginate_button.first:hover {
    background: url(../../Images/NewUI/op_grid_first-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyNews a.paginate_button.first:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_first-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyNews a.paginate_button.previous {
    background: url(../../Images/NewUI/op_grid_previous.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyNews a.paginate_button.previous {
    background: url(../../Images/NewUI/LightTheme/op_grid_previous.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyNews a.paginate_button.previous:hover {
    background: url(../../Images/NewUI/op_grid_previous-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyNews a.paginate_button.previous:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_previous-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyNews a.paginate_button.next {
    background: url(../../Images/NewUI/op_grid_next.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyNews a.paginate_button.next {
    background: url(../../Images/NewUI/LightTheme/op_grid_next.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyNews a.paginate_button.next:hover {
    background: url(../../Images/NewUI/op_grid_next-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyNews a.paginate_button.next:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_next-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyNews a.paginate_button.last {
    background: url(../../Images/NewUI/op_grid_last.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyNews a.paginate_button.last {
    background: url(../../Images/NewUI/LightTheme/op_grid_last.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyNews a.paginate_button.last:hover {
    background: url(../../Images/NewUI/op_grid_last-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyNews a.paginate_button.last:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_last-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyNews table.display tr.even.row_selected td {
    background-color: #fff;
}

.LightTheme .MyNews table.display tr.even.row_selected td {
    background-color: #000;
}

.MyNews table.display tr.odd.row_selected td {
    background-color: #fff;
}

.LightTheme .MyNews table.display tr.odd.row_selected td {
    background-color: #000;
}

.MyNews table.display tr.even.row_selected td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyNews table.display tr.even.row_selected td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyNews table.display tr.even:hover {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyNews table.display tr.even:hover {
    background: rgba(255,255,255,0.75) !important;
}

.MyNews table.display tr.even:hover td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyNews table.display tr.even:hover td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyNews table.display tr.odd.row_selected td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyNews table.display tr.odd.row_selected td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyNews table.display tr.odd:hover {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyNews table.display tr.odd:hover {
    background: rgba(255,255,255,0.75) !important;
}

.MyNews table.display tr.odd:hover td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyNews table.display tr.odd:hover td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyNews table.display thead th {
    max-height: 1px;
    overflow: hidden;
    word-break: break-word;
    vertical-align: middle;
    /*line-height: 13px;*/
}

.MyNews table.display td {
    max-height: 25px;
    overflow: hidden;
    vertical-align: middle;
    /*line-height: 13px;*/
}

.MyNews table.display tr.odd {
}

.MyNews table.display tr.even {
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
.MyNews table.display tr.odd {
    background-image: -moz-linear-gradient(top, #f2f2f2, #c5c7c9); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #f2f2f2), color-stop(0, #c5c7c9));
    /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');
    /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#c5c7c9')";
    /* IE8 */
    background-image: linear-gradient(to bottom,rgb(242,242,242),rgb(197,199,201));
    cursor: pointer;
}

.MyNews table.display tr.even {
    background-image: -moz-linear-gradient(top, #f2f2f2, #c5c7c9); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #f2f2f2), color-stop(0, #c5c7c9));
    /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');
    /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#c5c7c9')";
    /* IE8 */
    background-image: linear-gradient(to bottom,rgb(242,242,242),rgb(197,199,201));
    cursor: pointer;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */

.MyNews .paging_full_numbers {
    padding: 15px 0 0 0;
}

#SearchResutMyNewsNav {
    /*border-top: 1px solid #e9eaeb;*/
    padding: 0;
    width: 450px;
    margin: 0;
    background: #CDCFD0;
    height: 1%;
    overflow: visible;
}

    #SearchResutMyNewsNav.ShowNumber {
        /*text-shadow: #fff 1px 1px 1px;*/
        float: left;
    }

.LightTheme #SearchResutMyNewsNav.ShowNumber {
    /*text-shadow: #000 1px 1px 1px;*/
}

.SearchResultMyNewsBottomNav {
    padding: 10px 5px;
    margin: 30px 0 0 0;
    /*background-image: -moz-linear-gradient(top, #9c9ea0, #bbbdbe);*/ /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #bbbcbe), color-stop(1, #9c9da0));*/ /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#9c9da0', endColorstr='#bbbcbe'); */ /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9c9da0', endColorstr='#bbbcbe')";*/ /* IE8 */
    /*background-image: linear-gradient(to bottom,rgb(156,157,160),rgb(187,188,190));*/
    display: block;
    /*background: rgba(0,0,0,0.50);*/
}

    .SearchResultMyNewsBottomNav a {
        width: 30px;
        height: 30px;
        display: block;
        float: left;
        text-indent: -9999px;
        margin-right: 10px;
    }

        .SearchResultMyNewsBottomNav a.addTask {
            background: url(../../Images/NewUI/op_oth_add-create-new-task-black.svg) center center no-repeat;
            padding: 3px 5px;
            text-indent: -9999px;
            float: left;
            background-size: 30px 30px;
        }

.LightTheme .SearchResultMyNewsBottomNav a.addTask {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-task-black.svg) center center no-repeat;
    background-size: 30px 30px;
}

.MylinkObjectView {
    margin-top: 20px !important;
    width: 50px !important;
}

.dialogMyNewsPopup div {
    margin-top: 10px !important;
}
/* My News CSS Ends*/

/* My Reminder Task CSS Starts*/
#dialogMyReminderTask {
    padding: 10px;
    margin-top: 7px;
    /*background-image: -moz-linear-gradient(top, #ff0000, #00afe6); /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #008ddc), color-stop(1, #00afe6)); /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#008ddc', endColorstr='#00afe6'); /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#008ddc', endColorstr='#00afe6')"; /* IE8 */
    /*background-image: linear-gradient(to top,rgb(0,141,220),rgb(0,175,230));*/
    color: #3399ff;
    width: 450px;
    position: absolute;
    right: -15px;
    top: 41px;
    display: block;
    overflow: hidden;
    z-index: 1000;
    background: rgba(0,0,0,0.5);
}

.IONETheme #dialogMyReminderTask {
    color: #00a970;
}

.LightTheme #dialogMyReminderTask {
    background: rgba(255,255,255,0.5);
}

.MyReminderTask {
    min-height: 80px;
}

    .MyReminderTask a {
        font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    .MyReminderTask .dataTables_wrapper {
        position: relative;
        clear: both;
        zoom: 1; /* Feeling sorry for IE */
        height: 1%;
        /*overflow: visible;*/
    }
    /*.MyReminderTask  .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 300px; height: 30px; margin-left: -125px; margin-top: -15px;	padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white;}*/

    .MyReminderTask .dataTables_processing {
        position: absolute;
        top: -10px;
        left: -10px;
        width: 100%;
        height: 100%;
        /*background-color: black;*/
        z-index: 1001;
        -moz-opacity: 0.70;
        opacity: 0.70;
        filter: alpha(opacity=70);
        background: url(../../Images/NewUI/op_oth_loading.gif) center center no-repeat;
        padding-bottom: 70px;
        padding-right: 20px;
    }

    .MyReminderTask .dataTables_length {
        width: 40%;
        float: left;
        display: none;
    }

    .MyReminderTask .dataTables_filter {
        width: 50%;
        float: right;
        text-align: right;
        display: none;
    }

    .MyReminderTask .dataTables_info {
        width: 90%;
        float: left;
        padding: 8px;
        height: 1px;
    }

.LightTheme .MyReminderTask .dataTables_info {
    /*text-shadow: #000 1px 1px 1px;*/
}

.MyReminderTask .dataTables_paginate {
    float: right;
}
/* Pagination nested */
.MyReminderTask .paginate_disabled_previous, .paginate_enabled_previous,
.MyReminderTask .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}

    .MyReminderTask .paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
    .MyReminderTask .paginate_disabled_next:hover, .paginate_enabled_next:hover {
        text-decoration: none !important;
    }

    .MyReminderTask .paginate_disabled_previous:active, .paginate_enabled_previous:active,
    .MyReminderTask .paginate_disabled_next:active, .paginate_enabled_next:active {
        outline: none;
    }

.MyReminderTask .paginate_disabled_previous,
.MyReminderTask .paginate_disabled_next {
    color: #666 !important;
}

.MyReminderTask .paginate_disabled_previous, .paginate_enabled_previous {
    padding-left: 23px;
}

.MyReminderTask .paginate_disabled_next, .paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.MyReminderTask .paginate_disabled_previous {
}

.MyReminderTask .paginate_enabled_previous {
}

    .MyReminderTask .paginate_enabled_previous:hover {
    }

.MyReminderTask .paginate_disabled_next {
}

.MyReminderTask .paginate_enabled_next {
}

    .MyReminderTask .paginate_enabled_next:hover {
    }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
.MyReminderTask table.display {
    margin: 0 auto;
    width: 100%;
    clear: both;
    table-layout: fixed;
}

    .MyReminderTask table.display thead tr {
        /*background: rgba(0,0,0,0.5);*/
        height: 0px;
    }

.LightTheme .MyReminderTask table.display thead tr {
    /*background: rgba(255,255,255,0.5);*/
}

.MyReminderTask table.display thead th {
    padding: 0 5px;
    font-weight: bold;
    cursor: pointer;
    *cursor: hand;
    color: #fff;
    text-align: left;
}

.LightTheme .MyReminderTask table.display thead th {
    color: #000;
}

.MyReminderTask table.display thead th a {
    max-height: 1px;
    overflow: hidden;
    /*line-height: 14px;*/
    vertical-align: middle;
    display: block;
    color: #fff !important;
}

.LightTheme .MyReminderTask table.display thead th a {
    color: #000 !important;
}

.MyReminderTask table.display tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

.MyReminderTask table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

.MyReminderTask table.display td {
    padding: 5px; /*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');*/
}

    .MyReminderTask table.display td.center {
        text-align: center;
    }

    .MyReminderTask table.display td a {
        color: rgba(255,255,255,0.75) !important;
        width: auto;
        height: auto;
    }

.LightTheme .MyReminderTask table.display td a {
    color: rgba(0,0,0,0.75) !important;
}

.MyReminderTask table.display tbody tr {
    background-image: -moz-linear-gradient(top, #f2f2f2, #c5c7c9); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #f2f2f2), color-stop(0, #c5c7c9));
    /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');
    /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#c5c7c9')";
    /* IE8 */
    background-image: linear-gradient(to bottom,rgb(242,242,242),rgb(197,199,201));
    height: 25px;
    background: none !important;
}

.MyReminderTask table.display td p {
    line-height: 15px;
    max-height: 30px;
    overflow: hidden;
    vertical-align: middle;
    word-break: break-word;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.MyReminderTask .dataTables_scroll {
    clear: both;
}

.MyReminderTask .dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}

.MyReminderTask .top, .bottom {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}

    .MyReminderTask .top .dataTables_info {
        float: none;
    }

.MyReminderTask .clear {
    clear: both;
}

.MyReminderTask .dataTables_empty {
    text-align: center;
    color: #fff !important;
}

.LightTheme .MyReminderTask .dataTables_empty {
    color: #000 !important;
}

.MyReminderTask tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

    .MyReminderTask tfoot input.search_init {
        color: #999;
    }

.MyReminderTask td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

.MyReminderTask td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}

.MyReminderTask .example_alt_pagination div.dataTables_info {
    width: 40%;
}

.MyReminderTask .paging_full_numbers {
    padding: 15px 0 0 0 !important;
}

    .MyReminderTask .paging_full_numbers a:active {
        outline: none;
    }

    .MyReminderTask .paging_full_numbers a:hover {
        text-decoration: none;
    }

    .MyReminderTask .paging_full_numbers a.paginate_button,
    .MyReminderTask .paging_full_numbers a.paginate_active {
        /*-webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;*/
        margin: 0 3px;
        cursor: pointer;
        *cursor: hand;
        color: #2B2B2B !important;
        background: #fff;
        padding: 4.5px 10px;
        width: auto;
        height: auto;
    }

    .MyReminderTask .paging_full_numbers a.paginate_button {
        background-color: #fff;
    }

        .MyReminderTask .paging_full_numbers a.paginate_button:hover {
            background: #009ee1;
            color: #fff !important;
            text-decoration: none !important;
        }

.IONETheme .MyReminderTask .paging_full_numbers a.paginate_button:hover {
    background: #00a970;
}

.LightTheme .MyReminderTask .paging_full_numbers a.paginate_button:hover {
    color: #000 !important;
}

.MyReminderTask .paging_full_numbers a.paginate_active {
    background: #009ee1;
    color: #fff !important;
    text-decoration: none;
}

.IONETheme .MyReminderTask .paging_full_numbers a.paginate_active {
    background: #00a970;
}

.LightTheme .MyReminderTask .paging_full_numbers a.paginate_active {
    color: #000 !important;
}

.MyReminderTask a.paginate_button.first {
    background: url(../../Images/NewUI/op_grid_first.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyReminderTask a.paginate_button.first {
    background: url(../../Images/NewUI/LightTheme/op_grid_first.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyReminderTask a.paginate_button.first:hover {
    background: url(../../Images/NewUI/op_grid_first-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyReminderTask a.paginate_button.first:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_first-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyReminderTask a.paginate_button.previous {
    background: url(../../Images/NewUI/op_grid_previous.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyReminderTask a.paginate_button.previous {
    background: url(../../Images/NewUI/LightTheme/op_grid_previous.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyReminderTask a.paginate_button.previous:hover {
    background: url(../../Images/NewUI/op_grid_previous-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyReminderTask a.paginate_button.previous:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_previous-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyReminderTask a.paginate_button.next {
    background: url(../../Images/NewUI/op_grid_next.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyReminderTask a.paginate_button.next {
    background: url(../../Images/NewUI/LightTheme/op_grid_next.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyReminderTask a.paginate_button.next:hover {
    background: url(../../Images/NewUI/op_grid_next-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyReminderTask a.paginate_button.next:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_next-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyReminderTask a.paginate_button.last {
    background: url(../../Images/NewUI/op_grid_last.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyReminderTask a.paginate_button.last {
    background: url(../../Images/NewUI/LightTheme/op_grid_last.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyReminderTask a.paginate_button.last:hover {
    background: url(../../Images/NewUI/op_grid_last-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyReminderTask a.paginate_button.last:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_last-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyReminderTask table.display tr.even.row_selected td {
    background-color: #fff;
}

.LightTheme .MyReminderTask table.display tr.even.row_selected td {
    background-color: #fff;
}

.MyReminderTask table.display tr.odd.row_selected td {
    background-color: #fff;
}

.LightTheme .MyReminderTask table.display tr.odd.row_selected td {
    background-color: #000;
}

.MyReminderTask table.display tr.odd:hover {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyReminderTask table.display tr.odd:hover {
    background: rgba(255,255,255,0.75) !important;
}

.MyReminderTask table.display tr.even:hover {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyReminderTask table.display tr.even:hover {
    background: rgba(255,255,255,0.75) !important;
}

.MyReminderTask table.display tr.even:hover td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyReminderTask table.display tr.even:hover td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyReminderTask table.display tr.odd.row_selected td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyReminderTask table.display tr.odd.row_selected td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyReminderTask table.display tr.odd:hover {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyReminderTask table.display tr.odd:hover {
    background: rgba(255,255,255,0.75) !important;
}

.MyReminderTask table.display tr.odd:hover td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyReminderTask table.display tr.odd:hover td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyReminderTask table.display thead th {
    max-height: 1px;
    overflow: hidden;
    word-break: break-word;
    vertical-align: middle;
    /*line-height: 13px;*/
}

.MyReminderTask table.display td {
    max-height: 25px;
    overflow: hidden;
    vertical-align: middle;
    /*line-height: 13px;*/
}

.MyReminderTask table.display tr.odd {
}

.MyReminderTask table.display tr.even {
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
.MyReminderTask table.display tr.odd {
    background-image: -moz-linear-gradient(top, #f2f2f2, #c5c7c9); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #f2f2f2), color-stop(0, #c5c7c9));
    /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');
    /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#c5c7c9')";
    /* IE8 */
    background-image: linear-gradient(to bottom,rgb(242,242,242),rgb(197,199,201));
    cursor: pointer;
}

.MyReminderTask table.display tr.even {
    background-image: -moz-linear-gradient(top, #f2f2f2, #c5c7c9); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #f2f2f2), color-stop(0, #c5c7c9));
    /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');
    /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#c5c7c9')";
    /* IE8 */
    background-image: linear-gradient(to bottom,rgb(242,242,242),rgb(197,199,201));
    cursor: pointer;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */

.MyReminderTask .paging_full_numbers {
    padding: 80px;
}

#SearchResultMyReminderTaskNav {
    /*border-top: 1px solid #e9eaeb;*/
    padding: 0;
    width: 450px;
    margin: 0;
    background: #CDCFD0;
    height: 1%;
    overflow: visible;
}

    #SearchResultMyReminderTaskNav.ShowNumber {
        /*text-shadow: #fff 1px 1px 1px;*/
        float: left;
    }

.LightTheme #SearchResultMyReminderTaskNav.ShowNumber {
    /*text-shadow: #000 1px 1px 1px;*/
}

.SearchResultMyReminderTaskBottomNav {
    padding: 10px 5px;
    margin: 30px 0px 0px 0px;
    /*background-image: -moz-linear-gradient(top, #9c9ea0, #bbbdbe);*/ /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #bbbcbe), color-stop(1, #9c9da0));*/ /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#9c9da0', endColorstr='#bbbcbe'); */ /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9c9da0', endColorstr='#bbbcbe')";*/ /* IE8 */
    /*background-image: linear-gradient(to bottom,rgb(156,157,160),rgb(187,188,190));*/
    display: block;
    /*background: rgba(0,0,0,0.50);*/
}

    .SearchResultMyReminderTaskBottomNav a {
        width: 30px;
        height: 30px;
        display: block;
        float: left;
        text-indent: -9999px;
        margin-right: 10px;
    }

        .SearchResultMyReminderTaskBottomNav a.addTask {
            background: url(../../Images/NewUI/op_oth_add-create-new-task-black.svg) center center no-repeat;
            padding: 3px 5px;
            text-indent: -9999px;
            float: left;
            background-size: 30px 30px;
        }

.LightTheme .SearchResultMyReminderTaskBottomNav a.addTask {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-task-black.svg) center center no-repeat;
    background-size: 30px 30px;
}

.SearchResultMyReminderTaskBottomNav a.addTask:hover {
    background: url(../../Images/NewUI/op_oth_add-create-new-task.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .SearchResultMyReminderTaskBottomNav a.addTask:hover {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-task.svg) center center no-repeat;
    background-size: 30px 30px;
}
/* My Reminder Task CSS Ends*/


/* My Calender CSS Starts*/

#dialogMyCalender {
    padding: 10px;
    margin-top: 7px;
    /*background-image: -moz-linear-gradient(top, #ff0000, #00afe6); /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #008ddc), color-stop(1, #00afe6)); /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#008ddc', endColorstr='#00afe6'); /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#008ddc', endColorstr='#00afe6')"; /* IE8 */
    /*background-image: linear-gradient(to top,rgb(0,141,220),rgb(0,175,230));*/
    width: 450px;
    color: #3399ff;
    position: absolute;
    right: -13px;
    top: 41px;
    display: block;
    overflow: hidden;
    z-index: 1000;
    background: rgba(0,0,0,0.5);
}

.IONETheme #dialogMyCalender {
    color: #00a970;
}

#dialogMyCalender.Show {
    display: block !important;
}

.LightTheme #dialogMyCalender {
    background: rgba(255,255,255,0.5);
}

.MyCalender {
    min-height: 80px;
}

    .MyCalender .datePickerInput {
        background: none;
        color: white !important;
        border: none;
        color: #2b2b2b;
        outline: none;
        position: relative;
        width: 108px;
        padding: 0 5px;
        height: 30px;
        line-height: 30px;
        cursor: pointer;
    }

.TopLinks a span#CalenderCount {
    font-size: 0;
}

.LightTheme .MyCalender .datePickerInput {
    background: none;
    color: black !important;
}

.MyCalender .ui-datepicker-trigger {
    right: initial;
    padding-left: 90px;
}

.MyCalender a {
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.MyCalender .MyCalenderDiv {
    background: rgba(0,0,0,0.50);
}

.LightTheme .MyCalender .MyCalenderDiv {
    background: rgba(255,255,255,0.50);
}

.MyCalender .dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1; /* Feeling sorry for IE */
    height: 1%;
    overflow: visible;
    background: none !important;
}
/*.MyCalender  .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px;	padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white;}*/

.MyCalender .dataTables_processing {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 100%;
    height: 100%;
    /*background-color: black;*/
    z-index: 1001;
    -moz-opacity: 0.70;
    opacity: 0.70;
    filter: alpha(opacity=70);
    background: url(../../Images/op_oth_loading.gif) center center no-repeat;
    padding-bottom: 70px;
    padding-right: 20px;
    /*min-height: 80px;*/
}

.MyCalender .dataTables_length {
    width: 40%;
    float: left;
    display: none;
}

.MyCalender .dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
    display: none;
}

.MyCalender .dataTables_info {
    width: 90%;
    float: left;
    padding: 8px;
    display: none;
}

.LightTheme .MyCalender .dataTables_info {
    /*text-shadow: #000 1px 1px 1px;*/
}

.MyCalender .dataTables_paginate {
    float: right;
}
/* Pagination nested */
.MyCalender .paginate_disabled_previous, .paginate_enabled_previous,
.MyCalender .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}

    .MyCalender .paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
    .MyCalender .paginate_disabled_next:hover, .paginate_enabled_next:hover {
        text-decoration: none !important;
    }

    .MyCalender .paginate_disabled_previous:active, .paginate_enabled_previous:active,
    .MyCalender .paginate_disabled_next:active, .paginate_enabled_next:active {
        outline: none;
    }

.MyCalender .paginate_disabled_previous,
.MyCalender .paginate_disabled_next {
    color: #666 !important;
}

.MyCalender .paginate_disabled_previous, .paginate_enabled_previous {
    padding-left: 23px;
}

.MyCalender .paginate_disabled_next, .paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.MyCalender .paginate_disabled_previous {
}

.MyCalender .paginate_enabled_previous {
}

    .MyCalender .paginate_enabled_previous:hover {
    }

.MyCalender .paginate_disabled_next {
}

.MyCalender .paginate_enabled_next {
}

    .MyCalender .paginate_enabled_next:hover {
    }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
.MyCalender table.display {
    margin: 0 auto;
    width: 100%;
    clear: both;
    table-layout: fixed;
}

    .MyCalender table.display thead tr {
        background: rgba(0,0,0,0.5);
        height: 0px;
    }

.LightTheme .MyCalender table.display thead tr {
    background: rgba(255,255,255,0.5);
}

.MyCalender table.display thead th {
    padding: 0 5px;
    font-weight: bold;
    cursor: pointer;
    *cursor: hand;
    color: #fff;
    text-align: left;
}

.LightTheme .MyCalender table.display thead th {
    color: #000;
}

.MyCalender table.display thead th a {
    max-height: 1px;
    overflow: hidden;
    /*line-height: 14px;*/
    vertical-align: middle;
    display: block;
    color: #fff !important;
}

.LightTheme .MyCalender table.display thead th a {
    color: #000 !important;
}

.MyCalender table.display tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

.MyCalender table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

.MyCalender table.display td {
    padding: 5px; /*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');*/
}

    .MyCalender table.display td.center {
        text-align: center;
    }

    .MyCalender table.display td a {
        color: rgba(255,255,255,0.75) !important;
        width: auto;
        height: auto;
    }

.LightTheme .MyCalender table.display td a {
    color: rgba(0,0,0,0.75) !important;
}

.MyCalender table.display tbody tr {
    background-image: -moz-linear-gradient(top, #f2f2f2, #c5c7c9); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #f2f2f2), color-stop(0, #c5c7c9));
    /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');
    /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#c5c7c9')";
    /* IE8 */
    background-image: linear-gradient(to bottom,rgb(242,242,242),rgb(197,199,201));
    height: 35px;
    background: none !important;
}

.MyCalender table.display td p {
    line-height: 15px;
    max-height: 30px;
    overflow: hidden;
    vertical-align: middle;
    word-break: break-word;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.MyCalender .dataTables_scroll {
    clear: both;
}

.MyCalender .dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}

.MyCalender .top, .bottom {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}

    .MyCalender .top .dataTables_info {
        float: none;
    }

.MyCalender .clear {
    clear: both;
}

.MyCalender .dataTables_empty {
    text-align: center;
    color: #fff !important;
}

.LightTheme .MyCalender .dataTables_empty {
    color: #000 !important;
}

.MyCalender tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

    .MyCalender tfoot input.search_init {
        color: #999;
    }

.MyCalender td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

.MyCalender td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}

.MyCalender .example_alt_pagination div.dataTables_info {
    width: 40%;
}

.MyCalender .paging_full_numbers {
    padding: 0px 0 0 0 !important;
}

    .MyCalender .paging_full_numbers a:active {
        outline: none;
    }

    .MyCalender .paging_full_numbers a:hover {
        text-decoration: none;
    }

    .MyCalender .paging_full_numbers a.paginate_button,
    .MyCalender .paging_full_numbers a.paginate_active {
        /*-webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;*/
        margin: 0 3px;
        cursor: pointer;
        *cursor: hand;
        color: #2B2B2B !important;
        background: #fff;
        padding: 4.5px 10px;
        width: auto;
        height: auto;
    }

    .MyCalender .paging_full_numbers a.paginate_button {
        background-color: #fff;
    }

        .MyCalender .paging_full_numbers a.paginate_button:hover {
            background: #009ee1;
            color: #fff !important;
            text-decoration: none !important;
        }

.IONETheme .MyCalender .paging_full_numbers a.paginate_button:hover {
    background: #00a970;
}

.LightTheme .MyCalender .paging_full_numbers a.paginate_button:hover {
    color: #000 !important;
}

.MyCalender .paging_full_numbers a.paginate_active {
    background: #009ee1;
    color: #fff !important;
    text-decoration: none;
}

.IONETheme .MyCalender .paging_full_numbers a.paginate_active {
    background: #00a970;
}

.LightTheme .MyCalender .paging_full_numbers a.paginate_active {
    color: #000 !important;
}

.MyCalender a.paginate_button.first {
    background: url(../../Images/NewUI/op_grid_first.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyCalender a.paginate_button.first {
    background: url(../../Images/NewUI/LightTheme/op_grid_first.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyCalender a.paginate_button.first:hover {
    background: url(../../Images/NewUI/op_grid_first-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyCalender a.paginate_button.first:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_first-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyCalender a.paginate_button.previous {
    background: url(../../Images/NewUI/op_grid_previous.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyCalender a.paginate_button.previous {
    background: url(../../Images/NewUI/LightTheme/op_grid_previous.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyCalender a.paginate_button.previous:hover {
    background: url(../../Images/NewUI/op_grid_previous-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyCalender a.paginate_button.previous:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_previous-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyCalender a.paginate_button.next {
    background: url(../../Images/NewUI/op_grid_next.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyCalender a.paginate_button.next {
    background: url(../../Images/NewUI/LightTheme/op_grid_next.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyCalender a.paginate_button.next:hover {
    background: url(../../Images/NewUI/op_grid_next-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyCalender a.paginate_button.next:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_next-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyCalender a.paginate_button.last {
    background: url(../../Images/NewUI/op_grid_last.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyCalender a.paginate_button.last {
    background: url(../../Images/NewUI/LightTheme/op_grid_last.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyCalender a.paginate_button.last:hover {
    background: url(../../Images/NewUI/op_grid_last-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyCalender a.paginate_button.last:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_last-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyCalender table.display tr.even.row_selected td {
    background-color: #fff;
}

.LightTheme .MyCalender table.display tr.even.row_selected td {
    background-color: #000;
}

.MyCalender table.display tr.odd.row_selected td {
    background-color: #fff;
}

.LightTheme .MyCalender table.display tr.odd.row_selected td {
    background-color: #000;
}

.MyCalender table.display tr.even.row_selected td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyCalender table.display tr.even.row_selected td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyCalender table.display tr.even:hover {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyCalender table.display tr.even:hover {
    background: rgba(255,255,255,0.75) !important;
}

.MyCalender table.display tr.even:hover td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyCalender table.display tr.even:hover td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyCalender table.display tr.odd.row_selected td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyCalender table.display tr.odd.row_selected td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyCalender table.display tr.odd:hover {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyCalender table.display tr.odd:hover {
    background: rgba(255,255,255,0.75) !important;
}

.MyCalender table.display tr.odd:hover td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyCalender table.display tr.odd:hover td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyCalender table.display thead th {
    max-height: 1px;
    overflow: hidden;
    word-break: break-word;
    vertical-align: middle;
    /*line-height: 13px;*/
}

.MyCalender table.display td {
    max-height: 25px;
    overflow: hidden;
    vertical-align: middle;
    /*line-height: 13px;*/
}

.MyCalender table.display tr.odd {
}

.MyCalender table.display tr.even {
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
.MyCalender table.display tr.odd {
    background-image: -moz-linear-gradient(top, #f2f2f2, #c5c7c9); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #f2f2f2), color-stop(0, #c5c7c9));
    /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');
    /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#c5c7c9')";
    /* IE8 */
    background-image: linear-gradient(to bottom,rgb(242,242,242),rgb(197,199,201));
    cursor: pointer;
}

.MyCalender table.display tr.even {
    background-image: -moz-linear-gradient(top, #f2f2f2, #c5c7c9); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #f2f2f2), color-stop(0, #c5c7c9));
    /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');
    /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#c5c7c9')";
    /* IE8 */
    background-image: linear-gradient(to bottom,rgb(242,242,242),rgb(197,199,201));
    cursor: pointer;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */

.MyCalender .paging_full_numbers {
    padding: 80px;
    /*display: none;*/
}

#SearchResutMyCalenderNav {
    /*border-top: 1px solid #e9eaeb;*/
    padding: 0;
    width: 450px;
    margin: 0;
    background: #CDCFD0;
    height: 1%;
    overflow: visible;
}

    #SearchResutMyCalenderNav.ShowNumber {
        /*text-shadow: #fff 1px 1px 1px;*/
        float: left;
    }

.LightTheme #SearchResutMyCalenderNav.ShowNumber {
    /*text-shadow: #000 1px 1px 1px;*/
}

.SearchResultMyCalenderBottomNav {
    padding: 10px 5px;
    margin: 0;
    /*background-image: -moz-linear-gradient(top, #9c9ea0, #bbbdbe);*/ /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #bbbcbe), color-stop(1, #9c9da0));*/ /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#9c9da0', endColorstr='#bbbcbe'); */ /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9c9da0', endColorstr='#bbbcbe')";*/ /* IE8 */
    /*background-image: linear-gradient(to bottom,rgb(156,157,160),rgb(187,188,190));*/
    display: block;
    /*background: rgba(0,0,0,0.50);*/
}

    .SearchResultMyCalenderBottomNav a {
        width: 30px;
        height: 30px;
        display: block;
        float: left;
        text-indent: -9999px;
        margin-right: 10px;
    }

        .SearchResultMyCalenderBottomNav a.addTask {
            background: url(../../Images/NewUI/op_oth_add-create-new-task-black.svg) center center no-repeat;
            background-size: 30px 30px;
            padding: 3px 5px;
            text-indent: -9999px;
            float: left;
        }

.LightTheme .SearchResultMyCalenderBottomNav a.addTask {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-task-black.svg) center center no-repeat;
    background-size: 30px 30px;
}

.SearchResultMyCalenderBottomNav a.addTask:hover {
    background: url(../../Images/NewUI/op_oth_add-create-new-task.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .SearchResultMyCalenderBottomNav a.addTask:hover {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-task.svg) center center no-repeat;
    background-size: 30px 30px;
}

/* My Calender CSS Ends*/

/* My Task CSS Starts*/
#dialogMyTask {
    padding: 10px;
    margin-top: 7px;
    /*background-image: -moz-linear-gradient(top, #ff0000, #00afe6); /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #008ddc), color-stop(1, #00afe6)); /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#008ddc', endColorstr='#00afe6'); /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#008ddc', endColorstr='#00afe6')"; /* IE8 */
    /*background-image: linear-gradient(to top,rgb(0,141,220),rgb(0,175,230));*/
    width: 450px;
    color: #3399ff;
    position: absolute;
    right: -15px;
    top: 41px;
    display: block;
    overflow: hidden;
    z-index: 1000;
    background: rgba(0,0,0,0.5);
}

.IONETheme #dialogMyTask {
    color: #00a970;
}

.LightTheme #dialogMyTask {
    background: rgba(255,255,255,0.5);
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
    #dialogMyTask,
    #dialogMyReminderTask,
    #dialogMyWarning,
    #dialogMyNews
    #dialogMyCalender,
    quicktime-log {
        right: -13px;
    }
}


.MyTask {
    min-height: 80px;
}

    .MyTask a {
        font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    .MyTask .dataTables_wrapper {
        position: relative;
        clear: both;
        zoom: 1; /* Feeling sorry for IE */
        height: 1%;
        /*overflow: visible;*/
    }
    /*.MyTask  .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px;	padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white;}*/

    .MyTask .dataTables_processing {
        position: absolute;
        top: -10px;
        left: -10px;
        width: 100%;
        height: 100%;
        /*background-color: black;*/
        z-index: 1001;
        -moz-opacity: 0.70;
        opacity: 0.70;
        filter: alpha(opacity=70);
        background: url(../../Images/op_oth_loading.gif) center center no-repeat;
        padding-bottom: 70px;
        padding-right: 20px;
        /*min-height: 80px;*/
    }

    .MyTask .dataTables_length {
        width: 40%;
        float: left;
        display: none;
    }

    .MyTask .dataTables_filter {
        width: 50%;
        float: right;
        text-align: right;
        display: none;
    }

    .MyTask .dataTables_info {
        width: 90%;
        float: left;
        padding: 8px;
    }

.LightTheme .MyTask .dataTables_info {
    /*text-shadow: #000 1px 1px 1px;*/
}

.MyTask .dataTables_paginate {
    float: right;
}
/* Pagination nested */
.MyTask .paginate_disabled_previous, .paginate_enabled_previous,
.MyTask .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}

    .MyTask .paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
    .MyTask .paginate_disabled_next:hover, .paginate_enabled_next:hover {
        text-decoration: none !important;
    }

    .MyTask .paginate_disabled_previous:active, .paginate_enabled_previous:active,
    .MyTask .paginate_disabled_next:active, .paginate_enabled_next:active {
        outline: none;
    }

.MyTask .paginate_disabled_previous,
.MyTask .paginate_disabled_next {
    color: #666 !important;
}

.MyTask .paginate_disabled_previous, .paginate_enabled_previous {
    padding-left: 23px;
}

.MyTask .paginate_disabled_next, .paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.MyTask .paginate_disabled_previous {
}

.MyTask .paginate_enabled_previous {
}

    .MyTask .paginate_enabled_previous:hover {
    }

.MyTask .paginate_disabled_next {
}

.MyTask .paginate_enabled_next {
}

    .MyTask .paginate_enabled_next:hover {
    }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
.MyTask table.display {
    margin: 0 auto;
    width: 100%;
    clear: both;
    table-layout: fixed;
}

    .MyTask table.display thead tr {
        /*background: rgba(0,0,0,0.5);*/
        height: 0px;
    }

.LightTheme .MyTask table.display thead tr {
    /*background: rgba(255,255,255,0.5);*/
}

.MyTask table.display thead th {
    padding: 0 5px;
    font-weight: bold;
    cursor: pointer;
    *cursor: hand;
    color: #fff;
    text-align: left;
}

.LightTheme .MyTask table.display thead th {
    color: #000;
}

.MyTask table.display thead th a {
    max-height: 1px;
    overflow: hidden;
    /*line-height: 14px;*/
    vertical-align: middle;
    display: block;
    color: #fff !important;
}

.LightTheme .MyTask table.display thead th a {
    color: #000 !important;
}

.MyTask table.display tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

.MyTask table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

.MyTask table.display td {
    padding: 5px; /*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');*/
}

    .MyTask table.display td.center {
        text-align: center;
    }

    .MyTask table.display td a {
        color: rgba(255,255,255,0.75) !important;
        width: auto;
        height: auto;
    }

.LightTheme .MyTask table.display td a {
    color: rgba(0,0,0,0.75) !important;
}

.MyTask table.display tbody tr {
    background-image: -moz-linear-gradient(top, #f2f2f2, #c5c7c9); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #f2f2f2), color-stop(0, #c5c7c9));
    /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');
    /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#c5c7c9')";
    /* IE8 */
    background-image: linear-gradient(to bottom,rgb(242,242,242),rgb(197,199,201));
    height: 25px;
    background: none !important;
}

.MyTask table.display td p {
    line-height: 15px;
    max-height: 30px;
    overflow: hidden;
    vertical-align: middle;
    word-break: break-word;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.MyTask .dataTables_scroll {
    clear: both;
}

.MyTask .dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}

.MyTask .top, .bottom {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}

    .MyTask .top .dataTables_info {
        float: none;
    }

.MyTask .clear {
    clear: both;
}

.MyTask .dataTables_empty {
    text-align: center;
    color: #fff !important;
}

.LightTheme .MyTask .dataTables_empty {
    color: #000 !important;
}

.MyTask tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

    .MyTask tfoot input.search_init {
        color: #999;
    }

.MyTask td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

.MyTask td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}

.MyTask .example_alt_pagination div.dataTables_info {
    width: 40%;
}

.MyTask .paging_full_numbers {
    padding: 0px 0 0 0 !important;
}

    .MyTask .paging_full_numbers a:active {
        outline: none;
    }

    .MyTask .paging_full_numbers a:hover {
        text-decoration: none;
    }

    .MyTask .paging_full_numbers a.paginate_button,
    .MyTask .paging_full_numbers a.paginate_active {
        /*-webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;*/
        margin: 0 3px;
        cursor: pointer;
        *cursor: hand;
        color: #2B2B2B !important;
        background: #fff;
        padding: 4.5px 10px;
        width: auto;
        height: auto;
    }

    .MyTask .paging_full_numbers a.paginate_button {
        background-color: #fff;
    }

        .MyTask .paging_full_numbers a.paginate_button:hover {
            background: #009ee1;
            color: #fff !important;
            text-decoration: none !important;
        }

.IONETheme .MyTask .paging_full_numbers a.paginate_button:hover {
    background: #00a970;
}

.LightTheme .MyTask .paging_full_numbers a.paginate_button:hover {
    color: #000 !important;
}

.MyTask .paging_full_numbers a.paginate_active {
    background: #009ee1;
    color: #fff !important;
    text-decoration: none;
}

.IONETheme .MyTask .paging_full_numbers a.paginate_active {
    background: #00a970;
}

.LightTheme .MyTask .paging_full_numbers a.paginate_active {
    color: #000 !important;
}

.MyTask a.paginate_button.first {
    background: url(../../Images/NewUI/op_grid_first.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyTask a.paginate_button.first {
    background: url(../../Images/NewUI/LightTheme/op_grid_first.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyTask a.paginate_button.first:hover {
    background: url(../../Images/NewUI/op_grid_first-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyTask a.paginate_button.first:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_first-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyTask a.paginate_button.previous {
    background: url(../../Images/NewUI/op_grid_previous.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyTask a.paginate_button.previous {
    background: url(../../Images/NewUI/LightTheme/op_grid_previous.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyTask a.paginate_button.previous:hover {
    background: url(../../Images/NewUI/op_grid_previous-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyTask a.paginate_button.previous:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_previous-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyTask a.paginate_button.next {
    background: url(../../Images/NewUI/op_grid_next.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyTask a.paginate_button.next {
    background: url(../../Images/NewUI/LightTheme/op_grid_next.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyTask a.paginate_button.next:hover {
    background: url(../../Images/NewUI/op_grid_next-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyTask a.paginate_button.next:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_next-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyTask a.paginate_button.last {
    background: url(../../Images/NewUI/op_grid_last.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyTask a.paginate_button.last {
    background: url(../../Images/NewUI/LightTheme/op_grid_last.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyTask a.paginate_button.last:hover {
    background: url(../../Images/NewUI/op_grid_last-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyTask a.paginate_button.last:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_last-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyTask table.display tr.even.row_selected td {
    background-color: #fff;
}

.LightTheme .MyTask table.display tr.even.row_selected td {
    background-color: #000;
}

.MyTask table.display tr.odd.row_selected td {
    background-color: #fff;
}

.LightTheme .MyTask table.display tr.odd.row_selected td {
    background-color: #000;
}

.MyTask table.display tr.even.row_selected td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyTask table.display tr.even.row_selected td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyTask table.display tr.even:hover {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyTask table.display tr.even:hover {
    background: rgba(255,255,255,0.75) !important;
}

.MyTask table.display tr.even:hover td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyTask table.display tr.even:hover td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyTask table.display tr.odd.row_selected td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyTask table.display tr.odd.row_selected td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyTask table.display tr.odd:hover {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyTask table.display tr.odd:hover {
    background: rgba(255,255,255,0.75) !important;
}

.MyTask table.display tr.odd:hover td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyTask table.display tr.odd:hover td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyTask table.display thead th {
    max-height: 1px;
    overflow: hidden;
    word-break: break-word;
    vertical-align: middle;
    /*line-height: 13px;*/
}

.MyTask table.display td {
    max-height: 25px;
    overflow: hidden;
    vertical-align: middle;
    /*line-height: 13px;*/
}

.MyTask table.display tr.odd {
}

.MyTask table.display tr.even {
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
.MyTask table.display tr.odd {
    background-image: -moz-linear-gradient(top, #f2f2f2, #c5c7c9); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #f2f2f2), color-stop(0, #c5c7c9));
    /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');
    /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#c5c7c9')";
    /* IE8 */
    background-image: linear-gradient(to bottom,rgb(242,242,242),rgb(197,199,201));
    cursor: pointer;
}

.MyTask table.display tr.even {
    background-image: -moz-linear-gradient(top, #f2f2f2, #c5c7c9); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #f2f2f2), color-stop(0, #c5c7c9));
    /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');
    /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#c5c7c9')";
    /* IE8 */
    background-image: linear-gradient(to bottom,rgb(242,242,242),rgb(197,199,201));
    cursor: pointer;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */

.MyTask .paging_full_numbers {
    padding: 80px;
}

#SearchResutMyTaskNav {
    /*border-top: 1px solid #e9eaeb;*/
    padding: 0;
    width: 450px;
    margin: 0;
    background: #CDCFD0;
    height: 1%;
    overflow: visible;
}

    #SearchResutMyTaskNav.ShowNumber {
        /*text-shadow: #fff 1px 1px 1px;*/
        float: left;
    }

.LightTheme #SearchResutMyTaskNav.ShowNumber {
    /*text-shadow: #000 1px 1px 1px;*/
}

.SearchResultMyTaskBottomNav, .SearchResultMyWarningBottomNav {
    padding: 10px 5px;
    margin: 0;
    /*background-image: -moz-linear-gradient(top, #9c9ea0, #bbbdbe);*/ /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #bbbcbe), color-stop(1, #9c9da0));*/ /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#9c9da0', endColorstr='#bbbcbe'); */ /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9c9da0', endColorstr='#bbbcbe')";*/ /* IE8 */
    /*background-image: linear-gradient(to bottom,rgb(156,157,160),rgb(187,188,190));*/
    display: block;
    /*background: rgba(0,0,0,0.50);*/
}

    .SearchResultMyTaskBottomNav a, .SearchResultMyWarningBottomNav a {
        width: 30px;
        height: 30px;
        display: block;
        float: left;
        text-indent: -9999px;
        margin-right: 10px;
    }

        .SearchResultMyTaskBottomNav a.addTask {
            background: url(../../Images/NewUI/op_oth_add-create-new-task-black.svg) center center no-repeat;
            padding: 3px 5px;
            text-indent: -9999px;
            float: left;
            background-size: 30px 30px;
        }

.LightTheme .SearchResultMyTaskBottomNav a.addTask {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-task-black.svg) center center no-repeat;
    background-size: 30px 30px;
}

.SearchResultMyTaskBottomNav a.addTask:hover {
    background: url(../../Images/NewUI/op_oth_add-create-new-task.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .SearchResultMyTaskBottomNav a.addTask:hover {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-task.svg) center center no-repeat;
    background-size: 30px 30px;
}
/* My Task CSS Ends */

/* My Warning CSS Starts*/
#dialogMyWarning {
    padding: 10px;
    margin-top: 7px;
    /*background-image: -moz-linear-gradient(top, #ff0000, #00afe6); /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #008ddc), color-stop(1, #00afe6)); /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#008ddc', endColorstr='#00afe6'); /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#008ddc', endColorstr='#00afe6')"; /* IE8 */
    /*background-image: linear-gradient(to top,rgb(0,141,220),rgb(0,175,230));*/
    color: #3399ff;
    width: 450px;
    position: absolute;
    right: -13px;
    top: 41px;
    display: block;
    overflow: hidden;
    z-index: 1000;
    background: rgba(0,0,0,0.5);
}

.IONETheme #dialogMyWarning {
    color: #00a970;
}

.LightTheme #dialogMyWarning {
    background: rgba(255,255,255,0.5);
}

.MyWarning {
    min-height: 80px;
}

    .MyWarning a {
        font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    .MyWarning .dataTables_wrapper {
        position: relative;
        clear: both;
        zoom: 1; /* Feeling sorry for IE */
        height: 1%;
        /*overflow: visible;*/
    }
    /*.MyWarning  .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px;	padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white;}*/

    .MyWarning .dataTables_processing {
        position: absolute;
        top: -10px;
        left: -10px;
        width: 100%;
        height: 100%;
        /*background-color: black;*/
        z-index: 1001;
        -moz-opacity: 0.70;
        opacity: 0.70;
        filter: alpha(opacity=70);
        background: url(../../Images/op_oth_loading.gif) center center no-repeat;
        padding-bottom: 70px;
        padding-right: 20px;
    }

    .MyWarning .dataTables_length {
        width: 40%;
        float: left;
        display: none;
    }

    .MyWarning .dataTables_filter {
        width: 50%;
        float: right;
        text-align: right;
        display: none;
    }

    .MyWarning .dataTables_info {
        width: 90%;
        float: left;
        padding: 8px;
        height: 1px;
        height: 1px;
    }

.LightTheme .MyWarning .dataTables_info {
    /*text-shadow: #000 1px 1px 1px;*/
}

.MyWarning .dataTables_paginate {
    float: right;
}
/* Pagination nested */
.MyWarning .paginate_disabled_previous, .paginate_enabled_previous,
.MyWarning .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}

    .MyWarning .paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
    .MyWarning .paginate_disabled_next:hover, .paginate_enabled_next:hover {
        text-decoration: none !important;
    }

    .MyWarning .paginate_disabled_previous:active, .paginate_enabled_previous:active,
    .MyWarning .paginate_disabled_next:active, .paginate_enabled_next:active {
        outline: none;
    }

.MyWarning .paginate_disabled_previous,
.MyWarning .paginate_disabled_next {
    color: #666 !important;
}

.MyWarning .paginate_disabled_previous, .paginate_enabled_previous {
    padding-left: 23px;
}

.MyWarning .paginate_disabled_next, .paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.MyWarning .paginate_disabled_previous {
}

.MyWarning .paginate_enabled_previous {
}

    .MyWarning .paginate_enabled_previous:hover {
    }

.MyWarning .paginate_disabled_next {
}

.MyWarning .paginate_enabled_next {
}

    .MyWarning .paginate_enabled_next:hover {
    }
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
.MyWarning table.display {
    margin: 0 auto;
    width: 100%;
    clear: both;
    table-layout: fixed;
}

    .MyWarning table.display thead tr {
        /*background: rgba(0,0,0,0.5);*/
        height: 0px;
    }

.LightTheme .MyWarning table.display thead tr {
    /*background: rgba(255,255,255,0.5);*/
}

.MyWarning table.display thead th {
    padding: 0 5px;
    font-weight: bold;
    cursor: pointer;
    *cursor: hand;
    color: #fff;
    text-align: left;
}

.LightTheme .MyWarning table.display thead th {
    color: #000;
}

.MyWarning table.display thead th a {
    max-height: 1px;
    overflow: hidden;
    line-height: 14px;
    vertical-align: middle;
    display: block;
    color: #fff !important;
}

.LightTheme .MyWarning table.display thead th a {
    color: #000 !important;
}

.MyWarning table.display tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

.MyWarning table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

.MyWarning table.display td {
    padding: 5px; /*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');*/
}

    .MyWarning table.display td.center {
        text-align: center;
    }

    .MyWarning table.display td a {
        color: rgba(255,255,255,0.75) !important;
        width: auto;
        height: auto;
    }

.LightTheme .MyWarning table.display td a {
    color: rgba(0,0,0,0.75) !important;
}

.MyWarning table.display tbody tr {
    background-image: -moz-linear-gradient(top, #f2f2f2, #c5c7c9); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #f2f2f2), color-stop(0, #c5c7c9));
    /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');
    /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#c5c7c9')";
    /* IE8 */
    background-image: linear-gradient(to bottom,rgb(242,242,242),rgb(197,199,201));
    height: 25px;
    background: none !important;
}

.MyWarning table.display td p {
    line-height: 15px;
    max-height: 30px;
    overflow: hidden;
    vertical-align: middle;
    word-break: break-word;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.MyWarning .dataTables_scroll {
    clear: both;
}

.MyWarning .dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}

.MyWarning .top, .bottom {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}

    .MyWarning .top .dataTables_info {
        float: none;
    }

.MyWarning .clear {
    clear: both;
}

.MyWarning .dataTables_empty {
    text-align: center;
    color: #fff !important;
}

.LightTheme .MyWarning .dataTables_empty {
    color: #000 !important;
}

.MyWarning tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

    .MyWarning tfoot input.search_init {
        color: #999;
    }

.MyWarning td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

.MyWarning td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}

.MyWarning .example_alt_pagination div.dataTables_info {
    width: 40%;
}

.MyWarning .paging_full_numbers {
    padding: 15px 0 0 0 !important;
    padding-top: 5px;
}

    .MyWarning .paging_full_numbers a:active {
        outline: none;
    }

    .MyWarning .paging_full_numbers a:hover {
        text-decoration: none;
    }

    .MyWarning .paging_full_numbers a.paginate_button,
    .MyWarning .paging_full_numbers a.paginate_active {
        /*-webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;*/
        margin: 0 3px;
        cursor: pointer;
        *cursor: hand;
        color: #2B2B2B !important;
        background: #fff;
        padding: 4.5px 10px;
        width: auto;
        height: auto;
    }

    .MyWarning .paging_full_numbers a.paginate_button {
        background-color: #fff;
    }

        .MyWarning .paging_full_numbers a.paginate_button:hover {
            background: #009ee1;
            color: #fff !important;
            text-decoration: none !important;
        }

.IONETheme .MyWarning .paging_full_numbers a.paginate_button:hover {
    background: #00a970;
}

.LightTheme .MyWarning .paging_full_numbers a.paginate_button:hover {
    color: #000 !important;
}

.MyWarning .paging_full_numbers a.paginate_active {
    background: #009ee1;
    color: #fff !important;
    text-decoration: none;
}

.IONETheme .MyWarning .paging_full_numbers a.paginate_active {
    background: #00a970;
}

.LightTheme .MyWarning .paging_full_numbers a.paginate_active {
    background: #009ee1;
    color: #000 !important;
}

.LightTheme.IONETheme .MyWarning .paging_full_numbers a.paginate_active {
    background: #00a970;
}

.MyWarning a.paginate_button.first {
    background: url(../../Images/NewUI/op_grid_first.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyWarning a.paginate_button.first {
    background: url(../../Images/NewUI/LightTheme/op_grid_first.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyWarning a.paginate_button.first:hover {
    background: url(../../Images/NewUI/op_grid_first-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyWarning a.paginate_button.first:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_first-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}


.MyWarning a.paginate_button.previous {
    background: url(../../Images/NewUI/op_grid_previous.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyWarning a.paginate_button.previous {
    background: url(../../Images/NewUI/LightTheme/op_grid_previous.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyWarning a.paginate_button.previous:hover {
    background: url(../../Images/NewUI/op_grid_previous-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyWarning a.paginate_button.previous:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_previous-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyWarning a.paginate_button.next {
    background: url(../../Images/NewUI/op_grid_next.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyWarning a.paginate_button.next {
    background: url(../../Images/NewUI/LightTheme/op_grid_next.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyWarning a.paginate_button.next:hover {
    background: url(../../Images/NewUI/op_grid_next-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyWarning a.paginate_button.next:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_next-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyWarning a.paginate_button.last {
    background: url(../../Images/NewUI/op_grid_last.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyWarning a.paginate_button.last {
    background: url(../../Images/NewUI/LightTheme/op_grid_last.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyWarning a.paginate_button.last:hover {
    background: url(../../Images/NewUI/op_grid_last-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
    width: 25px !important;
    height: 25px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    /*margin-top: 2px;*/
}

.LightTheme .MyWarning a.paginate_button.last:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_last-hover.svg) left top no-repeat !important;
    background-size: 25px 25px !important;
}

.MyWarning table.display tr.even.row_selected td {
    background-color: #fff;
}

.LightTheme .MyWarning table.display tr.even.row_selected td {
    background-color: #000;
}

.MyWarning table.display tr.odd.row_selected td {
    background-color: #fff;
}

.LightTheme .MyWarning table.display tr.odd.row_selected td {
    background-color: #000;
}

.MyWarning table.display tr.even.row_selected td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyWarning table.display tr.even.row_selected td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyWarning table.display tr.even:hover {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyWarning table.display tr.even:hover {
    background: rgba(255,255,255,0.75) !important;
}

.MyWarning table.display tr.even:hover td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyWarning table.display tr.even:hover td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyWarning table.display tr.odd.row_selected td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyWarning table.display tr.odd.row_selected td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyWarning table.display tr.odd:hover {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyWarning table.display tr.odd:hover {
    background: rgba(255,255,255,0.75) !important;
}

.MyWarning table.display tr.odd:hover td:first-child {
    background: rgba(0,0,0,0.75) !important;
}

.LightTheme .MyWarning table.display tr.odd:hover td:first-child {
    background: rgba(255,255,255,0.75) !important;
}

.MyWarning table.display thead th {
    max-height: 1px;
    overflow: hidden;
    word-break: break-word;
    vertical-align: middle;
    /*line-height: 13px;*/
}

.MyWarning table.display td {
    max-height: 25px;
    overflow: hidden;
    vertical-align: middle;
    /*line-height: 13px;*/
}

.MyWarning table.display tr.odd {
}

.MyWarning table.display tr.even {
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
.MyWarning table.display tr.odd {
    background-image: -moz-linear-gradient(top, #f2f2f2, #c5c7c9); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #f2f2f2), color-stop(0, #c5c7c9));
    /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');
    /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#c5c7c9')";
    /* IE8 */
    background-image: linear-gradient(to bottom,rgb(242,242,242),rgb(197,199,201));
    cursor: pointer;
}

.MyWarning table.display tr.even {
    background-image: -moz-linear-gradient(top, #f2f2f2, #c5c7c9); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, #f2f2f2), color-stop(0, #c5c7c9));
    /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#c5c7c9');
    /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f2f2f2', endColorstr='#c5c7c9')";
    /* IE8 */
    background-image: linear-gradient(to bottom,rgb(242,242,242),rgb(197,199,201));
    cursor: pointer;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */

.MyWarning .paging_full_numbers {
    padding: 80px;
}

#SearchResutMyWarningNav {
    /*border-top: 1px solid #e9eaeb;*/
    padding: 0;
    width: 450px;
    margin: 0;
    background: #CDCFD0;
    height: 1%;
    overflow: visible;
}

    #SearchResutMyWarningNav.ShowNumber {
        /*text-shadow: #fff 1px 1px 1px;*/
        float: left;
    }

.LightTheme #SearchResutMyWarningNav.ShowNumber {
    /*text-shadow: #000 1px 1px 1px;*/
}

.SearchResultMyWarningBottomNav {
    padding: 10px 5px;
    margin: 30px 0px 0px 0px;
    /*background-image: -moz-linear-gradient(top, #9c9ea0, #bbbdbe);*/ /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #bbbcbe), color-stop(1, #9c9da0));*/ /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#9c9da0', endColorstr='#bbbcbe'); */ /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9c9da0', endColorstr='#bbbcbe')";*/ /* IE8 */
    /*background-image: linear-gradient(to bottom,rgb(156,157,160),rgb(187,188,190));*/
    display: block;
    /*background: rgba(0,0,0,0.50);*/
}

    .SearchResultMyWarningBottomNav a {
        width: 30px;
        height: 30px;
        display: block;
        float: left;
        text-indent: -9999px;
        margin-right: 10px;
    }
/* My Warning CSS Ends*/


/*
-----------------------------------------------------------------------------------------------------------------------
********************************************************DASHBOARD PAGE CSS*********************************************
-----------------------------------------------------------------------------------------------------------------------
*/

.DashboardBoxContainer {
    position: fixed;
    top: 50%;
    bottom: 0;
    margin-top: -172px;
    left: 0;
    width: 100%;
    height: 345px;
    /*z-index: 99999;*/
}

    .DashboardBoxContainer.row2 {
        margin: -167px 0 0 0;
    }

    .DashboardBoxContainer.row3 {
        margin: -250px 0 0 0;
    }

.DashboardBox, .NewDashboardBox {
    text-align: center;
    margin: 0;
    height: 167px;
}

    .DashboardBox a {
        width: 167px;
        height: 37px;
        display: inline-block;
        text-align: center;
        padding: 130px 0 0 0;
        font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: rgba(255,255,255,1);
        margin-right: 1px;
        /*text-transform: uppercase;*/
        background-size: 85px 85px !important;
    }

    .NewDashboardBox .tile {
        width: 300px;
        height: 265px;
        display: inline-block;
        text-align: center;
        padding: 10px;
        font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: rgba(255,255,255,1);
        margin-right: 1px;
        background-size: 85px 85px !important;
        background: rgba(0,0,0,0.5);
        margin-bottom: 1px;
        vertical-align: top;
    }

        .NewDashboardBox .tile a {
            color: #fff;
        }

.LightTheme .NewDashboardBox .tile a {
    color: #000;
}

.LightTheme .NewDashboardBox .tile {
    background: rgba(255,255,255,0.5);
}

.LightTheme .DashboardBox a {
    color: rgba(0,0,0,1);
}

.DashboardBox a:hover, .DashboardBox a.Active {
    color: #009ee0;
}

.IONETheme .DashboardBox a:hover, .IONETheme .DashboardBox a.Active {
    color: #00a970;
}

.IONETheme .NewDashboardBox .tile {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
    margin-bottom: 10px;
}

.IONETheme .TileTable p {
    max-height: 16px;
}

a.logout {
    background: url(../../Images/NewUI/mod_logout.svg) center center no-repeat;
    /*position: relative;
    left: 3px;
    margin-bottom: 1px;*/
    font-size: 0px;
    margin-right: 130px;
}

.LightTheme a.logout {
    background: url(../../Images/NewUI/LightTheme/mod_logout.svg) center center no-repeat;
}

a.logout:hover, a.logout:active, a.Logout.Active {
    background: url(../../Images/NewUI/mod_logout_h.svg) center center no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.logout:hover, .LightTheme a.logout:active, .LightTheme a.Logout.Active {
    /*background: url(../../Images/NewUI/LightTheme/mod_logout_h.svg) center center no-repeat;*/
}

.IONETheme.LightTheme a.logout:hover,
.IONETheme.LightTheme a.logout:active,
.IONETheme.LightTheme a.Logout.Active {
    background: url(../../Images/NewUI/LightTheme/mod_logout_h.svg) center center no-repeat;
}

a.changeTheme {
    background: url(../../Images/NewUI/mod_changetheme.svg) center center no-repeat;
    background-size: 30px 30px;
    font-size: 0px;
    margin-right: 10px;
}

.LightTheme a.changeTheme {
    background: url(../../Images/NewUI/LightTheme/mod_changetheme.svg) center center no-repeat;
    background-size: 30px 30px;
}

a.changeTheme:hover, a.changeTheme:active, a.changeTheme.Active {
    background: url(../../Images/NewUI/mod_changetheme_h.svg) center center no-repeat;
    background-size: 30px 30px;
    margin-bottom: 1px;
}

.LightTheme a.changeTheme:hover, .LightTheme a.changeTheme:active, .LightTheme a.changeTheme.Active {
    background: url(../../Images/NewUI/LightTheme/mod_changetheme_h.svg) center center no-repeat;
    background-size: 30px 30px;
}

a.admin {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_admin.svg) center 20px no-repeat;
    margin-bottom: 1px;
    margin-left: -3px;
}

.LightTheme a.admin {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_admin.svg) center 20px no-repeat;
}

a.admin:hover, a.admin:active, a.Admin.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_admin_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.admin:hover, .LightTheme a.admin:active, .LightTheme a.Admin.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_admin_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

a.administration {
    background: rgba(0,0,0,0.5) url(../Images/NewUI/mod_admin.svg) center 20px no-repeat;
    margin-bottom: 1px;
    margin-left: -3px;
}

a.administration {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_admin.svg) center 20px no-repeat;
    margin-bottom: 1px;
    margin-left: -3px;
}

.LightTheme a.administration {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_admin.svg) center 20px no-repeat;
}

a.administration:hover, a.administration:active, a.administration.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_admin_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.administration:hover, .LightTheme a.administration:active, .LightTheme a.administration.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_admin_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

a.communication {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_communication.svg) center 20px no-repeat;
}

.LightTheme a.communication {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_communication.svg) center 20px no-repeat;
}

a.communication:hover, a.communication:active, a.Communication.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_communication_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.communication:hover, .LightTheme a.communication:active, .LightTheme a.Communication.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_communication_h.svg) center 20px no-repeat;
}

a.management {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_communication.svg) center 20px no-repeat;
}

.LightTheme a.management {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_communication.svg) center 20px no-repeat;
}

a.management:hover, a.management:active, a.management.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_communication_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.management:hover, .LightTheme a.management:active, .LightTheme a.management.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_communication_h.svg) center 20px no-repeat;
}

a.sales {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_sales.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.sales {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_sales.svg) center 20px no-repeat;
}

a.sales:hover, a.sales:active, a.Sales.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_sales_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.sales:hover, .LightTheme a.sales:active, .LightTheme a.Sales.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_sales_h.svg) center 20px no-repeat;
}


a.vertrieb {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_sales.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.vertrieb {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_sales.svg) center 20px no-repeat;
}

a.vertrieb:hover, a.vertrieb:active, a.vertrieb.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_sales_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.vertrieb:hover, .LightTheme a.vertrieb:active, .LightTheme a.vertrieb.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_sales_h.svg) center 20px no-repeat;
}

a.settings {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_settings.svg) center 20px no-repeat;
    margin-bottom: 1px;
    /*	margin-left:-3px;*/ /*margin-right: 0 !important;*/
}

.LightTheme a.settings {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_settings.svg) center 20px no-repeat;
}

a.settings:hover, a.settings:active, a.Sales.Active, a.settings.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_settings_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.settings:hover, .LightTheme a.settings:active, .LightTheme a.Sales.Active, .LightTheme a.settings.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_settings_h.svg) center 20px no-repeat;
}

a.projektmanagement {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_projectmanagement.svg) center 20px no-repeat;
    margin-bottom: 1px;
    /*	margin-left:-3px;*/ /*margin-right: 0 !important;*/
}

.LightTheme a.projektmanagement {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_projectmanagement.svg) center 20px no-repeat;
}

a.projektmanagement:hover, a.projektmanagement:active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_projectmanagement_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.projektmanagement:hover, .LightTheme a.projektmanagement:active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_projectmanagement_h.svg) center 20px no-repeat;
}

a.monitoring {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_monitoring.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.monitoring {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_monitoring.svg) center 20px no-repeat;
}

a.monitoring:hover, a.monitoring:active, a.monitoring.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_monitoring_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.monitoring:hover, .LightTheme a.monitoring:active, .LightTheme a.monitoring.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_monitoring_h.svg) center 20px no-repeat;
}

a.service {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_service.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.service {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_service.svg) center 20px no-repeat;
}

a.service:hover, a.service:active, a.service.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_service_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.service:hover, .LightTheme a.service:active, .LightTheme a.service.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_service_h.svg) center 20px no-repeat;
}

a.einkauf {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_service.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.einkauf {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_service.svg) center 20px no-repeat;
}

a.einkauf:hover, a.einkauf:active, a.einkauf.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_service_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.einkauf:hover, .LightTheme a.einkauf:active, .LightTheme a.einkauf.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_service_h.svg) center 20px no-repeat;
}

a.rental {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_rental.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.rental {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_rental.svg) center 20px no-repeat;
}

a.rental:hover, a.rental:active, a.rental.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_rental_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.rental:hover, .LightTheme a.rental:active, .LightTheme a.rental.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_rental_h.svg) center 20px no-repeat;
}


a.av {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_rental.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.av {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_rental.svg) center 20px no-repeat;
}

a.av:hover, a.av:active, a.av.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_rental_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.av:hover, .LightTheme a.av:active, .LightTheme a.av.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_rental_h.svg) center 20px no-repeat;
}

a.insurance {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_insurance.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.insurance {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_insurance.svg) center 20px no-repeat;
}

a.insurance:hover, a.insurance:active, a.insurance.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_insurance_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.insurance:hover, .LightTheme a.insurance:active, .LightTheme a.insurance.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_insurance_h.svg) center 20px no-repeat;
}

a.technical {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_technical.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.technical {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_technical.svg) center 20px no-repeat;
}

a.technical:hover, a.technical:active, a.technical.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_technical_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.technical:hover, .LightTheme a.technical:active, .LightTheme a.technical.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_technical_h.svg) center 20px no-repeat;
}

a.controlling {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_controlling.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.controlling {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_controlling.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

a.controlling:hover, a.controlling:active, a.controlling.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_controlling_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.controlling:hover, .LightTheme a.controlling:active, .LightTheme a.controlling.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_controlling_h.svg) center 20px no-repeat;
}

a.ppe {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_controlling.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.ppe {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_controlling.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

a.ppe:hover, a.ppe:active, a.ppe.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_controlling_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.ppe:hover, .LightTheme a.ppe:active, .LightTheme a.ppe.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_controlling_h.svg) center 20px no-repeat;
}

a.accounting {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_accounting.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.accounting {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_accounting.svg) center 20px no-repeat;
}

a.accounting:hover, a.accounting:active, a.accounting.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_accounting_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.accounting:hover, .LightTheme a.accounting:active, .LightTheme a.accounting.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_accounting_h.svg) center 20px no-repeat;
}

a.qs {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_accounting.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.qs {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_accounting.svg) center 20px no-repeat;
}

a.qs:hover, a.qs:active, a.qs.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_accounting_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.qs:hover, .LightTheme a.qs:active, .LightTheme a.qs.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_accounting_h.svg) center 20px no-repeat;
}

a.resourcemanagementvehicleoverview {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_resourcemanagementvehicleoverview.svg) center 20px no-repeat;
    margin-bottom: 1px;
    /*margin-right: 0 !important;*/
}

.LightTheme a.resourcemanagementvehicleoverview {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_resourcemanagementvehicleoverview.svg) center 20px no-repeat;
}

a.resourcemanagementvehicleoverview:hover, a.resourcemanagementvehicleoverview:active, a.resourcemanagementvehicleoverview.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_resourcemanagementvehicleoverview_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.resourcemanagementvehicleoverview:hover, .LightTheme a.resourcemanagementvehicleoverview:active, .LightTheme a.resourcemanagementvehicleoverview.Active {
    background: rgba(255,255,255,.5) url(../../Images/NewUI/LightTheme/mod_resourcemanagementvehicleoverview_h.svg) center 20px no-repeat;
}

div.Clear + a {
    margin-left: -3px;
}

.TopMenuNav {
    position: relative;
    left: 65px;
    top: -7px;
    padding: 30px 0px 30px 54px;
    /*background-image: -moz-linear-gradient(top, #ff0000, #00afe6); /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #008ddc), color-stop(1, #00afe6)); /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#00afe6', endColorstr='#008ddc'); /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00afe6', endColorstr='#008ddc')"; /* IE8 */
    /*background-image: linear-gradient(to top, rgb(0,141,220), rgb(0,175,230));*/
    color: #3399ff;
    float: left;
    z-index: 1000;
    display: none;
    background: rgba(0,0,0,0.3);
}

.IONETheme .TopMenuNav {
    color: #00a970;
}

.LightTheme .TopMenuNav {
    background: rgba(255,255,255,0.9);
}

.menus {
    position: absolute;
    width: auto;
    height: 1%;
    /*overflow: hidden;*/
    padding: 0 0;
    display: block;
    margin: -10px 0 0 25px;
    /*background-image: -moz-linear-gradient(top, #ff0000, #00afe6);*/ /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #008ddc), color-stop(1, #00afe6));*/ /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#008ddc', endColorstr='#00afe6');*/ /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#008ddc', endColorstr='#00afe6')";*/ /* IE8 */
    /*background-image: linear-gradient(to top,rgb(0,141,220),rgb(0,175,230));
    background: #00afe6;*/
    background-color: none;
}

.TopMenuNav .MenuCol {
    width: 210px;
    display: block;
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
}

    .TopMenuNav .MenuCol h2 {
        font-size: 17px;
        color: rgba(255,255,255,0.75);
        margin: 0 20px 10px -20px;
        padding: 0;
        font-weight: bold;
    }

.LightTheme .TopMenuNav .MenuCol h2 {
    color: rgba(0,0,0,0.75);
}

.TopMenuNav .MenuCol ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
}

.TopMenuNav .MenuCol .AddData {
    background: url(../../Images/NewUI/op_oth_add-create-new.svg) center center no-repeat;
    background-size: 15px 15px !important;
    width: 8px;
    height: 8px;
    display: block;
    float: left;
    margin: 0;
    text-indent: -9999px;
    padding: 16px 8px 8px 8px;
    margin: 0 0 0 -25px;
    cursor: pointer;
}

/*.TopMenuNav .MenuCol .AddData.GroupMenu, .TopMenuNav .MenuCol .RemoveData.GroupMenu {
        padding-top: 0px !important;
    }*/

.LightTheme .TopMenuNav .MenuCol .AddData {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new.svg) center center no-repeat;
    background-size: 15px 15px !important;
}

.TopMenuNav .MenuCol .AddData:hover {
    background: url(../../Images/NewUI/op_oth_add-create-new-dark.svg) center center no-repeat;
    padding: 16px 8px 8px 8px;
}

.LightTheme .TopMenuNav .MenuCol .AddData:hover {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-dark.svg) center center no-repeat;
}

.TopMenuNav .MenuCol .RemoveData {
    background: url(../../Images/NewUI/op_oth_remove-new.svg) center center no-repeat;
    background-size: 15px 15px !important;
    width: 8px;
    height: 8px;
    display: block;
    float: left;
    margin: 0;
    text-indent: -9999px;
    padding: 16px 8px 8px 8px;
    margin: 0 0 0 -25px;
    cursor: pointer;
}

.LightTheme .TopMenuNav .MenuCol .RemoveData {
    background: url(../../Images/NewUI/LightTheme/op_oth_remove-black-new.svg) center center no-repeat;
    background-size: 15px 15px !important;
}

.IONETheme.LightTheme .TopMenuNav .MenuCol .RemoveData {
    background: url(../../Images/NewUI/LightTheme/op_oth_remove-new.svg) center center no-repeat;
    background-size: 15px 15px !important;
}

.TopMenuNav .MenuCol .RemoveData:hover {
    background: url(../../Images/NewUI/LightTheme/op_oth_remove-new.svg) center center no-repeat;
    padding: 16px 8px 8px 8px;
}

.IONETheme .TopMenuNav .MenuCol .RemoveData:hover {
    background: url(../../Images/NewUI/op_oth_remove-black-new.svg) center center no-repeat;
    padding: 16px 8px 8px 8px;
}

.LightTheme .TopMenuNav .MenuCol .RemoveData:hover {
    background: url(../../Images/NewUI/LightTheme/op_oth_remove-new.svg) center center no-repeat;
    background-size: 15px 15px !important;
}

.IONETheme.LightTheme .TopMenuNav .MenuCol .RemoveData:hover {
    background: url(../../Images/NewUI/LightTheme/op_oth_remove-black-new.svg) center center no-repeat;
    background-size: 15px 15px !important;
}

.TopMenuNav .MenuCol ul li a.AddLink {
    color: rgba(255,255,255,0.75);
    float: left;
    display: block;
    width: 180px;
    padding: 5px;
    font-size: 16px;
}

.LightTheme .TopMenuNav .MenuCol ul li a.AddLink {
    color: rgba(0,0,0,0.75);
}

.TopMenuNav .MenuCol ul li a.AddLink:hover {
    background: #009ee1;
    color: #fff;
    padding: 5px;
}

.IONETheme .TopMenuNav .MenuCol ul li a.AddLink:hover {
    background: none;
}

.LightTheme .TopMenuNav .MenuCol ul li a.AddLink:hover {
    color: #000;
}

#chk-dropdown {
    position: relative;
    width: 27px;
    height: 40px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
}

    #chk-dropdown .dropdown {
        position: absolute;
        top: 2px;
        left: 35px;
        right: 0;
        min-width: 200px;
        background: rgba(0,0,0,0.75);
        /*border-radius: inherit;
        border: 1px solid rgba(255,255,255,0.17);
        box-shadow: 0 0 5px rgba(255,255,255,0.1);*/
        font-weight: normal;
        -webkit-transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        -ms-transition: all 0.5s ease-in;
        -o-transition: all 0.5s ease-in;
        transition: all 0.5s ease-in;
        list-style: none;
        display: none;
        pointer-events: none;
    }

.LightTheme #chk-dropdown .dropdown {
    background: rgba(255,255,255,0.9);
}

*:focus {
    outline: 0;
}

#chk-dropdown .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 12px;
    right: 100%;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #fff;
    /*border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;*/
}

.LightTheme #chk-dropdown .dropdown:after {
    border-right: 6px solid #000;
}

#chk-dropdown .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 10px;
    right: 100%;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid rgba(255,255,255,0.1);
    /*border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(255,255,255,0.1) transparent;*/
}

.LightTheme #chk-dropdown .dropdown:before {
    border-right: 8px solid rgba(0,0,0,0.1);
}

#chk-dropdown .dropdown li a {
    display: block;
    padding: 9px 5px 9px 42px;
    text-decoration: none;
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: rgba(255,255,255,0.75);
    /*border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(0,0,0,1);*/
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background-repeat: no-repeat;
    background-position: 5px center;
}

.LightTheme #chk-dropdown .dropdown li a {
    color: rgba(0,0,0,0.75);
}

.icon-none {
    background-image: url(../../Images/NewUI/normal.svg);
    background-size: 30px 30px;
}

.icon-normal {
    background-image: url(../../Images/NewUI/checked.svg);
    background-size: 30px 30px;
}

.icon-tristate {
    background-image: url(../../Images/NewUI/tristate.svg);
}

.LightTheme .icon-none {
    background-image: url(../../Images/NewUI/LightTheme/normal.svg);
}

.LightTheme .icon-normal {
    background-image: url(../../Images/NewUI/LightTheme/checked.svg);
}

.LightTheme .icon-tristate {
    background-image: url(../../Images/NewUI/LightTheme/tristate.svg);
}

#chk-dropdown .dropdown li:first-of-type a {
    /*border-radius: 7px 7px 0 0;*/
}

#chk-dropdown .dropdown li:last-of-type a {
    border: none;
    /*border-radius: 0 0 7px 7px;*/
}

#chk-dropdown .dropdown li:hover {
    background: rgba(0,0,0,0.9);
}

.LightTheme #chk-dropdown .dropdown li:hover {
    background: rgba(255,255,255,0.9);
}

/* Active state */

#chk-dropdown.active .dropdown {
    display: block;
    pointer-events: auto;
    z-index: 6;
}


.ChkBoxCnt {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 30px;
    display: inline-block;
    height: 30px;
    position: -webkit-sticky; /* Safari */
}

    .ChkBoxCnt input {
        cursor: pointer;
    }

    .ChkBoxCnt div.FormElement input + label {
        padding-left: 2px;
        vertical-align: middle;
        color: rgba(255,255,255,0.5);
    }

.LightTheme .ChkBoxCnt div.FormElement input + label {
    color: rgba(0,0,0,0.5);
}

#BillOrderTable input + label {
    padding-left: 0 !important;
}

div.FormElement input[type="checkbox"], div.FormElement input[type="radio"]:not(.mat-radio-input) {
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 9;
    opacity: 0;
    vertical-align: middle;
}

    div.FormElement input[type="checkbox"].wide, div.FormElement input[type="radio"].wide:not(.mat-radio-input) {
        width: 60px !important;
    }

/*div.FormElement input[type="radio"]
{
	height: 22px;
	width: 22px;
}*/
div.FormElement input + label:before {
    content: " ";
    background: url(../../Images/NewUI/jniceit/checkbox.svg) no-repeat left top;
    background-size: 30px 60px;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    z-index: 5;
}

.LightTheme div.FormElement input + label:before, div.FormElement input + label.New:before {
    background: url(../../Images/NewUI/LightTheme/jniceit/checkbox.svg) no-repeat left top;
    background-size: 30px 60px;
}

div.FormElement input[type="checkbox"] + label:before {
    background-position: left top;
}

div.FormElement input[type="radio"] + label:before {
    background-position: left top;
}
/*div.FormElement input[type="radio"] + label:before
{
	background-position: -36px -3px;
}*/

div.FormElement input[type="checkbox"]:checked + label:before {
    background-position: left bottom;
}

div.FormElement input[type="radio"]:checked + label:before {
    background-position: left bottom;
}
/*Begin: Added by Bipin on 11-04-2013 */
div.FormElement .StyleCheckBoxFor:checked + input + label:before {
    background-position: left bottom;
}

div.FormElement1 .ChkBoxCnt1 .StyleCheckBoxFor + input + label {
    padding-left: 2px;
    vertical-align: middle;
    width: 118px;
    text-align: center;
    display: block;
}

    div.FormElement1 .ChkBoxCnt1 .StyleCheckBoxFor + input + label:before {
        content: " ";
        background: url(../../Images/NewUI/jniceit/checkbox.svg) no-repeat left top;
        background-size: 30px 60px;
        width: 120px;
        height: 30px;
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        z-index: 5;
    }

.LightTheme div.FormElement1 .ChkBoxCnt1 .StyleCheckBoxFor + input + label:before {
    background: url(../../Images/NewUI/LightTheme/jniceit/checkbox.svg) no-repeat left top;
    background-size: 30px 60px;
}

div.FormElement1 .ChkBoxCnt1 .StyleCheckBoxFor + input + label:before {
    background-position: top center;
}

div.FormElement1 .ChkBoxCnt1 .StyleCheckBoxFor:checked + input + label:before {
    background-position: center bottom;
}
/*End: Added by Bipin on 11-04-2013 */

div.FormElement1 .ChkBoxCnt1 {
    margin: 10px 0 0 0;
    padding: 0;
    position: relative;
    width: 120px;
    float: left;
}

    div.FormElement1 .ChkBoxCnt1 input + label {
        padding-left: 2px;
        vertical-align: middle;
        width: 118px;
        text-align: center;
        display: block;
    }

        div.FormElement1 .ChkBoxCnt1 input + label:before {
            content: " ";
            background: url(../../Images/NewUI/jniceit/checkbox.svg) no-repeat left top;
            background-size: 30px 60px;
            width: 120px;
            height: 30px;
            position: absolute;
            left: 0;
            top: 0;
            display: inline-block;
            z-index: 5;
        }

.LightTheme div.FormElement1 .ChkBoxCnt1 input + label:before {
    background: url(../../Images/NewUI/LightTheme/jniceit/checkbox.svg) no-repeat left top;
    background-size: 30px 60px;
}

div.FormElement1 .ChkBoxCnt1 input[type="checkbox"] {
    width: 120px;
    height: 30px;
    position: relative;
    z-index: 10;
    opacity: 0;
    vertical-align: middle;
}

    div.FormElement1 .ChkBoxCnt1 input[type="checkbox"] + label:before {
        background-position: top center;
    }

    div.FormElement1 .ChkBoxCnt1 input[type="checkbox"]:checked + label:before {
        background-position: center bottom;
    }

.RadioBoxCnt {
    margin: 10px 0 0 0;
    padding: 0;
    position: relative;
    width: 120px;
    float: left;
}

    .RadioBoxCnt input {
        cursor: pointer;
    }

        .RadioBoxCnt input + label {
            padding-left: 2px;
            vertical-align: middle;
            width: 118px;
            text-align: center;
            display: block;
        }

            .RadioBoxCnt input + label:before {
                content: " ";
                background: url(../../Images/NewUI/jniceit/checkbox.svg) no-repeat left top;
                background-size: 30px 60px;
                width: 120px;
                height: 30px;
                position: absolute;
                left: 0;
                top: 0;
                display: inline-block;
                z-index: 5;
            }

.LightTheme .RadioBoxCnt input + label:before {
    background: url(../../Images/NewUI/LightTheme/jniceit/checkbox.svg) no-repeat left top;
    background-size: 30px 60px;
}

.RadioBoxCnt input[type="radio"] {
    width: 120px;
    height: 30px;
    position: relative;
    z-index: 10;
    opacity: 0;
    vertical-align: middle;
}

    .RadioBoxCnt input[type="radio"] + label:before {
        background-position: top center;
    }

    .RadioBoxCnt input[type="radio"]:checked + label:before {
        background-position: center bottom;
    }

div.FormElement1 .RadioBoxCnt {
    margin: 10px 0 0 0;
    padding: 0;
    position: relative;
    width: 120px;
    float: left;
}

    div.FormElement1 .RadioBoxCnt input + label {
        padding-left: 2px;
        vertical-align: middle;
        width: 118px;
        text-align: center;
        display: block;
    }

        div.FormElement1 .RadioBoxCnt input + label:before {
            content: " ";
            background: url(../../Images/NewUI/jniceit/checkbox.svg) no-repeat left top;
            background-size: 30px 60px;
            width: 120px;
            height: 30px;
            position: absolute;
            left: 0;
            top: 0;
            display: inline-block;
            z-index: 5;
        }

.LightTheme div.FormElement1 .RadioBoxCnt input + label:before {
    background: url(../../Images/NewUI/LightTheme/jniceit/checkbox.svg) no-repeat left top;
    background-size: 30px 60px;
}

div.FormElement1 .RadioBoxCnt input[type="radio"] {
    width: 120px;
    height: 30px;
    position: relative;
    z-index: 10;
    opacity: 0;
    vertical-align: middle;
}

    div.FormElement1 .RadioBoxCnt input[type="radio"] + label:before {
        background-position: top center;
    }

    div.FormElement1 .RadioBoxCnt input[type="radio"]:checked + label:before {
        background-position: center bottom;
    }

div.FormElementlabelTop .RadioBoxCnt {
    margin: 10px 0 0 0;
    padding: 0;
    position: relative;
    width: 120px;
    float: left;
}

    div.FormElementlabelTop .RadioBoxCnt input + label {
        padding-left: 2px;
        vertical-align: middle;
        width: 118px;
        text-align: center;
        display: block;
        margin-top: -37px;
    }

        div.FormElementlabelTop .RadioBoxCnt input + label:before {
            content: " ";
            background: url(../../Images/NewUI/jniceit/checkbox.svg) no-repeat left top;
            background-size: 30px 60px;
            width: 120px;
            height: 30px;
            position: absolute;
            left: 0;
            top: 9px;
            display: inline-block;
            z-index: 5;
        }

.LightTheme div.FormElementlabelTop .RadioBoxCnt input + label:before {
    background: url(../../Images/NewUI/LightTheme/jniceit/checkbox.svg) no-repeat left top;
    background-size: 30px 60px;
}

div.FormElementlabelTop .RadioBoxCnt input[type="radio"] {
    width: 120px;
    height: 30px;
    position: relative;
    z-index: 10;
    opacity: 0;
    vertical-align: middle;
    top: 9px \0/;
}

    div.FormElementlabelTop .RadioBoxCnt input[type="radio"] + label:before {
        background-position: top center;
    }

    div.FormElementlabelTop .RadioBoxCnt input[type="radio"]:checked + label:before {
        background-position: center bottom;
    }

div.FormElementlabelTop .ChkBoxCnt {
    margin: 10px 0;
    padding: 0;
    position: relative;
    width: 120px;
    float: left;
    position: -webkit-sticky; /* Safari */
}

    div.FormElementlabelTop .ChkBoxCnt.Full {
        width: 100%;
    }

div.FormElementlabelTop.PinboardBody .ChkBoxCnt {
    width: 20px;
}

div.FormElementlabelTop .smallest .ChkBoxCnt {
    width: 58px;
}

div.FormElementlabelTop .smallest1 .ChkBoxCnt input[type="radio"] {
    margin-left: 40px;
}

div.FormElementlabelTop.PinboardBody .ChkBoxCnt input + label {
    width: 20px;
}

div.FormElementlabelTop .ChkBoxCnt input + label {
    padding-left: 2px;
    vertical-align: middle;
    width: 118px;
    text-align: center;
    display: block;
    margin-top: -37px;
}

div.FormElementlabelTop.TextAlignLeft .ChkBoxCnt input + label {
    text-align: left !important;
}

div.FormElementlabelTop .ChkBoxCnt.Full input + label {
    width: 100%;
    margin-top: -15px;
    margin-left: -30px;
}

div.FormElementlabelTop .ChkBoxCnt input + label.ExtraWidth {
    width: 136px;
}

div.FormElementlabelTop .medium .ChkBoxCnt input + label {
    width: 130px;
}

div.FormElementlabelTop .medium .ChkBoxCnt.mediumSize input + label {
    width: 260px;
}

    div.FormElementlabelTop .medium .ChkBoxCnt.mediumSize input + label:before {
        width: 260px;
    }

div.FormElementlabelTop .ChkBoxCnt.mediumSize input[type="checkbox"] {
    width: 210px;
}

div.FormElementlabelTop .smallest .ChkBoxCnt input + label {
    width: 60px;
}

.ui-dialog div.FormElementlabelTop .ChkBoxCnt input + label {
    color: rgba(255,255,255,0.75);
}

.LightTheme .ui-dialog div.FormElementlabelTop .ChkBoxCnt input + label {
    color: rgba(0,0,0,0.75);
}

div.FormElementlabelTop.PinboardBody .ChkBoxCnt input + label:before {
    width: 20px;
    top: -10px;
    left: -10px;
}

div.FormElementlabelTop .ChkBoxCnt input + label:before {
    content: " ";
    background: url(../../Images/NewUI/jniceit/checkbox.svg) no-repeat left top;
    background-size: 30px 60px;
    width: 120px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 9px;
    display: inline-block;
    z-index: 5;
}

div.FormElementlabelTop.TextAlignLeft .ChkBoxCnt input + label:before {
    width: 80px !important;
}

div.FormElementlabelTop .ChkBoxCnt.Full input + label:before {
    width: 30px;
}

div.FormElementlabelTop .smallest .ChkBoxCnt input + label:before {
    width: 60px;
}

div.FormElementlabelTop .smallest .ChkBoxCnt input + label.wide:before {
    width: 70px !important;
}

.LightTheme div.FormElementlabelTop .ChkBoxCnt input + label:before {
    background: url(../../Images/NewUI/LightTheme/jniceit/checkbox.svg) no-repeat left top;
    background-size: 30px 60px;
}

div.FormElementlabelTop.PinboardBody .ChkBoxCnt input[type="checkbox"] {
    width: 20px;
    left: -10px;
    top: -10px;
}

div.FormElementlabelTop .ChkBoxCnt input[type="checkbox"] {
    width: 120px;
    height: 30px;
    position: relative;
    z-index: 10;
    opacity: 0;
    vertical-align: middle;
    top: 9px \0/;
    position: -webkit-sticky; /* Safari */
}

div.FormElementlabelTop .smallest .ChkBoxCnt input[type="checkbox"] {
    width: 60px;
}

div.FormElementlabelTop .ChkBoxCnt input[type="checkbox"] + label:before {
    background-position: top center;
}

div.FormElementlabelTop .ChkBoxCnt input[type="checkbox"]:checked + label:before {
    background-position: center bottom;
}

div.FormElementlabelTopMedium .ChkBoxCnt {
    margin: 10px 0;
    padding: 0;
    position: relative;
    width: 260px;
    float: left;
}

    div.FormElementlabelTopMedium .ChkBoxCnt input + label {
        padding-left: 2px;
        vertical-align: middle;
        width: 260px;
        text-align: center;
        display: block;
        margin-top: -37px;
    }

        div.FormElementlabelTopMedium .ChkBoxCnt input + label:before {
            content: " ";
            background: url(../../Images/NewUI/jniceit/checkbox.svg) no-repeat left top;
            background-size: 30px 60px;
            width: 260px;
            height: 30px;
            position: absolute;
            left: 0;
            top: 9px;
            display: inline-block;
            z-index: 5;
        }

.LightTheme div.FormElementlabelTopMedium .ChkBoxCnt input + label:before {
    background: url(../../Images/NewUI/LightTheme/jniceit/checkbox.svg) no-repeat left top;
    background-size: 30px 60px;
}

div.FormElementlabelTopMedium .ChkBoxCnt input[type="checkbox"] {
    width: 260px;
    height: 30px;
    position: relative;
    z-index: 10;
    opacity: 0;
    vertical-align: middle;
    top: 9px \0/;
    position: -webkit-sticky; /* Safari */
}

    div.FormElementlabelTopMedium .ChkBoxCnt input[type="checkbox"] + label:before {
        background-position: top center;
    }

    div.FormElementlabelTopMedium .ChkBoxCnt input[type="checkbox"]:checked + label:before {
        background-position: center bottom;
    }


.VerticleAlign tr td, #BillOrderTable tr td, #SiteDatatable tr td, #SiteContactDatatable tr td, #QuotationDatatable tr td, #LeadDatatable tr td, #BillProposalDataTable tr td, #ShipmentDataTable tr td, #AppointmentProposalDataTable tr td {
    vertical-align: middle;
}

#DATable tr td {
    vertical-align: middle;
}

#BillItemTable tr td {
    vertical-align: middle;
}

#PriceListDatatable tr td {
    vertical-align: middle;
}

#PersonDataTable tr td {
    vertical-align: middle;
}

#EventDatatable {
    /*width: 100%;*/
}

    #EventDatatable tr td {
        vertical-align: middle;
    }

#TaskDataTable tr td {
    vertical-align: middle;
}

#EmergencyDataTable tr td {
    vertical-align: middle;
}

#EmergencyDataTable tr td, #example tr td {
    vertical-align: middle;
}

#PriceListItemDatatable tr td, #TenantHistory tr td, #TeamMemberDatatable tr td, #UserDatatable tr td, #BankAccountDatatable tr td, #ContactDatatable tr td, #VehicleResourceTable tr td, #ChangeSetRecordDataTable tr td, #CreditVoucherDataTable tr td, #ItemListDataTable tr td, .LeftSideFavouritePanel table tr td {
    vertical-align: middle;
}

#TeamDatatable tr td {
    vertical-align: middle;
}

#ServiceOrderProposalTable tr td {
    vertical-align: middle;
}

#BuildingDatatable tr td {
    vertical-align: middle;
}

#FlatDatatable tr td {
    vertical-align: middle;
}

#RoomDatatable tr td {
    vertical-align: middle;
}

#HeatingSystemDatatable tr td, #EquipmentDatatable tr td {
    vertical-align: middle;
}

#ContractDatatable tr td {
    vertical-align: middle;
}

#ProjectDatatable tr td {
    vertical-align: middle;
}

#BackgroundProcessTable tr td {
    vertical-align: middle;
}

#ConstructionSchemeDatatable tr td {
    vertical-align: middle;
}

#CompanyDatatable tr td {
    vertical-align: middle;
}

#ItemDataTable tr td {
    vertical-align: middle;
}

#VehicleDatatable tr td {
    vertical-align: middle;
}

#ItemGroupDataTable tr td {
    vertical-align: middle;
}

#documentTable tr td {
    vertical-align: middle;
}

#OrderTable tr td {
    vertical-align: middle;
}

#ImportRoutineDataTable tr td {
    vertical-align: middle;
}

#CurrencyDataTable tr td {
    vertical-align: middle;
}

#BillDataTable tr td {
    vertical-align: middle;
}

#ExchangeRateDataTable tr td {
    vertical-align: middle;
}

#WarningDataTable tr td {
    vertical-align: middle;
}

#BillDetailsTable tr td {
    vertical-align: middle;
}

#NewsDataTable tr td {
    vertical-align: middle;
}

#vehicleHistoryTable tr td {
    vertical-align: middle;
}

#BankAccountDatatable tr td {
    vertical-align: middle;
}

#TechnicianTable tr td {
    vertical-align: middle;
}

#PricelistItemBillDatatable tr td {
    vertical-align: middle;
}

#WarehouseAreaDatatable tr td {
    vertical-align: middle;
}

#HeatingSystemOwnHistory tr td, #RoleDataTable tr td, #ESSRTable tr td, #BGWOrderProposalTable tr td, #HeatingSystemHistory tr td, #EquipmentHistory tr td, #DriversLogDatatable tr td {
    vertical-align: middle;
}

#objectHistoryTable tr td, #OrderItemTable tr td {
    vertical-align: middle;
}

#objectHistoryTable tr td, #OrderItemTable tr td, #QuotationItemTable tr td, #OrderAutoItemTable tr td {
    vertical-align: middle;
}

#OrderItemTable tr td, #QuotationItemTable tr td, #OrderAutoItemTable tr td {
    color: rgba(255,255,255,0.50) !important;
}

.LightTheme #OrderItemTable tr td, .LightTheme #QuotationItemTable tr td, .LightTheme #OrderAutoItemTable tr td {
    color: rgba(0,0,0,0.75) !important;
}

.BasicFontStyle {
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.SearchResultBottomNav,
SearchResultBottomNav_OLD {
    /*padding: 5px 5px;*/
    margin: 0;
    background: rgba(0,0,0,0.75);
    display: block;
    /*padding-left:43%;*/
    text-align: left;
    vertical-align: middle;
    /*height: 60px;*/
    z-index: 9999;
    margin-bottom: 17px !important;
}


.LightTheme .SearchResultBottomNav,
.LightTheme .SearchResultBottomNav_OLD {
    background: rgba(255,255,255,0.75);
}

.SearchResultBottomNav a,
.SearchResultBottomNav_OLD a {
    max-width: 60px;
    height: 60px;
    /*display: block;
        float: left;*/
    display: inline-block;
    /*margin-right: 25px !important;*/
    padding: 0 10px 0 10px;
    color: #FFF !important;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 40px;
    cursor: pointer;
    font-size: 0px;
}

.LightTheme .SearchResultBottomNav a,
.LightTheme .SearchResultBottomNav_OLD a {
    color: #000 !important;
}

.SearchResultBottomNav a:first-child {
    /*margin-left: 10px;*/
}

.SearchResultBottomNav input:not(.slider):not(.goToTxtBox):not(.calculateNetTotalTextbox):not(.calculateGrossTotalTextbox):not(.editSave):not(.editSavePopup),
.SearchResultBottomNav_OLD input:not(.slider):not(.goToTxtBox):not(.calculateNetTotalTextbox):not(.calculateGrossTotalTextbox):not(.editSave):not(.editSavePopup) {
    max-width: 60px;
    height: 60px;
    display: inline-block;
    /*margin-right: 25px !important;*/
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 60px;
    cursor: pointer;
    font-size: 0px !important;
}

.LightTheme .SearchResultBottomNav input:not(.slider):not(.goToTxtBox):not(.calculateNetTotalTextbox):not(.calculateGrossTotalTextbox):not(.editSave):not(.editSavePopup),
.LightTheme .SearchResultBottomNav_OLD input:not(.slider):not(.goToTxtBox):not(.calculateNetTotalTextbox):not(.calculateGrossTotalTextbox):not(.editSave):not(.editSavePopup) {
    color: #000;
}

.DeleteRecord {
    background: url(../../Images/NewUI/op_scr_delete-record.svg) center center no-repeat;
    background-size: 30px 30px;
    /*background-size: 100% 100%;*/
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .DeleteRecord {
    background: url(../../Images/NewUI/LightTheme/op_scr_delete-record.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LinkItem {
    background: url(../../Images/NewUI/op_scr_link.svg) center center no-repeat;
    cursor: pointer;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .LinkItem {
    background: url(../../Images/NewUI/LightTheme/op_scr_link.svg) center center no-repeat;
    background-size: 30px 30px;
}

.UnlinkItem {
    background: url(../../Images/NewUI/op_scr_unlink.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .UnlinkItem {
    background: url(../../Images/NewUI/LightTheme/op_scr_unlink.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ReturnItem {
    background: url(../../Images/NewUI/op_scr_undo.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .ReturnItem {
    background: url(../../Images/NewUI/LightTheme/op_scr_undo.svg) center center no-repeat;
    background-size: 30px 30px;
}


.AddRecord {
    background: url(../../Images/NewUI/op_scr_add.svg) center center no-repeat;
    /*background-size: 100% 100%;*/
    vertical-align: top;
    background-size: 30px 30px;
}

.LightTheme .AddRecord {
    background: url(../../Images/NewUI/LightTheme/op_scr_add.svg) center center no-repeat;
    background-size: 30px 30px;
}

.RoadMapViewIcon {
    background: url(../../Images/NewUI/obj_roadmap.svg) center center no-repeat;
    vertical-align: top;
    background-size: 40px 40px;
}

.LightTheme .RoadMapViewIcon {
    background: url(../../Images/NewUI/LightTheme/obj_roadmap.svg) center center no-repeat;
    background-size: 40px 40px;
}

.ProjectOverviewIcon {
    background: url(../../Images/NewUI/obj_projectoverview.svg) center center no-repeat;
    vertical-align: top;
    background-size: 35px 35px;
}

.LightTheme .ProjectOverviewIcon {
    background: url(../../Images/NewUI/LightTheme/obj_projectoverview.svg) center center no-repeat;
    background-size: 35px 35px;
}

.CreateBarcode {
    background: url(../../Images/NewUI/op_scr_create_barcode.svg) center center no-repeat;
    /*background-size: 100% 100%;*/
    vertical-align: top;
    background-size: 30px 30px;
}

.LightTheme .CreateBarcode {
    background: url(../../Images/NewUI/LightTheme/op_scr_create_barcode.svg) center center no-repeat;
    background-size: 30px 30px;
}

.CombineRecords {
    background: url(../../Images/NewUI/op_scr_merge-records.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .CombineRecords {
    background: url(../../Images/NewUI/LightTheme/op_scr_merge-records.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ApproveDA {
    background: url(../../Images/NewUI/op_scr_approve.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .ApproveDA {
    background: url(../../Images/NewUI/LightTheme/op_scr_approve.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ApproveSchedule {
    background: url(../../Images/NewUI/op_scr_approve.svg) center center no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
}

.LightTheme .ApproveSchedule {
    background: url(../../Images/NewUI/LightTheme/op_scr_approve.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ApproveDocument {
    background: url(../../Images/NewUI/op_scr_approve.svg) center center no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
}

.LightTheme .ApproveDocument {
    background: url(../../Images/NewUI/LightTheme/op_scr_approve.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ApproveTimeLog {
    background: url(../../Images/NewUI/op_scr_approve.svg) center center no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
}

.LightTheme .ApproveTimeLog {
    background: url(../../Images/NewUI/LightTheme/op_scr_approve.svg) center center no-repeat;
    background-size: 30px 30px;
}

.RejectDA {
    background: url(../../Images/NewUI/op_scr_reject.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .RejectDA {
    background: url(../../Images/NewUI/LightTheme/op_scr_reject.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ApproveContractorOrder {
    background: url(../../Images/NewUI/op_scr_approve_Order.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .ApproveContractorOrder {
    background: url(../../Images/NewUI/LightTheme/op_scr_approve_Order.svg) center center no-repeat;
    background-size: 30px 30px;
}

.RejectContractorOrder {
    background: url(../../Images/NewUI/op_scr_reject_Order.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .RejectContractorOrder {
    background: url(../../Images/NewUI/LightTheme/op_scr_reject_Order.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ApproveSubContractorChanges {
    background: url(../../Images/NewUI/op_scr_approve_Changes.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .ApproveSubContractorChanges {
    background: url(../../Images/NewUI/LightTheme/op_scr_approve_Changes.svg) center center no-repeat;
    background-size: 30px 30px;
}

.RejectSubContractorChanges {
    background: url(../../Images/NewUI/op_scr_reject_Changes.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .RejectSubContractorChanges {
    background: url(../../Images/NewUI/LightTheme/op_scr_reject_Changes.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ListDataCnt .SearchDataEditCnt {
    width: 176px;
}

.EditRecord {
    background: url(../../Images/NewUI/op_grid_view-edit.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
}

.LightTheme .EditRecord {
    background: url(../../Images/NewUI/LightTheme/op_grid_view-edit.svg) center center no-repeat;
    background-size: 30px 30px;
}

.InLineDeleteRecord {
    background: url(../../Images/NewUI/op_scr_delete-record.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
}

.LightTheme .InLineDeleteRecord {
    background: url(../../Images/NewUI/LightTheme/op_scr_delete-record.svg) center center no-repeat;
    background-size: 30px 30px;
}

.dialog .EditRecord.SynchOrder {
    background: url(../../Images/NewUI/op_scr_merge-records.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .dialog .EditRecord.SynchOrder {
    background: url(../../Images/NewUI/LightTheme/op_scr_merge-records.svg) center center no-repeat;
    background-size: 30px 30px;
}

.EditRecord.SelectProposal {
    background: url(../../Images/NewUI/op_grid_selectProposal.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .dialog .EditRecord.SelectProposal {
    background: url(../../Images/NewUI/LightTheme/op_grid_selectProposal.svg) center center no-repeat;
    background-size: 30px 30px;
}

.EditRecordResourceMangement {
    background: url(../../Images/NewUI/op_scr_ReSchedule_dark.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-indent: -9999px;
}

.LightTheme .EditRecordResourceMangement {
    background: url(../../Images/NewUI/LightTheme/op_scr_ReSchedule_dark.svg) center center no-repeat;
    background-size: 30px 30px;
}

.dialog .EditRecord {
    background: url(../../Images/NewUI/op_scr_link.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-indent: -9999px;
    cursor: pointer;
}

.LightTheme .dialog .EditRecord {
    background: url(../../Images/NewUI/LightTheme/op_scr_link.svg) center center no-repeat;
    background-size: 30px 30px;
}

.RMDialog .dialog .EditRecord {
    float: left;
}

.RMDialog .dialog #AppointmentProposalDataTablePager_center {
    padding-right: 210px;
}

.EditRecordBill {
    background: url(../../Images/NewUI/op_grid_view-edit.svg) center center no-repeat;
    background-size: 37px 23px;
    /*background-size: 100% 100%;*/
    width: 37px;
    height: 23px;
    display: inline-block;
    text-indent: -9999px;
}

.LightTheme .EditRecordBill {
    background: url(../../Images/NewUI/LightTheme/op_grid_view-edit.svg) center center no-repeat;
    background-size: 37px 23px;
}

.EditRecordPricelist {
    background: url(../../Images/NewUI/op_grid_view-edit.svg) center center no-repeat;
    background-size: 37px 23px;
    /*background-size: 100% 100%;*/
    width: 37px;
    height: 23px;
    display: inline-block;
    text-indent: -9999px;
}

.LightTheme .EditRecordPricelist {
    background: url(../../Images/NewUI/LightTheme/op_grid_view-edit.svg) center center no-repeat;
    background-size: 37px 23px;
}

.DownloadDocument {
    background: url(../../Images/NewUI/op_grid_download.svg) center center no-repeat;
    background-size: 37px 23px;
    width: 37px;
    height: 23px;
    display: inline-block;
    text-indent: -9999px;
}

.LightTheme .DownloadDocument {
    background: url(../../Images/NewUI/LightTheme/op_grid_download.svg) center center no-repeat;
    background-size: 37px 23px;
}

.IONETheme .DownloadDocument {
    background: url(../../Images/NewUI/op_grid_download.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme.LightTheme .DownloadDocument {
    background: url(../../Images/NewUI/LightTheme/op_grid_download.svg) center center no-repeat;
    background-size: 30px 30px;
}

.CopyObject {
    background: url(../../Images/NewUI/op_scr_copy.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.CopySchedule {
    background: url(../../Images/NewUI/op_scr_copy.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
    max-width: 55px;
    display: inline-block;
    padding: 0px 0 5px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 30px;
    line-height: 25px;
    font-size: 0px;
    cursor: pointer;
}

.LightTheme .CopyObject, .LightTheme .CopySchedule {
    background: url(../../Images/NewUI/LightTheme/op_scr_copy.svg) center center no-repeat;
    background-size: 30px 30px;
}

.CreateVersion {
    background: url(../../Images/NewUI/op_scr_create_version.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .CreateVersion {
    background: url(../../Images/NewUI/LightTheme/op_scr_create_version.svg) center center no-repeat;
    background-size: 30px 30px;
}

.CreateAndCopy {
    background: url(../../Images/NewUI/op_scr_createAndcopy.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .CreateAndCopy {
    background: url(../../Images/NewUI/LightTheme/op_scr_createAndcopy.svg) center center no-repeat;
    background-size: 30px 30px;
}

.CheckIn {
    background: url(../../Images/NewUI/op_scr_checkin.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .CheckIn {
    background: url(../../Images/NewUI/LightTheme/op_scr_checkin.svg) center center no-repeat;
    background-size: 30px 30px;
}


.CheckOut {
    background: url(../../Images/NewUI/op_scr_checkout.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .CheckOut {
    background: url(../../Images/NewUI/LightTheme/op_scr_checkout.svg) center center no-repeat;
    background-size: 30px 30px;
}

.RightArrow {
    background: url(../../Images/NewUI/op_scr_right-arrow.svg) center center no-repeat;
    background-size: 100% 100%;
    border: 0 none;
    float: none !important;
    width: 30px;
    min-width: 30px;
    height: 30px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 11px;
}

.LightTheme .RightArrow {
    background: url(../../Images/NewUI/LightTheme/op_scr_right-arrow.svg) center center no-repeat;
    background-size: 100% 100%;
}


.InternalTransfer {
    background: url(../../Images/NewUI/op_scr_internal-transfer.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .InternalTransfer {
    background: url(../../Images/NewUI/LightTheme/op_scr_internal-transfer.svg) center center no-repeat;
    background-size: 30px 30px;
}

.openResourceManagement {
    background: url(../../Images/NewUI/op_scr_openResourceManagement.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;*/
    border: 0 none;
    /*text-indent: -9999px;*/
    /*line-height: 0;*/
    /*font-size: 0;*/
    cursor: pointer;
    /*margin: 0;
    padding: 0;*/
    max-width: 55px;
    height: 0;
    display: inline-block;
    padding: 35px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 11px;
    min-width: 30px;
    vertical-align: top;
}

.LightTheme .openResourceManagement {
    background: url(../../Images/NewUI/LightTheme/op_scr_openResourceManagement.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.createProductionStep {
    background: url(../../Images/NewUI/op_scr_createProductionStep.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 0;
    display: inline-block;
    padding: 35px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 11px;
    min-width: 30px;
    vertical-align: top;
}

.LightTheme .createProductionStep {
    background: url(../../Images/NewUI/LightTheme/op_scr_createProductionStep.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}


.OrderSwitch {
    background: url(../../Images/NewUI/op_scr_switch_to_order.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;*/
    border: 0 none;
    /*text-indent: -9999px;*/
    /*line-height: 0;*/
    /*font-size: 0;*/
    cursor: pointer;
    /*margin: 0;
    padding: 0;*/
    max-width: 55px;
    height: 0;
    display: inline-block;
    padding: 35px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 11px;
    min-width: 30px;
    vertical-align: top;
}

.LightTheme .OrderSwitch {
    background: url(../../Images/NewUI/LightTheme/op_scr_switch_to_order.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.ScheduleSwitch {
    background: url(../../Images/NewUI/op_scr_switch_to_schedule.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;*/
    border: 0 none;
    /*text-indent: -9999px;*/
    /*line-height: 0;*/
    /*font-size: 0;*/
    cursor: pointer;
    /*margin: 0;
    padding: 0;*/
    max-width: 55px;
    height: 0;
    display: inline-block;
    padding: 35px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 11px;
    min-width: 30px;
    vertical-align: top;
}

.LightTheme .ScheduleSwitch {
    background: url(../../Images/NewUI/LightTheme/op_scr_switch_to_schedule.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.EditBottomNav.NewUIOrderLive .openResourceManagement, .EditBottomNav.NewUIOrderLive .OrderSettings, .EditBottomNav.NewUIQuotationLive .QuotationSettings, .EditBottomNav.NewUIQuotationLive .openResourceManagement {
    /*float: left !important;*/
}


.OrderSettings, .QuotationSettings, .OutgoingOrderSettings, .ContractSettings, .Settings {
    background: url(../../Images/NewUI/op_scr_open_settings.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;*/
    border: 0 none;
    /*text-indent: -9999px;*/
    /*line-height: 0;*/
    /*font-size: 0;*/
    cursor: pointer;
    /*margin: 0;
    padding: 0;*/
    max-width: 55px;
    height: 0;
    display: inline-block;
    padding: 35px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 11px;
    min-width: 30px;
    vertical-align: top;
}

.LightTheme .OrderSettings, .LightTheme .QuotationSettings, .LightTheme .Settings {
    background: url(../../Images/NewUI/LightTheme/op_scr_open_settings.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.openResourceManagement.DarkIcon {
    background: url(../../Images/NewUI/op_scr_openResourceManagement_dark.svg) center center no-repeat !important;
    background-size: 30px 30px;
}

.LightTheme .openResourceManagement.DarkIcon {
    background: url(../../Images/NewUI/LightTheme/op_scr_openResourceManagement_dark.svg) center center no-repeat !important;
    background-size: 30px 30px;
}

.MoreSkills {
    background: url(../../Images/NewUI/op_scr_moreSkills.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 0;
    display: inline-block;
    padding: 35px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 11px;
    min-width: 30px;
    vertical-align: top;
}

.LightTheme .MoreSkills {
    background: url(../../Images/NewUI/LightTheme/op_scr_moreSkills.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.TaskCreateEdit .openResourceManagement {
    padding-bottom: 0px;
    position: absolute;
    margin-top: -3px;
    right: -7px;
}


.today {
    background: url(../../Images/NewUI/op_scr_rm_today.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
    display: inline-block;*/
    vertical-align: top;
}

.LightTheme .today:not(.disabledelement) {
    background: url(../../Images/NewUI/LightTheme/op_scr_rm_today.svg) center center no-repeat;
    background-size: 30px 30px;
}

.PlanRoute {
    background: url(../../Images/NewUI/op_scr_rm_plan_route.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
    display: inline-block;*/
    vertical-align: top;
}

.LightTheme .PlanRoute {
    background: url(../../Images/NewUI/LightTheme/op_scr_rm_plan_route.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ShowRoute {
    background: url(../../Images/NewUI/op_scr_rm_show_route.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
    display: inline-block;*/
    vertical-align: top;
}

.LightTheme .ShowRoute {
    background: url(../../Images/NewUI/LightTheme/op_scr_rm_show_route.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LiveMap {
    background: url(../../Images/NewUI/op_scr_livemap.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .LiveMap {
    background: url(../../Images/NewUI/LightTheme/op_scr_livemap.svg) center center no-repeat;
    background-size: 30px 30px;
}

.CancelOrder {
    background: url(../../Images/NewUI/op_scr_cancel-order.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;*/
    vertical-align: top;
}

.LightTheme .CancelOrder {
    background: url(../../Images/NewUI/LightTheme/op_scr_cancel-order.svg) center center no-repeat;
    background-size: 30px 30px;
}

.editPDF {
    background: url(../../Images/NewUI/op_scr_pdf.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 26px !important;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    margin-right: 10px;*/
    border: 0 none;
    vertical-align: top;
}

.LightTheme .editPDF {
    background: url(../../Images/NewUI/LightTheme/op_scr_pdf.svg) center center no-repeat;
    background-size: 30px 30px;
}

.billPaid {
    background: url(../../Images/NewUI/op_scr_billPaid.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    vertical-align: top;
}

.LightTheme .billPaid {
    background: url(../../Images/NewUI/LightTheme/op_scr_billPaid.svg) center center no-repeat;
    background-size: 30px 30px;
}

.newDelivery {
    background: url(../../Images/NewUI/op_scr_goodsReceipt.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    vertical-align: top;
}

.LightTheme .newDelivery {
    background: url(../../Images/NewUI/LightTheme/op_scr_goodsReceipt.svg) center center no-repeat;
    background-size: 30px 30px;
}

.addItemToOutgoingOrder {
    background: url(../../Images/NewUI/op_scr_goodsReceipt.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    vertical-align: top;
}

.LightTheme .addItemToOutgoingOrder {
    background: url(../../Images/NewUI/op_scr_goodsReceipt.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    vertical-align: top;
}

.productionOrderImageIcon {
    background: url(../../Images/NewUI/op_scr_production_order.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    vertical-align: top;
}

.LightTheme .productionOrderImageIcon {
    background: url(../../Images/NewUI/LightTheme/op_scr_production_order.svg) center center no-repeat;
    background-size: 30px 30px;
}

.addToOutgoingOrderImageIcon {
    background: url(../../Images/NewUI/addToOutgoingOrderImageIcon.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    vertical-align: top;
}

.LightTheme .addToOutgoingOrderImageIcon {
    background: url(../../Images/NewUI/LightTheme/addToOutgoingOrderImageIcon.svg) center center no-repeat;
    background-size: 30px 30px;
}

.newOutgoingOrderFromRCO {
    background: url(../../Images/NewUI/newOutgoingOrderFromRCO.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    vertical-align: top;
}

.LightTheme .newOutgoingOrderFromRCO {
    background: url(../../Images/NewUI/LightTheme/newOutgoingOrderFromRCO.svg) center center no-repeat;
    background-size: 30px 30px;
}

.fullBillPaid {
    background: url(../../Images/NewUI/op_scr_fullBillPaid.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    vertical-align: top;
}

.LightTheme .fullBillPaid {
    background: url(../../Images/NewUI/LightTheme/op_scr_fullBillPaid.svg) center center no-repeat;
    background-size: 30px 30px;
}

.CreditVoucherPaid {
    background: url(../../Images/NewUI/op_scr_creditVoucherPaid.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    vertical-align: top;
}

.LightTheme .CreditVoucherPaid {
    background: url(../../Images/NewUI/LightTheme/op_scr_creditVoucherPaid.svg) center center no-repeat;
    background-size: 30px 30px;
}

.driverLog {
    background: url(../../Images/NewUI/op_scr_driverLog.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    vertical-align: top;
}

.LightTheme .driverLog {
    background: url(../../Images/NewUI/LightTheme/op_scr_driverLog.svg) center center no-repeat;
    background-size: 30px 30px;
}

.editPDFBillCreate {
    padding-bottom: 15px;
}

.createBill {
    background: url(../../Images/NewUI/op_scr_create-bill.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 26px;
    height: 30px;
    border: 0 none;
    cursor: pointer;*/
    vertical-align: top;
}

.LightTheme .createBill {
    background: url(../../Images/NewUI/LightTheme/op_scr_create-bill.svg) center center no-repeat;
    background-size: 30px 30px;
}

.createESSR {
    background: url(../../Images/NewUI/op_scr_create-ESSRP.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 26px;
    height: 30px;
    border: 0 none;
    cursor: pointer;*/
    vertical-align: top;
}

.LightTheme .createESSR {
    background: url(../../Images/NewUI/LightTheme/op_scr_create-ESSRP.svg) center center no-repeat;
    background-size: 30px 30px;
}

.soptocreateOrder {
    background: url(../../Images/NewUI/op_soptocreateOrder.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 26px;
    height: 30px;*/
    border: 0 none;
    cursor: pointer;
    /*text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    margin: 0;
    padding: 0;*/
    vertical-align: top;
}

.LightTheme .soptocreateOrder {
    background: url(../../Images/NewUI/LightTheme/op_soptocreateOrder.svg) center center no-repeat;
    background-size: 30px 30px;
}

.CorrectionBill {
    background: url(../../Images/NewUI/op_scr_correctionBill.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 26px;
    height: 30px;*/
    border: 0 none;
    cursor: pointer;
    /*margin-right: 10px;*/
    /*padding-bottom: 15px;*/
    vertical-align: top;
}

.LightTheme .CorrectionBill {
    background: url(../../Images/NewUI/LightTheme/op_scr_correctionBill.svg) center center no-repeat;
    background-size: 30px 30px;
}

.InvoiceCorrection {
    background: url(../../Images/NewUI/op_scr_invoiceCorrection.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 26px;
    height: 30px;*/
    border: 0 none;
    cursor: pointer;
    /*margin-right: 10px;*/
    /*padding-bottom: 15px;*/
    vertical-align: top;
}

.LightTheme .InvoiceCorrection {
    background: url(../../Images/NewUI/LightTheme/op_scr_invoiceCorrection.svg) center center no-repeat;
    background-size: 30px 30px;
}

.goToTxtBox {
    background: #ffffff;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    padding: 5px 0 5px 0;
    color: #2b2b2b;
    outline: none;
    position: relative;
    width: 25px;
    text-align: center;
}

.paging_full_numbers input.BtnGo {
    border: 0 none;
    background: url(../../Images/NewUI/op_scr_go.svg) center center no-repeat;
    background-size: 25px 25px !important;
    cursor: pointer;
    vertical-align: top;
    max-width: 60px;
    height: 30px;
    display: inline-block;
    /*margin: 0 10px 0 0;*/
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 60px;
    font-size: 0px;
}

.LightTheme .paging_full_numbers input.BtnGo {
    background: url(../../Images/NewUI/LightTheme/op_scr_go.svg) center center no-repeat;
    background-size: 25px 25px !important;
    color: #000;
}

#SearchResutNav, #SearchCompanyResutNav, #SearchPersonResutNav, #SearchTeamResutNav, #SearchTeamResutNavOrder {
    border-top: 1px solid #e9eaeb;
    padding: 0;
    width: 100%;
    margin: 0;
    background: rgba(0,0,0,0.65);
    height: 1%;
    overflow: hidden;
}

.LightTheme #SearchResutNav, .LightTheme #SearchCompanyResutNav, .LightTheme #SearchPersonResutNav, .LightTheme #SearchTeamResutNav, .LightTheme #SearchTeamResutNavOrder {
    border-top: 1px solid #e9eaeb;
    background: rgba(255,255,255,0.65);
}


#SearchResutNav .ShowNumber, #SearchCompanyResutNav .ShowNumber, #SearchPersonResutNav .ShowNumber, #SearchTeamResutNavOrder .ShowNumber {
    /*text-shadow: #fff 1px 1px 1px;*/
    float: left;
}

.LightTheme #SearchResutNav .ShowNumber, .LightTheme #SearchCompanyResutNav .ShowNumber, .LightTheme #SearchPersonResutNav .ShowNumber, .LightTheme #SearchTeamResutNavOrder .ShowNumber {
    /*text-shadow: #000 1px 1px 1px;*/
}


.SearchResutNav .Pagination, .SearchCompanyResutNav .Pagination, .SearchPersonResutNav .Pagination {
    float: right;
}

    .SearchResutNav .Pagination a, .SearchCompanyResutNav .Pagination a, .SearchPersonResutNav .Pagination a {
        text-indent: -9999px;
        color: #9c9e9f;
    }

.FirtsBtn {
    background: url(../../Images/NewUI/op_grid_first.svg) left top no-repeat;
    background-size: 12px 13px;
    width: 12px;
    height: 13px;
    display: block;
}

.LightTheme .FirtsBtn {
    background: url(../../Images/NewUI/LightTheme/op_grid_first.svg) left top no-repeat;
    background-size: 12px 13px;
}

.LastBtn {
    background: url(../../Images/NewUI/op_grid_last.svg) left top no-repeat;
    background-size: 12px 13px;
    width: 12px;
    height: 13px;
    display: block;
}

.LightTheme .LastBtn {
    background: url(../../Images/NewUI/LightTheme/op_grid_last.svg) left top no-repeat;
    background-size: 12px 13px;
}

.PreviousBtn {
    background: url(../../Images/NewUI/op_grid_previous.svg) left top no-repeat;
    background-size: 12px 13px;
    width: 12px;
    height: 13px;
    display: block;
}

.LightTheme .PreviousBtn {
    background: url(../../Images/NewUI/LightTheme/op_grid_previous.svg) left top no-repeat;
    background-size: 12px 13px;
}

.NextBtn {
    background: url(../../Images/NewUI/op_grid_next.svg) left top no-repeat;
    background-size: 12px 13px;
    width: 12px;
    height: 13px;
    display: block;
}

.LightTheme .NextBtn {
    background: url(../../Images/NewUI/LightTheme/op_grid_next.svg) left top no-repeat;
    background-size: 12px 13px;
}

.SearchResutNav .Pagination ul li {
    float: left;
    margin: 0 5px;
}

    .SearchResutNav .Pagination ul li a.PageNo {
        background: #fff;
        padding: 2px 4px;
    }

        .SearchResutNav .Pagination ul li a.PageNo:hover, .SearchResutNav .Pagination ul li a.PageNo.Active {
            background: #009ee1;
            color: #fff;
        }

.IONETheme .SearchResutNav .Pagination ul li a.PageNo:hover, .IONETheme .SearchResutNav .Pagination ul li a.PageNo.Active {
    background: #00a970;
}

.LightTheme .SearchResutNav .Pagination ul li a.PageNo:hover, .LightTheme .SearchResutNav .Pagination ul li a.PageNo.Active {
    color: #000;
}

.LeftSideFavouritePanel table tr th, .RHSContent table tr th {
    background: rgba(0,0,0,0.75);
}

.LightTheme .LeftSideFavouritePanel table tr th, .LightTheme .RHSContent table tr th {
    background: rgba(255,255,255,0.75);
}

.LeftSideFavouritePanel table tr td, .LeftSideFavouritePanel table tr th, .RHSContent table tr td, .RHSContent table tr th {
    padding: 0px !important;
}


.LeftSideFavouritePanel {
    width: 200px;
    margin-left: 20px;
}

.ParentContent {
    /*min-width: 1400px !important;*/
    height: auto;
    /*min-height: 800px;*/
    /*max-height: 800px;*/
    padding-left: 0px !important;
}

@media screen and (min-width:1920px) {

    .ParentContent {
        /*min-width: 1645px !important;*/
        /*height: 90%;*/
    }

    .TopMessageCnt.edit {
        /*width: 1635px;*/
    }
}

.MainFrame .MainFrame_2_Td {
    padding-left: 18px;
    width: 100%;
    padding-right: 20px;
}

.MainContent {
    /*position: absolute;*/
    overflow: auto;
    /*max-width: 600px;*/
    /*min-height: 800px;*/
    padding-left: 20px;
}

.AngularApp .MainContent {
    background: transparent !important;
}

.MainContent:not(:first-child) {
}

.MainContent form {
    /*background: rgba(0,0,0,0.5);*/
}

.SiteImage {
    background: url(../../Images/NewUI/obj_site.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .SiteImage {
    background: url(../../Images/NewUI/LightTheme/obj_site.svg) center center no-repeat;
    background-size: 30px 30px;
}

.SearchImage {
    background: rgba(0,0,0,0.75) url(../../Images/NewUI/op_src_search.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .SearchImage {
    background: rgba(255,255,255,0.75) url(../../Images/NewUI/LightTheme/op_src_search.svg) center center no-repeat;
    background-size: 30px 30px;
}

.BuildingImage {
    background: url(../../Images/NewUI/obj_building.svg) center center no-repeat;
    vertical-align: top;
    background-size: 30px 30px;
}

/*.active .BuildingImage {
    vertical-align: top;
}*/

.LightTheme .BuildingImage {
    background: url(../../Images/NewUI/LightTheme/obj_building.svg) center center no-repeat;
    background-size: 30px 30px;
}

.FlatImage {
    background: url(../../Images/NewUI/obj_flat.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .FlatImage {
    background: url(../../Images/NewUI/LightTheme/obj_flat.svg) center center no-repeat;
    background-size: 30px 30px;
}

.PersonImage {
    background: url(../../Images/NewUI/obj_person.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .PersonImage {
    background: url(../../Images/NewUI/LightTheme/obj_person.svg) center center no-repeat;
    background-size: 30px 30px;
}

.OrderImage {
    background: url(../../Images/NewUI/obj_order.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .OrderImage {
    background: url(../../Images/NewUI/LightTheme/obj_order.svg) center center no-repeat;
    background-size: 30px 30px;
}

.active .OrderImage {
    background: url(../../Images/NewUI/obj_order_light.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .active .OrderImage {
    background: url(../../Images/NewUI/LightTheme/obj_order_light.svg) center center no-repeat;
    background-size: 30px 30px;
}

.NewsImage {
    background: url(../../Images/NewUI/obj_news.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .NewsImage {
    background: url(../../Images/NewUI/LightTheme/obj_news.svg) center center no-repeat;
    background-size: 30px 30px;
}

.EmergencyImage {
    background: url(../../Images/NewUI/obj_emergencyticket.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .EmergencyImage {
    background: url(../../Images/NewUI/LightTheme/obj_emergencyticket.svg) center center no-repeat;
    background-size: 30px 30px;
}

.TaskImage {
    background: url(../../Images/NewUI/obj_task.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .TaskImage {
    background: url(../../Images/NewUI/LightTheme/obj_task.svg) center center no-repeat;
    background-size: 30px 30px;
}

.EventImage {
    background: url(../../Images/NewUI/obj_event.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .EventImage {
    background: url(../../Images/NewUI/LightTheme/obj_event.svg) center center no-repeat;
    background-size: 30px 30px;
}

.RHSImage {
    background: url(../../Images/NewUI/obj_rhs.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .RHSImage {
    background: url(../../Images/NewUI/LightTheme/obj_rhs.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ViewImage {
    background: url(../../Images/NewUI/op_scr_view.svg) center center no-repeat;
    vertical-align: top;
    background-size: 30px 30px;
}

.LightTheme .ViewImage {
    background: url(../../Images/NewUI/LightTheme/op_scr_view.svg) center center no-repeat;
    background-size: 30px 30px;
}

.active .ViewImage {
    background: url(../../Images/NewUI/op_scr_view_light.svg) center center no-repeat;
    vertical-align: top;
    background-size: 30px 30px;
}

.LightTheme .active .ViewImage {
    background: url(../../Images/NewUI/LightTheme/op_scr_view_light.svg) center center no-repeat;
    background-size: 30px 30px;
}

.CompanyImage {
    background: url(../../Images/NewUI/obj_company.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .CompanyImage {
    background: url(../../Images/NewUI/LightTheme/obj_company.svg) center center no-repeat;
    background-size: 30px 30px;
}

.VehicleImage {
    background: url(../../Images/NewUI/obj_vehicle.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .VehicleImage {
    background: url(../../Images/NewUI/LightTheme/obj_vehicle.svg) center center no-repeat;
    background-size: 30px 30px;
}

.BillImage {
    background: url(../../Images/NewUI/obj_bill.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .BillImage {
    background: url(../../Images/NewUI/LightTheme/obj_bill.svg) center center no-repeat;
    background-size: 30px 30px;
}

.QuotationImage {
    background: url(../../Images/NewUI/obj_Quotation.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .QuotationImage {
    background: url(../../Images/NewUI/LightTheme/obj_Quotation.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ProjectImage {
    background: url(../Images/NewUI/obj_project.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .ProjectImage {
    background: url(../Images/NewUI/LightTheme/obj_project.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LeftSideFavouritePanel a {
    max-width: 55px;
    height: 60px;
    display: inline-block;
    /*margin: 0 25px 0 10px;*/
    padding: 0 10px 0 10px;
    color: #FFF !important;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 40px;
    cursor: pointer;
    font-size: 11px;
    float: left;
    /*background-size: 100% 100%;*/
    background-color: rgba(10,29,37,0.65);
}

.LightTheme .LeftSideFavouritePanel a {
    background-color: rgba(255,255,255,0.65);
    color: #000 !important;
}

.RHSContent a {
    max-width: 55px;
    height: 60px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF !important;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 50px;
    cursor: pointer;
    font-size: 11px;
    float: left;
}

.LightTheme .RHSContent a {
    color: #000 !important;
}

.RHSContent table.display {
    width: 50px;
    float: left;
}

.LeftSideFavouritePanel table.display th p {
    line-height: 60px;
    color: white;
    background: rgba(0,0,0,0.25);
    padding: 0 0 0 20px;
}

.LightTheme .LeftSideFavouritePanel table.display th p {
    color: black;
    background: rgba(255,255,255,0.25);
}

.LeftSideFavouritePanel table.display td p {
    line-height: 25px;
    color: rgba(255,255,255,0.75);
    padding: 0 0 0 20px;
}

.LightTheme .LeftSideFavouritePanel table.display td p {
    color: rgba(0,0,0,0.75);
}


.black_overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    /*background-color: black;*/
    z-index: 1001;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
}

.white_content {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1002;
    text-align: center;
}

    .white_content img {
        /*width: 128px;
        height: 15px;*/
        position: absolute;
        top: 49%;
        left: 47%;
    }

    .white_content#light_RM img {
        left: 20%;
    }

        .white_content#light_RM img.CenterAlign {
            left: 50%;
        }

.RHSContent {
    width: 50px;
    padding-left: 20px;
}

#dialogTaskPreview, .dialogCompanyAddressPreview, .dialogCompanyLinkedCompanyAddressPreview {
    padding: 10px;
    margin-top: 7px;
    /*background-image: -moz-linear-gradient(top, #ff0000, #00afe6); /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #008ddc), color-stop(1, #00afe6)); /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#008ddc', endColorstr='#00afe6'); /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#008ddc', endColorstr='#00afe6')"; /* IE8 */
    /*background-image: linear-gradient(to top,rgb(0,141,220),rgb(0,175,230));*/
    width: 600px;
    /*color: #3399ff;*/
    position: absolute;
    right: 0;
    top: 33px;
    display: none;
    overflow: hidden;
    z-index: 1000;
    background-color: rgba(0,0,0,0.85);
}

#dialogDocPreview {
    padding: 10px;
    margin-top: 7px;
    /*background-image: -moz-linear-gradient(top, #ff0000, #00afe6); /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #008ddc), color-stop(1, #00afe6)); /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#008ddc', endColorstr='#00afe6'); /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#008ddc', endColorstr='#00afe6')"; /* IE8 */
    /*background-image: linear-gradient(to top,rgb(0,141,220),rgb(0,175,230));*/
    width: 775px;
    /*color: #3399ff;*/
    position: absolute;
    right: 0;
    top: 33px;
    display: none;
    overflow: auto;
    z-index: 1000;
    height: 430px;
    background-color: rgba(0,0,0,0.85);
}

    #dialogDocPreview td p {
        text-align: center;
        color: white;
    }


    #dialogDocPreview #documentPreview {
        overflow-x: scroll;
        overflow-y: hidden;
        padding-bottom: 10px;
    }

.LightTheme #dialogTaskPreview, .LightTheme .dialogCompanyAddressPreview, .LightTheme .dialogCompanyLinkedCompanyAddressPreview {
    background-color: rgba(255,255,255,0.85) !important;
}

.LightTheme #dialogDocPreview td p {
    text-align: center;
    color: white;
}

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

.DetailAccordianCnt {
}

    .DetailAccordianCnt h3 {
        margin: 0;
        padding: 0;
        line-height: normal;
        display: block;
        font-weight: normal;
    }

.NewNavigation .DetailAccordianCnt .AccTitle, #alertmod_AppointmentProposalDataTable {
    display: none;
}

.DetailAccordianCnt .AccTitle {
    cursor: pointer;
    display: block;
    content: "";
    position: relative;
    background: rgba(0,159,227,0.25);
    /*padding: 10px 50px;*/
    padding: 11.5px 50px;
    margin-bottom: 1px;
}

.IONETheme .DetailAccordianCnt .AccTitle {
    background: transparent;
}

.DetailAccordianCnt .TempAccTitle {
    display: none !important;
}

.DetailAccordianCnt .AccTitle span {
    background: url(../../Images/NewUI/op_oth_collapse.svg) left center no-repeat;
    background-size: 30px 30px;
    display: block;
    margin: 0 0 0 -28px;
    padding: 0 0 0 34px;
    font-size: 17px;
    color: rgba(255,255,255,0.75);
}

.LightTheme .DetailAccordianCnt .AccTitle span {
    background: url(../../Images/NewUI/LightTheme/op_oth_collapse.svg) left center no-repeat;
    background-size: 30px 30px;
    color: rgba(0,0,0,0.75);
}

.DetailAccordianCnt .AccOpen span {
    background: url(../../Images/NewUI/op_oth_expand.svg) left center no-repeat;
    background-size: 30px 30px;
    margin-left: -22px;
}

.LightTheme .DetailAccordianCnt .AccOpen span {
    background: url(../../Images/NewUI/LightTheme/op_oth_expand.svg) left center no-repeat;
    background-size: 30px 30px;
}

.DetailAccordianCnt .AccOpen {
    cursor: pointer;
    display: block;
    background: rgba(0,159,227,0.85);
    padding: 11.5px 44px;
}

.IONETheme .DetailAccordianCnt .AccOpen {
    background: rgba(0, 169, 112,0.85);
}

.LightTheme .DetailAccordianCnt .AccOpen {
    background: rgba(0,159,227,0.55);
}

tabs .DetailAccordianCnt tab .AccContent {
    padding: 10px 44px;
}

.DetailAccordianCnt .AccContent {
    margin: 0;
    /*background: rgba(0,0,0,0.5);*/
    padding: 10px 0;
    /*background: rgba(0,0,0,0.5);*/
    /*border-left: 6px solid #009ee1;*/
}

.DetailAccordianCnt .TempAccContent {
    margin: 0;
    padding: 10px 20px 10px 0px;
    /*background: rgba(0,0,0,0.5);*/
    border-left: none;
    display: block !important;
}

.EditBottomNav {
    padding: 0 20px;
    text-align: left;
    /*height: 60px;*/
    margin: 15px 0 0 0;
    position: fixed;
    bottom: 23px !important;
    width: 84%;
    z-index: 99;
}

.EditBottomNav,
.LiveTemplate .EditBottomNavTablePagination {
    background: rgba(0,0,0,0.8);
}

@media screen and (min-width:2300px) {
    .EditBottomNav {
        width: 88.3%;
    }
}

@media screen and (min-width:2100px) and (max-width:2300px) {
    .EditBottomNav {
        width: 86.85%;
    }
}

@media screen and (min-width:1750px) and (max-width:2100px) {
    .EditBottomNav {
        width: 85.25%;
    }
}

@media screen and (min-width:1550px) and (max-width:1749px) {
    .EditBottomNav {
        width: 83.75%;
    }
}

@media screen and (min-width:1280px) and (max-width:1550px) {
    .EditBottomNav {
        width: 81.6%;
    }
}

@media screen and (max-width:1280px) {
    .EditBottomNav {
        width: 77.85%;
    }
}

.LightTheme .EditBottomNav,
.LightTheme .EditBottomNavTablePagination {
    background: rgba(255,255,255,0.9);
}

.EditBottomNav.NewUIOrderLive, .EditBottomNav.NewUIQuotationLive {
    width: 835px;
    margin-left: 20% !important;
    position: static;
    padding-right: initial !important;
}

@media screen and (max-width:1750px) {
    .EditBottomNav.NewUIOrderLive, .EditBottomNav.NewUIQuotationLive {
        width: 800px;
    }
}

.EditBottomNav.NewUIOrderLive.RightAligned, .EditBottomNav.NewUIQuotationLive.RightAligned {
    float: right;
}

.EditBottomNavTable {
    position: fixed;
    bottom: 23px !important;
    margin-left: -47px;
    z-index: 9999;
}

    .EditBottomNavTable.MainSearchCollapsed {
        margin-left: -3px;
    }

    .EditBottomNavTable.NewUIQuotationLiveBottom {
        margin-left: -56px;
    }

        .EditBottomNavTable.NewUIQuotationLiveBottom.MainSearchCollapsed {
            margin-left: -12px;
        }

    .EditBottomNavTable.ScheduleLive {
        margin-left: 2px;
    }

        .EditBottomNavTable.ScheduleLive.MainSearchCollapsed {
            margin-left: 2px;
        }

        .EditBottomNavTable.ScheduleLive .EditBottomNav.NewUIOrderLive {
            margin-left: 0px;
            width: initial !important;
            margin-right: 247px;
        }

        .EditBottomNavTable.ScheduleLive.MainSearchCollapsed .EditBottomNav.NewUIOrderLive {
            margin-right: 27px;
        }

    .EditBottomNavTable.RightAligned {
        right: 0;
    }

.ui-dialog .EditBottomNav {
    position: absolute;
    width: 100%;
    bottom: 0px !important;
}

.EditBottomNav a:not(.BtnGo):not(.paginate_button) {
    /*height: 30px;
        display: inline-block;
        text-indent: -9999px;
        margin-right: 1% !important;*/
    max-width: 60px;
    height: 60px;
    display: inline-block;
    /*margin-right: 25px !important;*/
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 40px;
    line-height: 25px;
    font-size: 0px;
    cursor: pointer;
}

.EditBottomNavTable .EditBottomNav.NewUIOrderLive a {
    padding: 0 9.5px 0 9.5px;
}

.LightTheme .EditBottomNav a {
    color: #000;
}

.EditBottomNav.NewUIOrderLive a, .EditBottomNav.NewUIOrderLive input, .EditBottomNav.NewUIQuotationLive a, .EditBottomNav.NewUIQuotationLive input {
    float: right;
}

.EditBottomNav input:not(.goToTxtBox) {
    /*margin-right: 25px !important;*/
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 60px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 0px !important;
    min-width: 60px;
}

.LightTheme .EditBottomNav input {
    color: #000;
}

.EditBottomNav a:focus {
    outline: #000000 dotted thin;
}

.EditBottomNav input:focus {
    outline: #000000 dotted thin;
}

.SendNewsDiv input:focus {
    outline: #000000 dotted thin;
}

.editSave {
    background: url(../../Images/NewUI/op_scr_save.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 55px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 0px !important;
    min-width: 30px;
    vertical-align: top;
}

.LightTheme .editSave {
    background: url(../../Images/NewUI/LightTheme/op_scr_save.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.validate {
    background: url(../../Images/NewUI/op_scr_validate.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 55px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 0px !important;
    min-width: 30px;
    vertical-align: top;
}

.LightTheme .validate {
    background: url(../../Images/NewUI/LightTheme/op_scr_validate.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.newVersionSchedule {
    background: url(../../Images/NewUI/op_scr_sheduleNewVersion.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 55px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 0px !important;
    min-width: 30px;
}

.LightTheme .newVersionSchedule {
    background: url(../../Images/NewUI/LightTheme/op_scr_sheduleNewVersion.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}


.approvedBill {
    background: url(../../Images/NewUI/op_oth_approve-bill.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;*/
}

.LightTheme .approvedBill {
    background: url(../../Images/NewUI/LightTheme/op_oth_approve-bill.svg) center center no-repeat;
    background-size: 30px 30px;
}

.rejectObject {
    background: url(../../Images/NewUI/op_scr_RejectObject.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .rejectObject {
    background: url(../../Images/NewUI/LightTheme/op_scr_RejectObject.svg) center center no-repeat;
    background-size: 30px 30px;
}


.approvedCreditVoucher {
    background: url(../../Images/NewUI/op_oth_approve-creditVoucher.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;*/
}

.LightTheme .approvedCreditVoucher {
    background: url(../../Images/NewUI/LightTheme/op_oth_approve-creditVoucher.svg) center center no-repeat;
    background-size: 30px 30px;
}

.editSavePDF {
    background: url(../../Images/NewUI/op_scr_pdf.svg) center center no-repeat;
    background-size: 26px 30px;
    /*width: 26px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;*/
}

.LightTheme .editSavePDF {
    background: url(../../Images/NewUI/LightTheme/op_scr_pdf.svg) center center no-repeat;
    background-size: 26px 30px;
}

input.editSavePopup {
    background: url(../../Images/NewUI/op_scr_popup-save.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
    display: inline-block;*/
    border: 0 none;
    cursor: pointer;
    /*margin-right: 25px;*/
    max-width: 60px;
    height: 60px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    min-width: 60px;
    font-size: 0px !important;
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
}

.LightTheme input.editSavePopup {
    background: url(../../Images/NewUI/LightTheme/op_scr_popup-save.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.UglImport input.editSavePopup {
    background: url(../../Images/NewUI/op_scr_ok.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .UglImport input.editSavePopup {
    background: url(../../Images/NewUI/LightTheme/op_scr_ok.svg) center center no-repeat;
    background-size: 30px 30px;
}

.editSavePopup.Dark {
    background: url(../../Images/NewUI/op_scr_save_dark.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.LightTheme .editSavePopup.Dark {
    background: url(../../Images/NewUI/LightTheme/op_scr_save.svg) center center no-repeat;
    background-size: 30px 30px;
}

input.editSave::-ms-clear {
    display: none;
}

input.editSave {
    background: url(../../Images/NewUI/op_scr_save.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;*/
    border: 0 none;
    /*text-indent: -9999px;
    line-height: 0;
    font-size: 0;*/
    cursor: pointer;
    /*margin-right: 25px;*/
    /*padding: 0;
    display: inline-block;*/
    /*float:left;*/
    max-width: 60px;
    height: 60px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 0px !important;
    min-width: 60px;
}

.LightTheme input.editSave {
    background: url(../../Images/NewUI/LightTheme/op_scr_save.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.LightTheme .lnkCall {
    background: url(../../Images/NewUI/LightTheme/call.png) center center no-repeat;
    background-size: 30px 30px;
}

.addOrder {
    background: url(../../Images/NewUI/op_scr_AddOrder.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;*/
    border: 0 none;
    cursor: pointer;
    /*margin-right: 25px;*/
    max-width: 60px;
    height: 60px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 0px !important;
    min-width: 60px;
}

.LightTheme .addOrder {
    background: url(../../Images/NewUI/LightTheme/op_scr_AddOrder.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.editSaveOrder {
    background: url(../../Images/NewUI/op_scr_save-and-create-order.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;*/
    border: 0 none;
    cursor: pointer;
    /*margin-right: 25px;*/
    max-width: 55px;
    height: 55px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 11px;
    min-width: 50px;
}

.LightTheme .editSaveOrder {
    background: url(../../Images/NewUI/LightTheme/op_scr_save-and-create-order.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.editSaveTask {
    background: url(../../Images/NewUI/save_create_task.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;*/
    border: 0 none;
    cursor: pointer;
    /*margin-right: 25px;*/
    max-width: 55px;
    height: 0;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 11px;
    min-width: 50px;
}

.LightTheme .editSaveTask {
    background: url(../../Images/NewUI/LightTheme/save_create_task.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

input.editSaveOrder {
    /*background-size: 100% 100%;
    width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
    display: inline-block;*/
    background: url(../../Images/NewUI/op_scr_save-and-create-order.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    /*margin-right: 25px;*/
    max-width: 55px;
    height: 55px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 11px;
    min-width: 50px;
}

.LightTheme input.editSaveOrder {
    background: url(../../Images/NewUI/LightTheme/op_scr_save-and-create-order.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

input.editSaveTask {
    /*background-size: 100% 100%;
    width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
    display: inline-block;*/
    background: url(../../Images/NewUI/save_create_task.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    /*margin-right: 25px;*/
    max-width: 55px;
    height: 60px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 11px;
    min-width: 50px;
}

.LightTheme input.editSaveTask {
    background: url(../../Images/NewUI/LightTheme/save_create_task.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.SaveColumns {
    background: url(../../Images/NewUI/op_scr_column_resize_light.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
    display: inline-block;*/
    vertical-align: top;
    cursor: pointer;
}

.LightTheme .SaveColumns {
    background: url(../../Images/NewUI/LightTheme/op_scr_column_resize_light.svg) center center no-repeat;
    background-size: 30px 30px;
}

.SaveColumns.Dark {
    background: url(../../Images/NewUI/op_scr_column_resize.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .SaveColumns.Dark {
    background: url(../../Images/NewUI/LightTheme/op_scr_column_resize.svg) center center no-repeat;
    background-size: 30px 30px;
}

.SaveProposals {
    background: url(../../Images/NewUI/op_scr_rm_SaveProposals.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
    display: inline-block;*/
    vertical-align: top;
}

.LightTheme .SaveProposals {
    background: url(../../Images/NewUI/LightTheme/op_scr_rm_SaveProposals.svg) center center no-repeat;
    background-size: 30px 30px;
}

.editDownload {
    background: url(../../Images/NewUI/op_scr_download.svg) center center no-repeat;
    vertical-align: top;
    background-size: 30px 30px;
    /*width: 31px;
    height: 30px;
    border: 0 none;*/
}

.LightTheme .editDownload {
    background: url(../../Images/NewUI/LightTheme/op_scr_download.svg) center center no-repeat;
    background-size: 30px 30px;
}

.dunningPDF {
    background: url(../../Images/NewUI/op_scr_dunning_pdf.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 26px !important;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    margin-right: 10px;*/
    border: 0 none;
    vertical-align: top;
}

.LightTheme .dunningPDF {
    background: url(../../Images/NewUI/LightTheme/op_scr_dunning_pdf.svg) center center no-repeat;
    background-size: 30px 30px;
}

.editPDFBillCreate {
    padding-bottom: 15px;
}

.createBill {
    background: url(../../Images/NewUI/op_scr_create-bill.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 26px;
    height: 30px;
    border: 0 none;
    cursor: pointer;*/
    vertical-align: top;
}

.LightTheme .createBill {
    background: url(../../Images/NewUI/LightTheme/op_scr_create-bill.svg) center center no-repeat;
    background-size: 30px 30px;
}

.CorrectionBill {
    background: url(../../Images/NewUI/op_scr_correctionBill.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 26px;
    height: 30px;*/
    border: 0 none;
    cursor: pointer;
    /*margin-right: 10px;*/
    /*padding-bottom: 15px;*/
    vertical-align: top;
}

.LightTheme .CorrectionBill {
    background: url(../../Images/NewUI/LightTheme/op_scr_correctionBill.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ListDataCnt {
    display: block;
    margin: 0 0;
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
    font-size: 12px !important;
    color: rgba(255,255,255,0.50);
    width: 99.95%;
    overflow-x: hidden;
    /*height: 95%;*/
    margin-bottom: 95px;
}

.LightTheme .ListDataCnt {
    color: rgba(0,0,0,0.50);
}

.FixedLeftPosition .ListDataCnt {
    margin-bottom: 0px;
}

.ListDataCnt .FlatSearchCnt {
    width: 190px;
    padding: 0;
    position: relative;
    z-index: 99;
    display: block;
    background: rgba(0,0,0,0.65);
    margin-right: 20px;
}

.LightTheme .ListDataCnt .FlatSearchCnt {
    background: rgba(255,255,255,0.65);
}

.ListDataCnt.NewNavigation .FlatSearchCnt {
    position: absolute;
    display: none;
}

.ListDataCnt.Light {
    color: #FFFFFF;
}

.ListTheme .ListDataCnt.Light {
    color: #000;
}

.ListDataCnt.Light .FlatSearchCnt label {
    color: #FFFFFF;
}

.LightTheme .ListDataCnt.Light .FlatSearchCnt label {
    color: #000;
}

.ListDataCnt.FormElement {
    /*background: rgba(0,0,0,0.5);*/
}

.grid .LabelInline {
    margin: 0 0 5px 0;
    display: inline-block;
}

.marginTop5 {
    margin-top: 5px !important;
}

.grid .VerticleCenter.LabelInline {
    margin-top: 6px;
    width: initial !important;
}

.grid .LabelInline.Special {
    display: inline;
}

.grid #IncludeBZ + .LabelInline.Special {
    display: table-caption;
    margin-left: 40px;
    margin-top: -35px;
}

div.FormElement input#IncludeBZ + label.LabelInline.Special:before {
    top: -3px;
}

div.FormElement input#IsUseRelated + label:before {
    top: 4px;
}

.grid .LabelInlineItem {
    margin: 0 0 -3px 0;
}

.grid .LabelInline1 {
    margin-bottom: 0px;
    margin-top: 7px;
    display: inline-block;
}

.AddressCntCreate {
    margin: 0;
    padding: 0 0 0 40px;
}

    .AddressCntCreate.NoLeftPadding {
        padding-left: 0px;
    }

.DashboardNew .NewNavigation .AddressCntCreate {
    padding: 0 0 0 20px;
}

.grid .TextAreaControl {
    background: #ffffff;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    padding: 5px;
    color: #2b2b2b;
    outline: none;
    height: 80px;
}

.grid .small .TextAreaControl {
    width: 108px;
}

.grid .medium .TextAreaControl {
    width: 248px;
}

.grid .large .TextAreaControl {
    width: 388px;
}

.BillBtnDelete {
    background: url(../../Images/NewUI/op_scr_unlink_dark.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 0 none;
    text-indent: -9999px;
    margin: 0 10px 0 0;
    cursor: pointer;
}

.LightTheme .BillBtnDelete {
    background: url(../../Images/NewUI/LightTheme/op_scr_unlink_dark.svg) center center no-repeat;
    background-size: 30px 30px;
}

/* End        Added by Bipin on 06-April-2013 */
/* Begin     Added by Rakesh on 06-April-2013 */

.StyleTxtBoxCompanyName {
    background: #ffffff;
    /*-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;*/
    border: none;
    padding: 5px 10px;
    color: #2b2b2b;
    outline: none;
    width: 230px;
}

.StyleTxtBoxDeb {
    background: #ffffff;
    /*-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;*/
    border: none;
    padding: 5px 10px;
    color: #2b2b2b;
    outline: none;
    width: 90px;
}

.StyleTextAreaDesCompany {
    background: #ffffff;
    /*-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;*/
    border: none;
    padding: 5px;
    width: 510px;
    color: #2b2b2b;
    outline: none;
}

.grid .FRight label span {
    color: rgba(255,255,255,0.50);
}

.LightTheme .grid .FRight label span {
    color: rgba(0,0,0,0.50);
}

.grid .Address_Style {
    border-bottom: 1px solid #d3d3d3;
    margin: 15px 0;
    font-weight: bold;
    font-size: 14px;
    width: 100%;
    color: rgba(255,255,255,0.75);
}

.LightTheme .grid .Address_Style {
    color: rgba(0,0,0,0.75);
}

.grid {
    margin: 5px 0 5px 0;
    padding: 0 0 0 40px;
}

.ui-dialog .grid {
    padding: 0 0 0 20px;
}

.DashboardNew .NewNavigation .grid {
    padding: 0 0 0 20px;
}

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

.grid .supersmall {
    width: 2px;
    margin-top: 5px !important;
}

.grid .smallest {
    width: 60px;
}

.grid .smallest1 {
    width: 60px;
}

.grid .smallest2 {
    width: 30px;
}

.grid .smallest4 {
    width: 40px;
}

.grid .smallest3 {
    width: 80px;
}

.grid .smallest5 {
    width: 68px;
}

.grid .smallest6 {
    width: 20px;
}

.grid .small {
    width: 120px;
}

.grid .medium {
    width: 260px;
}

.grid .extraLarge {
    width: 540px;
    /*height: 150px;*/
}

.grid .extraLarge1 {
    width: 6000px;
    /*height: 150px;*/
}

.grid .extraLargeTxt {
    width: 550px;
}

.grid .extraLargeTxt1 {
    width: 580px;
}


.grid .extraLargeFull {
    width: 800px;
}


.grid .smallmedium {
    width: 160px;
}

.grid .smallmedium1 {
    width: 170px;
}

.grid .smallmedium2 {
    width: 200px;
}

.grid .smallmedium3 {
    width: 210px;
}

    .grid .smallmedium3 .txtbox {
        width: 208px;
    }

.grid .smallmedium4 {
    width: 138px;
}

.grid td.smallmedium5 {
    width: 135px;
}

.grid .smallmedium5 {
    width: 125px;
    overflow: hidden;
    margin-right: 10px !important;
}

    .grid .smallmedium5 .txtbox {
        width: 118px;
    }

.grid .mediumlarge {
    width: 300px;
}

.grid .mediumlarge1 {
    width: 358px;
}

.grid .mediumlarge2 {
    width: 330px;
}

.grid .large {
    width: 400px;
}

.grid .large1 {
    width: 550px;
}

.grid .large2 {
    width: 540px;
}

.grid .disabledelement {
    color: #9c9e9f !important;
}

.grid .fonttbold {
    font-weight: bold !important;
}

.grid .col {
    float: left;
    margin: 0 20px 15px 0;
    position: relative;
}

.grid .alignIn {
    margin-top: -30px;
    margin-left: 420px;
}

.grid .alignOut {
    margin-top: -30px;
}

.grid .alignInline {
    margin-left: 25px;
}

.grid .autoWidth {
    width: auto;
}

.grid .alignChkbox {
    margin: 5px;
}

.grid label {
    margin: 0 0 5px 0;
    display: block;
    color: rgba(255,255,255,0.75);
}

.addressChangePopup .grid label {
    font-style: initial !important;
}

.grid .small label {
    width: 110%;
}

    .grid .small label.LargeLabel {
        width: 150%;
    }

.grid label.LargeLabel {
    width: 150%;
}

.grid label.ExtraLargeLabel {
    width: 200%;
}

.grid .smallest6 {
    width: 20px;
}

.grid .smallest7 {
    width: 20px;
}

.grid .small1 {
    width: 80px;
}

    .grid .small1 .txtbox {
        width: 68px;
    }

.LightTheme .grid label {
    color: rgba(0,0,0,0.75);
}

.LightTheme .OrderSettingsTab .grid label, .LightTheme .QuotationSettingsTab .grid label, .LightTheme .CommonSettingsTab .grid label {
    color: rgba(255,255,255,0.75);
}

.grid .labelBank {
    margin: 0 0 5px 0;
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid .txtbox, .WithGrid.txtbox {
    background: #ffffff;
    /*-moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;*/
    border: none;
    padding: 0 5px;
    color: #2b2b2b;
    outline: none;
    height: 30px;
    line-height: 30px;
}

.grid .smallest4 .txtbox {
    width: 28px;
}

.grid .smallest .txtbox {
    width: 48px;
}

.grid .smallest1 .txtbox {
    width: 48px;
}

.grid .small .txtbox, .txtbox.WithGrid {
    width: 108px;
}

.grid .medium .txtbox {
    width: 248px;
}

.grid .mediumlarge .txtbox {
    width: 290px;
}

.grid .mediumlarge1 .txtbox {
    width: 348px;
}

.grid .smallmedium .txtbox, .grid .smallmedium .datePicker {
    width: 158px;
}

.grid .smallmedium1 .txtbox, .grid .smallmedium1 .datePicker {
    width: 168px;
}

.grid .smallmedium2 .txtbox {
    width: 198px;
}

.grid .large .txtbox {
    width: 388px;
}

.grid .large2 .txtbox {
    width: 528px;
}


.grid .doublemedium .txtbox {
    width: 528px;
}

#Dialog-ConfirmBooking #EventDescriptionDiv {
    display: inline-block;
    float: left;
}

    #Dialog-ConfirmBooking #EventDescriptionDiv textarea {
        height: 20px;
        width: 350px;
    }

.selectbox {
    overflow: hidden;
    padding: 0px;
    background: #ffffff url("../../Images/NewUI/op_ctrl_pull-down.png") right 14px no-repeat;
    font-size: 12px;
    color: #aeb1b4;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    height: 30px;
    line-height: 30px;
}

.LoginForm p.StyleSelect {
    background: url("../../Images/NewUI/op_ctrl_pull-down.png") right center no-repeat;
}

.selectbox.smallest {
    background: #ffffff url("../Images/NewUI/op_ctrl_pull-down.png") 45px 14px no-repeat;
}

.LightTheme .selectbox {
    overflow: hidden;
    padding: 0px;
    background: #ffffff url("../../Images/NewUI/LightTheme/op_ctrl_pull-down.png") right 14px no-repeat;
}

    .LightTheme .selectbox.smallest {
        background: #ffffff url("../Images/NewUI/LightTheme/op_ctrl_pull-down.png") 45px 14px no-repeat;
    }

.selectboxGreen {
    overflow: hidden;
    padding: 0px;
    background: #ffffff url("../../Images/NewUI/down_arrow.svg") right 3px no-repeat;
    background-size: 14px;
}

.LightTheme .selectboxGreen {
    background: #ffffff url("../../Images/NewUI/LightTheme/down_arrow.svg") right 3px no-repeat;
    background-size: 14px;
}

select.unitSelect {
    text-align-last: center !important;
    padding-right: 5px !important;
    height: 20px !important;
    line-height: 20px !important;
}

select.leftAligned {
    text-align-last: left !important;
    vertical-align: text-top;
}

.selectboxGreen.smallest {
    background: #ffffff url("../../Images/NewUI/down_arrow.svg") right 3px no-repeat;
    background-size: 14px;
}

.LightTheme .selectboxGreen.smallest {
    background: #ffffff url("../../Images/NewUI/LightTheme/down_arrow.svg") right 3px no-repeat;
    background-size: 14px;
}

.UC49107 #DeliveryExportTemplate .selectboxGreen,
quotationcreate-49107 .selectboxGreen,
quotationcreate-49105 .selectboxGreen {
    background-position-y: 10px !important;
    margin-top: -1px;
    background-color: transparent !important;
}

.grid .small .selectbox {
    width: 118px;
}

    .grid .small .selectbox.smallest {
        width: 55px !important;
        display: inline-block;
        float: right;
    }

.grid .smallest .selectbox {
    width: 48px;
}

    .grid .smallest .selectbox select {
        width: 65px;
    }

    .grid .smallest .selectbox select {
        /* padding: 5px; */
        padding: 5px;
        border: 0;
        color: #2b2b2b;
        background: transparent;
        -webkit-appearance: none;
        outline: none;
    }

.grid .small .selectbox.SmallSelectBox {
    width: 40px;
}

    .grid .small .selectbox.SmallSelectBox.pRelative {
        width: 117px;
        background: #ffffff url("../../Images/NewUI/op_ctrl_pull-down.png") 25px 14px no-repeat;
    }

.grid .small .selectbox.smallest:first-child {
    width: 55px;
    float: left;
}

.grid .small .selectbox.smallest:last-child {
    width: 55px;
    float: right;
}

.grid .small .selectbox.smallest {
    width: 55px;
    float: left;
}

.grid .medium .selectbox {
    width: 258px;
}

.grid .smallmedium .selectbox {
    width: 160px;
}

.grid .smallmedium1 .selectbox {
    width: 170px;
}

.grid .large .selectbox {
    width: 398px;
}

.grid .small .selectbox select {
    /*padding: 5px;*/
    border: 0;
    color: #2b2b2b;
    background: transparent;
    -webkit-appearance: none;
    outline: none;
}

.grid .small .selectbox select {
    width: 143px;
}


.grid .smallest3 .selectbox select {
    width: 80px;
}

.grid .small .selectbox.SmallSelectBox select {
    width: 58px;
}

.grid .small .selectbox.SmallSelectBox.pRelative select {
    width: 135px;
}

.grid .small .selectbox.smallest select {
    width: 75px; /*
    padding-left: 0px;*/
}

.grid .medium .selectbox select {
    width: 285px;
}

.grid .large .selectbox select {
    width: 425px;
}

.grid .small .searchbox {
    width: 114px;
}

.grid .smallmedium .searchbox {
    width: 165px;
}

.grid .smallmedium1 .searchbox {
    width: 175px;
}

.grid .medium .searchbox {
    width: 255px;
}

.grid .large .searchbox {
    width: 395px;
}

.grid .small .searchbox .txtbox {
    width: 88px;
}

.grid .medium .searchbox .txtbox {
    width: 230px;
}

.grid .large .searchbox .txtbox {
    width: 375px;
}

.searchbox {
    position: relative;
}

    .searchbox a.searchbtn, .searchbox a.searchbtn:hover,
    .pRelative a.searchbtn, .pRelative a.searchbtn:hover {
        background: #ffffff url(../../Images/NewUI/op_scr_search-in-text.svg) right no-repeat !important;
        background-size: 25px 25px !important;
        width: 30px;
        height: 30px;
        display: block;
        text-indent: -9999px;
        position: absolute;
        top: 0;
        right: -3px;
        /*-moz-border-radius: 0 5px 5px 0;
        -webkit-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;*/
        border: none;
        border-left: 0 none;
        cursor: pointer;
    }

.IONETheme .searchbox a.searchbtn,
.IONETheme .searchbox a.searchbtn:hover,
.IONETheme.LightTheme .searchbox a.searchbtn,
.IONETheme.LightTheme .searchbox a.searchbtn:hover,
.IONETheme a.searchbtn.addbtn,
.IONETheme a.searchbtn.addbtn:hover,
.IONETheme.LightTheme a.searchbtn.addbtn,
.IONETheme.LightTheme a.searchbtn.addbtn:hover {
    background-size: 30px 30px !important;
}

.IONETheme .LiveTemplate .PreviewTable .searchbox a.searchbtn,
.IONETheme .LiveTemplate .PreviewTable .searchbox a.searchbtn:hover {
    background: #ffffff url(../../Images/NewUI/op_scr_search-in-text_green.svg) right no-repeat !important;
    background-size: 21px 21px !important;
}

.LightTheme .searchbox a.searchbtn, .LightTheme .searchbox a.searchbtn:hover {
    background: #ffffff url(../../Images/NewUI/LightTheme/op_scr_search-in-text.svg) right no-repeat !important;
    background-size: 25px 25px !important;
}


.LightTheme .LiveTemplate .PreviewTable .searchbox a.searchbtn, .LightTheme .LiveTemplate .PreviewTable .searchbox a.searchbtn:hover {
    background: transparent url(../../Images/NewUI/LightTheme/op_scr_search-in-text_green.svg) right no-repeat !important;
    background-size: 21px 21px !important;
    box-shadow: none;
}

.LiveTemplate .PreviewTable .EditObjectLink {
    background: #ffffff url(../../Images/NewUI/op_grid_view-edit-dark-green.svg) center center no-repeat !important;
    background-size: 21px 21px !important;
}

.LightTheme .LiveTemplate .PreviewTable .EditObjectLink {
    background: #ffffff url(../../Images/NewUI/LightTheme/op_grid_view-edit-dark-green.svg) center center no-repeat !important;
    background-size: 21px 21px !important;
}

.IONETheme.LightTheme .LiveTemplate .PreviewTable .searchbox a.searchbtn,
.IONETheme.LightTheme .LiveTemplate .PreviewTable .searchbox a.searchbtn:hover {
    background: transparent url(../../Images/NewUI/LightTheme/op_scr_search-in-text_green.svg) right no-repeat !important;
    background-size: 21px 21px !important;
}

.searchbox a.searchbtn.settings,
.searchbox a.searchbtn.settings:hover {
    background: url(../../Images/NewUI/LightTheme/op_scr_open_settings.svg) right no-repeat !important;
    background-size: 25px 25px !important;
}

.grid textarea {
    background: #ffffff;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    padding: 5px;
    color: #2b2b2b;
    outline: none;
    height: 60px;
    resize: vertical;
    width: 100%;
}

.grid .extraLargeTxt .txtbox {
    width: 528px;
}

.grid .extraLargeTxt1 .txtbox {
    width: 668px;
}

.grid .extraLargeTxt1.selectbox select {
    width: 590px;
}

.grid .smallest3 .txtbox {
    width: 68px;
}

.grid .extraLargeTxt.Double .txtbox {
    width: 677px;
}

.grid .extraLarge textarea {
    background: #ffffff;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    padding: 5px;
    color: #2b2b2b;
    outline: none;
    height: 105px;
    width: 528px;
    resize: none;
}

textarea.CanResize {
    resize: both !important;
}

textarea.OnlyVerticalScroll {
    resize: vertical !important;
}

textarea.LimitedWidth {
    max-width: 1000px !important;
}

.grid .extraLarge.Double textarea, .grid .extraLarge.Double .txtbox {
    width: 665px;
}

.grid .extraLargeTempItem textarea {
    background: #ffffff;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    padding: 5px;
    color: #2b2b2b;
    outline: none;
    height: 105px;
    width: 428px;
    resize: none;
}

.grid .small textarea {
    width: 108px;
}

.grid .medium textarea {
    width: 248px;
}

.grid .large textarea {
    width: 388px;
}

@media screen and (max-width:1850px) {

    .DashboardNew .NewBillUI .grid .large textarea, .DashboardNew .NewBillUI .grid .large .multiselectbox select, .DashboardNew .NewBillUI .grid .large .multiselectbox, .DashboardNew .NewBillUI .grid .large {
        width: 248px;
    }
}

.grid .mediumlarge textarea {
    width: 300px;
}

.grid .colTempItem {
    margin-left: -5px;
}

.grid .fileupload {
    position: relative;
    margin: 0;
    height: 26px;
}

    .grid .fileupload .browservisible {
        position: absolute;
    }

    .grid .fileupload .filefield {
        padding: 0 0 0 5px;
        font-size: 12px;
        /*-moz-border-radius: 5px 0 0 5px;
        -webkit-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;*/
        border: none;
        float: left;
        height: 30px;
    }

    .grid .fileupload .browserhidden {
        position: absolute;
        width: 100%;
        height: 30px;
        -moz-opacity: 0;
        filter: alpha(opacity: 0);
        opacity: 0;
        z-index: 2;
        left: 0;
    }

    .grid .fileupload span {
        z-index: 1;
        background: #ddd;
        /*border-radius: 0 5px 5px 0;
        -moz-border-radius: 0 5px 5px 0;
        -webkit-border-radius: 0 5px 5px 0;*/
        border: none;
        height: 30px;
        line-height: 30px;
        float: left;
        padding: 0 10px;
        color: #2b2b2b;
        font-weight: bold;
        cursor: pointer;
    }

.grid .small .fileupload .filefield {
    width: 33px;
}

.grid .medium .fileupload .filefield {
    width: 173px;
}

.grid label span:not(.ng-tns-c2-42):not(.ng-star-inserted) {
    color: red;
}

.IONETheme .grid label span:not(.ng-tns-c2-42):not(.ng-star-inserted) {
    color: #c6392a;
}

.multiselectbox {
    overflow: hidden;
    padding: 0 0 0 5px;
    background: #ffffff;
    font-size: 12px;
    color: #aeb1b4;
    border: none;
}

.grid .small .multiselectbox {
    width: 118px;
}

.grid .medium .multiselectbox {
    width: 258px;
}

    .grid .medium .multiselectbox.LargeWidth {
        width: 393px;
    }

.grid .large .multiselectbox {
    width: 398px;
}

.grid .multiselectbox select {
    padding: 0;
    border: 0;
    color: #2b2b2b;
    background: transparent;
    -webkit-appearance: none;
    outline: none;
    height: 80px;
    margin-left: 0;
}

.grid .multiselectbox.LargeHeight select {
    height: 115px;
}

.grid .multiselectbox.LargeWidth select {
    width: 393px !important;
}

.grid .multiselectbox.MediumWidth select {
    width: 156px !important;
}

.grid .small .multiselectbox select {
    width: 118px;
}

.grid .smallest1 .currencytxtbox {
    width: 60px;
}

.grid .medium .multiselectbox select {
    width: 258px;
}

.grid .large .multiselectbox select {
    width: 398px;
}

.grid .smallmedium .currencytxtbox {
    width: 145px;
}

.grid .smallmedium1 .currencytxtbox {
    width: 155px;
}

.grid .currencytxtbox, .WithGrid .currencytxtbox {
    background: #ffffff;
    border: none;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    color: #2b2b2b;
    outline: none;
}

.grid .smallest .currencytxtbox {
    width: 50px;
}

.grid .currencytxtboxItem {
    background: #ffffff;
    border: none;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    padding: 5px;
    color: #2b2b2b;
    outline: none;
}

.grid .small .currencytxtbox, .WithGrid .currencytxtbox {
    width: 108px;
}

.grid .medium .currencytxtbox {
    width: 248px;
}

.grid .large .currencytxtbox {
    width: 388px;
}

.grid .smallest1 span.currency {
    right: -10px;
}

.pRelative span.camera {
    background: url(../../Images/NewUI/add_camera.svg) center center no-repeat !important;
    background-size: 25px 25px !important;
    height: 25px;
    width: 25px;
    right: 0;
    cursor: pointer;
}

.pRelative span.selectdatetime {
    background: url(../Images/NewUI/op_scr_datepicker_calender.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
    height: 25px;
    width: 25px;
    right: 0;
    cursor: pointer;
}

.grid span.currency,
.WithGrid span.currency,
.grid span.camera,
.grid span.selectdatetime {
    position: absolute;
    top: 0px;
    right: 3px;
    /*background: #ffffff;*/
    /*border-top: 1px solid #d3d3d3;*/
    border-left: 0 none;
    padding: 0 5px;
    color: #2b2b2b;
    outline: none;
    height: 30px;
    line-height: 30px;
}

.grid span.currencyMediumSmall, .WithGrid span.currencyMediumSmall {
    position: absolute;
    top: 0px;
    right: 3px;
    /*background: #ffffff;*/
    /*border-top: 1px solid #d3d3d3;*/
    border-left: 0 none;
    padding: 0 84px;
    color: #2b2b2b;
    outline: none;
    height: 30px;
    line-height: 30px;
}

.grid span.prefix, .WithGrid span.prefix {
    position: absolute;
    top: 0px;
    border-left: 0 none;
    padding: 0 5px;
    color: #2b2b2b;
    outline: none;
    height: 30px;
    line-height: 30px;
}

.grid .ProjectItemDetails span.currency {
    color: rgba(255,255,255,0.75);
}

.LightTheme .grid .ProjectItemDetails span.currency {
    color: rgba(0,0,0,0.75);
}


.grid span.currencyWithImage {
    position: absolute;
    top: 0px;
    right: 15px;
    /*background: #ffffff;*/
    /*border-top: 1px solid #d3d3d3;*/
    border-left: 0 none;
    padding: 0 5px;
    color: #2b2b2b;
    outline: none;
    height: 30px;
    line-height: 30px;
}

.grid span.currency.DueOnLabel {
    /*top: 23px;
        background: white;
        float: right;
        width: 73px;
        overflow: hidden;*/
    font-size: 11px;
    /*-webkit-margin-before: -2px;*/
}

.grid span.Unit, .RM span.Unit, span.Unit {
    position: absolute;
    top: 0;
    right: 3px;
    /*background: #ffffff;*/
    /*moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 4px 4px 4px 4px;*/
    border-left: 1px solid #d3d3d3;
    /*border-left: 1px;*/
    padding: 7px;
    color: #2b2b2b;
    outline: none;
    min-width: 32px;
    z-index: 1;
}

.RM span.Unit {
    z-index: 1;
    /*right: 7px;*/
    height: 15px;
    line-height: 18px;
    height: 13px\0/;
    line-height: 13px\0/;
}

.GeneralUnit {
    position: absolute;
    top: 0px;
    right: 3px;
    border-left: 1px solid #d3d3d3;
    color: #2b2b2b;
    outline: none;
    min-width: 32px;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
}

.grid .currencytxtbox::-ms-clear {
    display: none;
}

/*style for time picker*/
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

    .ui-timepicker-div dl dt {
        height: 25px;
        margin-bottom: -25px;
    }

    .ui-timepicker-div dl dd {
        margin: 0 10px 10px 65px;
    }

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-rtl {
    direction: rtl;
}

    .ui-timepicker-rtl dl {
        text-align: right;
    }

        .ui-timepicker-rtl dl dd {
            margin: 0 65px 10px 10px;
        }

div.FormElement select {
    border: 0;
    color: #2B2B2B;
    background: transparent;
    margin: 0;
    padding-left: 5px;
    width: 286px;
    height: 30px;
    -webkit-appearance: none;
    outline: none;
}

    div.FormElement select.discountUnit {
        height: auto !important;
    }

div.FormElement .StyleSelect {
    overflow: hidden;
    width: 227px;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    background: #ffffff url("../../Images/NewUI/op_ctrl_pull-down.png") right 14px no-repeat;
    font-size: 12px;
    color: #2b2b2b;
}

.LightTheme div.FormElement .StyleSelect {
    background: #ffffff url("../../Images/NewUI/LightTheme/op_ctrl_pull-down.png") right 14px no-repeat;
}

div.FormElement .StyleSelect2 {
    overflow: hidden;
    width: 155px;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    background: #ffffff url("../../Images/NewUI/op_ctrl_pull-down.png") right 14px no-repeat;
    font-size: 12px;
    color: #2b2b2b;
}

.LightTheme div.FormElement .StyleSelect2 {
    background: #ffffff url("../../Images/NewUI/LightTheme/op_ctrl_pull-down.png") right 14px no-repeat;
}

.datePicker {
    background: #ffffff;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    color: #2b2b2b;
    outline: none;
    position: relative;
    width: 108px;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
}

.weekend {
    background: #d3d3d3 !important;
}

.selectbox.weekend {
    background: #d3d3d3 url("../../Images/NewUI/op_ctrl_pull-down.png") right 14px no-repeat !important;
}

.datetimePicker {
    background: #ffffff;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    color: #2b2b2b;
    outline: none;
    position: relative;
    width: 108px;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
}

.smallmedium .datetimePicker {
    width: 158px;
}

.smallmedium1 .datetimePicker {
    width: 168px;
}

.smallest1 .timePicker {
    width: 60px;
}

.timePicker {
    background: #ffffff;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    color: #2b2b2b;
    outline: none;
    position: relative;
    width: 108px;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
}

.timePickerWithSecond {
    background: #ffffff;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    color: #2b2b2b;
    outline: none;
    position: relative;
    width: 134px;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
}

.timePickerWithoutSeconds {
    background: #ffffff;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    padding: 0 5px;
    color: #2b2b2b;
    outline: none;
    position: relative;
    width: 108px;
    height: 30px;
    line-height: 30px;
}

.DateTimePickerClass {
    background: #ffffff;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    padding: 0 5px;
    color: #2b2b2b;
    outline: none;
    position: relative;
    width: 108px;
    height: 30px;
    line-height: 30px;
}

.datePickerWithoutButton {
    background: #ffffff;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    padding: 5px 10px;
    color: #2b2b2b;
    outline: none;
    position: relative;
}

.StyleSelectTop {
    overflow: hidden;
    width: 247px;
    height: 30px;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    background: #ffffff url("../../Images/NewUI/op_ctrl_pull-down.png") right 14px no-repeat;
    font-size: 12px;
    color: #aeb1b4;
}

.LightTheme .StyleSelectTop {
    background: #ffffff url("../../Images/NewUI/LightTheme/op_ctrl_pull-down.png") right 14px no-repeat;
}

.StyleFloatRight {
    padding: 0px 0px 0px 400px;
    margin-top: 10px;
    float: right;
}

.StyleFloatRightClear {
    padding: 0px 0px 0px 663px;
    margin-top: 10px;
    float: right;
}

.datePickerSearch {
    width: 134px;
    border: none;
    color: #2b2b2b;
    padding: 7px 7px 7px 7px;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    position: relative;
    z-index: 1;
}

.datePickerSearchSingle {
    width: 150px;
    border: none;
    color: #2b2b2b;
    padding: 7px 7px 7px 7px;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    position: relative;
    z-index: 1;
}

.validationMessage {
    color: red;
}

.IONETheme .validationMessage {
    color: #c6392a;
}

.StyleTxtBoxReadOnly {
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    padding: 5px 10px;
    color: #9c9e9f;
    outline: none;
    background-color: #ffffff;
}

.PageTitleSpace {
    padding: 0;
    margin: 0 0 10px 0;
    height: 5px;
    line-height: 20px;
}

.PageTitleSpaceCheckbox {
    padding: 0;
    margin: 0 0 5px 0;
}

.PageTitleSpaceUpper {
    padding: 0;
    margin: 0 0 10px 0;
}

.PageTitle {
    /*background: rgba(0,159,227,0.9) url(../../Images/NewUI/op_grid_view-edit-white.svg) left+20px center no-repeat;*/
    color: #fff;
    font-weight: normal;
    padding: 0 0 0 40px;
    margin: 0 0 0px 0;
    height: 60px;
    line-height: 60px;
    text-align: left;
    font-size: 17px;
}

.LightTheme .PageTitle {
    color: #000;
}

.DashboardNew .NewNavigation .PageTitle {
    background: rgba(0,159,227,0.9) url(../../Images/NewUI/op_grid_view-edit-white.svg) left+20px center no-repeat;
    padding: 0 0 0 75px;
}

.LightTheme .DashboardNew .NewNavigation .PageTitle {
    background: rgba(0,159,227,0.9) url(../../Images/NewUI/LightTheme/op_grid_view-edit-white.svg) left+20px center no-repeat;
}

.IONETheme .DashboardNew .NewNavigation .PageTitle {
    background: rgba(0, 169, 112,0.9) url(../../Images/NewUI/op_grid_view-edit-white.svg) left+20px center no-repeat;
    padding: 0 0 0 75px;
}

.LightTheme.IONETheme .DashboardNew .NewNavigation .PageTitle {
    background: rgba(0, 169, 112,0.9) url(../../Images/NewUI/LightTheme/op_grid_view-edit-white.svg) left+20px center no-repeat;
}

.IONETheme .DashboardNew .NewNavigation .PageTitle {
    background: rgba(0, 169, 112,0.9) url(../Images/NewUI/op_grid_view-edit-white.svg) left+20px center no-repeat;
    padding: 0 0 0 75px;
}

.LightTheme.IONETheme .DashboardNew .NewNavigation .PageTitle {
    background: rgba(0, 169, 112,0.9) url(../Images/NewUI/LightTheme/op_grid_view-edit-white.svg) left+20px center no-repeat;
}

.PageTitle label {
    float: left;
}

.NewBillUI .PageTitle, .NewBillUI .AddressCntCreate, .NewBillUI .grid {
    padding: 0 0 0 20px;
}


.IndexHeader {
    height: 40px;
    line-height: 40px;
}

.EditContainer .RightData {
    width: 180px;
}

.AddressCnt {
    margin: 0;
    padding: 0;
    min-height: 72px;
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
}
    /*.AddressCnt .BuildingImg
{
	width: 66px;
	height: 65px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin: 0 20px 0 20px;
}*/
    .AddressCnt .BuildingAddress {
        float: left;
        width: auto;
        margin: 0px 20px 0px 10px;
        /*color: rgba(0,0,0,0.50);*/
        word-wrap: break-word;
    }

.AddressCntCreate .AddressCnt .BuildingAddress {
    color: rgba(255,255,255,0.75);
}

.LightTheme .AddressCntCreate .AddressCnt .BuildingAddress {
    color: rgba(0,0,0,0.75);
}

.AddressCnt .BuildingAddress span, .AddressCnt .FlatAddress span {
    font-weight: bold;
    display: block;
}

.AddressCnt .FlatAddress {
    float: left;
    width: 250px;
    margin: 20px 20px 0 0;
    color: #696a6c;
}

.PopupCnt {
    margin: 30px 0;
}

    .PopupCnt p {
        float: left;
        margin: 0 12px 0 0;
        position: relative;
    }

        .PopupCnt p input {
            display: block;
            width: 240px;
            height: 27px;
            line-height: 27px;
            border: none;
            padding: 0 10px;
            color: #2b2b2b;
            /*border-radius: 5px;
            -moz-border-radius: 5px; /* Firefox */
            /*-webkit-border-radius: 5px;*/ /* Safari and Chrome */
            background: #ffffff;
        }


.ReadOnlyLabel {
    color: #9c9e9f;
}

ul.PlusList li a.addReadOnlyLabel {
    background: url(../../Images/NewUI/op_oth_add-create-new.svg) left top no-repeat;
    background-size: 100% 100%;
    padding: 0;
    color: #9c9e9f;
    text-indent: -9999px;
    width: 8px;
    height: 8px;
    position: relative;
    top: 3px;
}

.LightTheme ul.PlusList li a.addReadOnlyLabel {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new.svg) left top no-repeat;
    background-size: 100% 100%;
}

.AddressCnt .PublicHolidayImg {
    background: url(../../Images/NewUI/obj_PublicHoliday.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .PublicHolidayImg {
    background: url(../../Images/NewUI/LightTheme/obj_PublicHoliday.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .ConstructionSchemeImg {
    background: url(../../Images/NewUI/obj_constructionScheme.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .ConstructionSchemeImg {
    background: url(../../Images/NewUI/LightTheme/obj_constructionScheme.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .ProjectImg {
    background: url(../../Images/NewUI/obj_project.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .ProjectImg {
    background: url(../../Images/NewUI/LightTheme/obj_project.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .BuildingImg {
    background: url(../../Images/NewUI/obj_building_big.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .BuildingImg {
    background: url(../../Images/NewUI/LightTheme/obj_building_big.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .BuildingImg.Disable {
    background: url(../../Images/NewUI/obj_building_disable.svg) left top no-repeat;
    background-size: 66px 65px;
}

.LightTheme .AddressCnt .BuildingImg.Disable {
    background: url(../../Images/NewUI/LightTheme/obj_building_disable.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .ServiceOrderProposalBuildingImg {
    background: url(../../Images/NewUI/obj_ServiceOrderProposalbuilding.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .ServiceOrderProposalBuildingImg {
    background: url(../../Images/NewUI/LightTheme/obj_ServiceOrderProposalbuilding.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .FlatImg {
    background: url(../../Images/NewUI/obj_flat_big.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .FlatImg {
    background: url(../../Images/NewUI/LightTheme/obj_flat_big.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .RoomImg {
    background: url(../../Images/NewUI/obj_room.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .RoomImg {
    background: url(../../Images/NewUI/LightTheme/obj_room.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .ServiceOrderProposalFlatImg {
    background: url(../../Images/NewUI/obj_ServiceOrderPRoposalFlat.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .ServiceOrderProposalFlatImg {
    background: url(../../Images/NewUI/LightTheme/obj_ServiceOrderPRoposalFlat.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .ServiceOrderRequisitionImg {
    background: url(../../Images/NewUI/obj_ServiceOrderRequisitionEdit.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .ServiceOrderRequisitionImg {
    background: url(../../Images/NewUI/LightTheme/obj_ServiceOrderRequisitionEdit.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .DunningConfigurationImg {
    background: url(../../Images/NewUI/obj_DunningConfiguration.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .DunningConfigurationImg {
    background: url(../../Images/NewUI/LightTheme/obj_DunningConfiguration.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .HeatingSystemImg {
    background: url(../../Images/NewUI/obj_heatingSystem.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .HeatingSystemImg {
    background: url(../../Images/NewUI/LightTheme/obj_heatingSystem.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .EquipmentImg {
    background: url(../../Images/NewUI/obj_equipment.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .EquipmentImg {
    background: url(../../Images/NewUI/LightTheme/obj_equipment.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .TeamImg {
    background: url(../../Images/NewUI/obj_team.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .TeamImg {
    background: url(../../Images/NewUI/LightTheme/obj_team.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .projectOverviewImg {
    background: url(../../Images/NewUI/obj_projectoverview.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .projectOverviewImg {
    background: url(../../Images/NewUI/LightTheme/obj_projectoverview.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .SprintImg {
    background: url(../../Images/NewUI/obj_sprint.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .SprintImg {
    background: url(../../Images/NewUI/LightTheme/obj_sprint.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .TaxCodeImg {
    background: url(../../Images/NewUI/obj_TaxCode.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .TaxCodeImg {
    background: url(../../Images/NewUI/LightTheme/obj_TaxCode.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .ToolImg {
    background: url(../../Images/NewUI/obj_tool.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .ToolImg {
    background: url(../../Images/NewUI/LightTheme/obj_tool.svg) left top no-repeat;
    background-size: 66px 65px;
}


.AddressCnt .PriceListImg {
    background: url(../../Images/NewUI/obj_priceList.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .PriceListImg {
    background: url(../../Images/NewUI/LightTheme/obj_priceList.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .EqualPayImg {
    background: url(../../Images/NewUI/obj_equalPay.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .EqualPayImg {
    background: url(../../Images/NewUI/LightTheme/obj_equalPay.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .ContractImg {
    background: url(../../Images/NewUI/obj_contract.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .ContractImg {
    background: url(../../Images/NewUI/LightTheme/obj_contract.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .PersonImg {
    background: url(../../Images/NewUI/obj_person.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .PersonImg {
    background: url(../../Images/NewUI/LightTheme/obj_person.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .CompanyImg {
    background: url(../../Images/NewUI/obj_company.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .CompanyImg {
    background: url(../../Images/NewUI/LightTheme/obj_company.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .AccountImg {
    background: url(../../Images/NewUI/obj_Account.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .AccountImg {
    background: url(../../Images/NewUI/LightTheme/obj_Account.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .itemImg {
    background: url(../../Images/NewUI/obj_item.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .itemImg {
    background: url(../../Images/NewUI/LightTheme/obj_item.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .goodsReceiptImg {
    background: url(../../Images/NewUI/obj_goodsReceipt.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .goodsReceiptImg {
    background: url(../../Images/NewUI/LightTheme/obj_goodsReceipt.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .inventoryCorrectionImg {
    background: url(../../Images/NewUI/obj_inventoryCorrection.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .inventoryCorrectionImg {
    background: url(../../Images/NewUI/LightTheme/obj_inventoryCorrection.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .itemGroupImg {
    background: url(../../Images/NewUI/obj_subItemGroup.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.AddressCnt .subItemGroupImg {
    background: url(../../Images/NewUI/obj_subItemGroup.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .subItemGroupImg {
    background: url(../../Images/NewUI/LightTheme/obj_subItemGroup.svg) left top no-repeat;
    background-size: 66px 65px;
}

.LightTheme .AddressCnt .itemGroupImg {
    background: url(../../Images/NewUI/LightTheme/obj_itemGroup.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .vehicleImg {
    background: url(../../Images/NewUI/obj_vehicle.svg) left top no-repeat;
    background-size: 66px 65px !important;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .vehicleImg {
    background: url(../../Images/NewUI/LightTheme/obj_vehicle.svg) left top no-repeat;
    background-size: 66px 65px !important;
}

.AddressCnt .machineImg {
    background: url(../../Images/NewUI/obj_machine.svg) left top no-repeat;
    background-size: 66px 65px !important;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .machineImg {
    background: url(../../Images/NewUI/LightTheme/obj_machine.svg) left top no-repeat;
    background-size: 66px 65px !important;
}

.AddressCnt .calculationImg {
    background: url(../../Images/NewUI/obj_calculation.svg) left top no-repeat;
    background-size: 66px 65px !important;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .calculationImg {
    background: url(../../Images/NewUI/LightTheme/obj_calculation.svg) left top no-repeat;
    background-size: 66px 65px !important;
}

.AddressCnt .productionWorkflowImg {
    background: url(../../Images/NewUI/obj_productionWorkflowImg.svg) left top no-repeat;
    background-size: 66px 65px !important;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .productionWorkflowImg {
    background: url(../../Images/NewUI/LightTheme/obj_productionWorkflowImg.svg) left top no-repeat;
    background-size: 66px 65px !important;
}

.AddressCnt .ProductionStepImg {
    background: url(../../Images/NewUI/obj_ProductionStep.svg) left top no-repeat;
    background-size: 66px 65px !important;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .ProductionStepImg {
    background: url(../../Images/NewUI/LightTheme/obj_ProductionStep.svg) left top no-repeat;
    background-size: 66px 65px !important;
}

.AddressCnt .pieceImg {
    background: url(../../Images/NewUI/obj_piece.svg) left top no-repeat;
    background-size: 66px 65px !important;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .pieceImg {
    background: url(../../Images/NewUI/LightTheme/obj_piece.svg) left top no-repeat;
    background-size: 66px 65px !important;
}

.AddressCnt .productionOrderNetImg {
    background: url(../../Images/NewUI/obj_productionOrderNet.svg) left top no-repeat;
    background-size: 66px 65px !important;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .productionOrderNetImg {
    background: url(../../Images/NewUI/LightTheme/obj_productionOrderNet.svg) left top no-repeat;
    background-size: 66px 65px !important;
}

.vehicleImg._1 {
    background: url(../../Images/NewUI/obj_vehicle_scissor_lift.svg) left top no-repeat;
}


.LightTheme .vehicleImg._1 {
    /*background: url(../../Images/NewUI/LightTheme/obj_vehicle_scissor_lift.svg) left top no-repeat;*/
}

.vehicleImg._2 {
    background: url(../../Images/NewUI/obj_vehicle_articulated_Boom.svg) left top no-repeat;
}

.LightTheme .vehicleImg._2 {
    /*background: url(../../Images/NewUI/LightTheme/obj_vehicle_articulated_Boom.svg) left top no-repeat;*/
}

.vehicleImg._3 {
    background: url(../../Images/NewUI/obj_vehicle_telescopic_mast.svg) left top no-repeat;
}

.LightTheme .vehicleImg._3 {
    /*background: url(../../Images/NewUI/LightTheme/obj_vehicle_telescopic_mast.svg) left top no-repeat;*/
}

.vehicleImg._4, .vehicleImg._14 {
    background: url(../../Images/NewUI/obj_vehicle_fork_lift.svg) left top no-repeat;
}

.LightTheme .vehicleImg._4, .LightTheme .vehicleImg._14 {
    /*background: url(../../Images/NewUI/LightTheme/obj_vehicle_fork_lift.svg) left top no-repeat;*/
}

.vehicleImg._5 {
    background: url(../../Images/NewUI/obj_vehicle_teleHandler.svg) left top no-repeat;
}

.LightTheme .vehicleImg._5 {
    /*background: url(../../Images/NewUI/LightTheme/obj_vehicle_teleHandler.svg) left top no-repeat;*/
}

.vehicleImg._6 {
    background: url(../../Images/NewUI/obj_vehicle_truck_mounted.svg) left top no-repeat;
}

.LightTheme .vehicleImg._6 {
    /*background: url(../../Images/NewUI/LightTheme/obj_vehicle_truck_mounted.svg) left top no-repeat;*/
}

.vehicleImg._7 {
    background: url(../../Images/NewUI/obj_vehicle_crane_trailer.svg) left top no-repeat;
}

.LightTheme .vehicleImg._7 {
    /*background: url(../../Images/NewUI/LightTheme/obj_vehicle_crane_trailer.svg) left top no-repeat;*/
}

.vehicleImg._8 {
    background: url(../../Images/NewUI/obj_vehicle_teleskop.svg) left top no-repeat;
}

.LightTheme .vehicleImg._8 {
    /*background: url(../../Images/NewUI/LightTheme/obj_vehicle_teleskop.svg) left top no-repeat;*/
}

.vehicleImg._9 {
    background: url(../../Images/NewUI/obj_vehicle_truck.svg) left top no-repeat;
}

.LightTheme.vehicleImg._9 {
    /*background: url(../../Images/NewUI/LightTheme/obj_vehicle_truck.svg) left top no-repeat;*/
}

.vehicleImg._10 {
    background: url(../../Images/NewUI/obj_vehicle_semi_trailer.svg) left top no-repeat;
}

.LightTheme .vehicleImg._10 {
    /*background: url(../../Images/NewUI/LightTheme/obj_vehicle_semi_trailer.svg) left top no-repeat;*/
}

.vehicleImg._11 {
    background: url(../../Images/NewUI/obj_vehicle_trailer.svg) left top no-repeat;
}

.LightTheme .vehicleImg._11 {
    /*background: url(../../Images/NewUI/LightTheme/obj_vehicle_trailer.svg) left top no-repeat;*/
}

.vehicleImg._12 {
    background: url(../../Images/NewUI/obj_vehicle_bridgingvehicle.svg) left top no-repeat;
}

.LightTheme .vehicleImg._12 {
    /*background: url(../../Images/NewUI/LightTheme/obj_vehicle_bridgingvehicle.svg) left top no-repeat;*/
}

.vehicleImg._13 {
    background: url(../../Images/NewUI/obj_vehicle_car.svg) left top no-repeat;
}

.LightTheme .vehicleImg._13 {
    /*background: url(../../Images/NewUI/LightTheme/obj_vehicle_car.svg) left top no-repeat;*/
}

.AddressCnt .driverLogImg {
    background: url(../../Images/NewUI/obj_driverLog.svg) left top no-repeat;
    background-size: 30px 30px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .driverLogImg {
    background: url(../../Images/NewUI/LightTheme/obj_driverLog.svg) left top no-repeat;
    background-size: 30px 30px;
}

.AddressCnt .siteImg {
    background: url(../../Images/NewUI/obj_site.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .siteImg {
    background: url(../../Images/NewUI/LightTheme/obj_site.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .BankImg {
    background: url(../../Images/NewUI/obj_bank.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .BankImg {
    background: url(../../Images/NewUI/LightTheme/obj_bank.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .vehiclehistory {
    background: url(../../Images/NewUI/obj_vehiclehistory.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .vehiclehistory {
    background: url(../../Images/NewUI/LightTheme/obj_vehiclehistory.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .TaskImg {
    background: url(../../Images/NewUI/obj_task.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 0 20px 0 20px;
}

.LightTheme .AddressCnt .TaskImg {
    background: url(../../Images/NewUI/LightTheme/obj_task.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .InstanceImg {
    background: url(../../Images/NewUI/obj_instance.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 0 20px 0 20px;
}

.LightTheme .AddressCnt .InstanceImg {
    background: url(../../Images/NewUI/LightTheme/obj_instance.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .ReleaseImg {
    background: url(../../Images/NewUI/obj_release.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 0 20px 0 20px;
}

.LightTheme .AddressCnt .ReleaseImg {
    background: url(../../Images/NewUI/LightTheme/obj_release.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .BillImg {
    background: url(../../Images/NewUI/obj_bill.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 0 20px 0 20px;
}

.LightTheme .AddressCnt .BillImg {
    background: url(../../Images/NewUI/LightTheme/obj_bill.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .InvoiceImg {
    background: url(../../Images/NewUI/obj_invoice.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 0 20px 0 20px;
}

.LightTheme .AddressCnt .InvoiceImg {
    background: url(../../Images/NewUI/LightTheme/obj_invoice.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .CorrectionBillImg {
    background: url(../../Images/NewUI/obj_correctionBill.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 0 20px 0 20px;
}

.LightTheme .AddressCnt .CorrectionBillImg {
    background: url(../../Images/NewUI/LightTheme/obj_correctionBill.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .CreditVoucherImg {
    background: url(../../Images/NewUI/obj_creditVoucher.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 0 20px 0 20px;
}

.LightTheme .AddressCnt .CreditVoucherImg {
    background: url(../../Images/NewUI/LightTheme/obj_creditVoucher.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .IncommingBillImg {
    background: url(../../Images/NewUI/obj_incommingBill.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 0 20px 0 20px;
}

.LightTheme .AddressCnt .IncommingBillImg {
    background: url(../../Images/NewUI/LightTheme/obj_incommingBill.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .ManufacturingStepImg {
    background: url(../Images/NewUI/obj_manufacturingStep.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 0 20px 0 20px;
}

.LightTheme .AddressCnt .ManufacturingStepImg {
    background: url(../Images/NewUI/LightTheme/obj_manufacturingStep.svg) left top no-repeat;
    background-size: 66px 65px;
}


.AddressCnt .ProductionStepImg {
    background: url(../Images/NewUI/obj_productionStep.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 0 20px 0 20px;
}

.LightTheme .AddressCnt .ProductionStepImg {
    background: url(../Images/NewUI/LightTheme/obj_productionStep.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .WorkflowImg {
    background: url(../Images/NewUI/obj_workflow.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 0 20px 0 20px;
}

.LightTheme .AddressCnt .WorkflowImg {
    background: url(../Images/NewUI/LightTheme/obj_workflow.svg) left top no-repeat;
    background-size: 66px 65px;
}

.IONETheme.LightTheme .AddressCnt .WorkflowImg {
    background: url(../Images/NewUI/obj_workflow_black.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .EventImg {
    background: url(../../Images/NewUI/obj_event.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .EventImg {
    background: url(../../Images/NewUI/LightTheme/obj_event.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .TicketImg {
    background: url(../../Images/NewUI/obj_ticket.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .TicketImg {
    background: url(../../Images/NewUI/LightTheme/obj_ticket.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .RoleImg {
    background: url(../../Images/NewUI/obj_role.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .RoleImg {
    background: url(../../Images/NewUI/LightTheme/obj_role.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .ChangePasswordImg {
    background: url(../../Images/NewUI/obj_changePassword.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .ChangePasswordImg {
    background: url(../../Images/NewUI/LightTheme/obj_changePassword.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .UserImg {
    background: url(../../Images/NewUI/obj_user.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .UserImg {
    background: url(../../Images/NewUI/LightTheme/obj_user.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .ConfigurationImg {
    background: url(../../Images/NewUI/obj_companyConfiguration.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.AddressCnt .InternalPayGradeImg {
    background: url(../../Images/NewUI/obj_InternalPayGrade.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .InternalPayGradeImg {
    background: url(../../Images/NewUI/LightTheme/obj_InternalPayGrade.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .TimeLogImg {
    background: url(../../Images/NewUI/obj_TimeLog.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .TimeLogImg {
    background: url(../../Images/NewUI/LightTheme/obj_TimeLog.svg) left top no-repeat;
    background-size: 66px 65px;
}

.LightTheme .AddressCnt .ConfigurationImg {
    background: url(../../Images/NewUI/LightTheme/obj_companyConfiguration.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .ShiftImg {
    background: url(../../Images/NewUI/obj_ShiftPlan.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .ShiftImg {
    background: url(../../Images/NewUI/LightTheme/obj_ShiftPlan.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .RequirementGroupImg {
    background: url(../../Images/NewUI/obj_RequirementGroup.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .RequirementGroupImg {
    background: url(../../Images/NewUI/LightTheme/obj_RequirementGroup.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .OuterPackageImg {
    background: url(../../Images/NewUI/obj_OuterPackage.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .OuterPackageImg {
    background: url(../../Images/NewUI/LightTheme/obj_OuterPackage.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .RequirementImg {
    background: url(../../Images/NewUI/obj_Requirement.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .RequirementImg {
    background: url(../../Images/NewUI/LightTheme/obj_Requirement.svg) left top no-repeat;
    background-size: 66px 65px;
}


.AddressCnt .CustomerOverviewImg {
    background: url(../../Images/NewUI/obj_CustomerOverview.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .CustomerOverviewImg {
    background: url(../../Images/NewUI/LightTheme/obj_CustomerOverview.svg) left top no-repeat;
    background-size: 66px 65px;
}


.AddressCnt .ShiftPlanImg {
    background: url(../../Images/NewUI/obj_ShiftGroupPlan.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .ShiftPlanImg {
    background: url(../../Images/NewUI/LightTheme/obj_ShiftGroupPlan.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .ExchangeRateImg {
    background: url(../../Images/NewUI/obj_ExchangeRate.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .PaymentConditionImg {
    background: url(../../Images/NewUI/LightTheme/obj_PaymentCondition.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .PaymentConditionImg {
    background: url(../../Images/NewUI/obj_PaymentCondition.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .ExchangeRateImg {
    background: url(../../Images/NewUI/LightTheme/obj_ExchangeRate.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .CurrencyImg {
    background: url(../../Images/NewUI/Currency_66X65.jpg) left top no-repeat;
    background-size: 100% 100%;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .CurrencyImg {
    background: url(../../Images/NewUI/LightTheme/Currency_66X65.jpg) left top no-repeat;
    background-size: 100% 100%;
}

.AddressCnt .ImportRoutineImg {
    background: url(../../Images/NewUI/obj_importRoutine.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .ImportRoutineImg {
    background: url(../../Images/NewUI/LightTheme/obj_importRoutine.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .DocumentImg {
    background: url(../../Images/NewUI/obj_document.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .DocumentImg {
    background: url(../../Images/NewUI/LightTheme/obj_document.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .OrderImg {
    background: url(../../Images/NewUI/obj_Order.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .OrderImg {
    background: url(../../Images/NewUI/LightTheme/obj_Order.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .WarehouseOrderImg {
    background: url(../../Images/NewUI/obj_WarehouseOrder.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .WarehouseOrderImg {
    background: url(../../Images/NewUI/LightTheme/obj_WarehouseOrder.svg) left top no-repeat;
    background-size: 66px 65px;
}


.AddressCnt .CustomerorderImg {
    background: url(../../Images/NewUI/obj_CustomerOrder.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .CustomerorderImg {
    background: url(../../Images/NewUI/LightTheme/obj_CustomerOrder.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .InspectionReportImg {
    background: url(../../Images/NewUI/obj_inspectionReport.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .InspectionReportImg {
    background: url(../../Images/NewUI/LightTheme/obj_inspectionReport.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .OrderConfirmationImg {
    background: url(../../Images/NewUI/obj_OrderConfirmation.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .OrderConfirmationImg {
    background: url(../../Images/NewUI/LightTheme/obj_OrderConfirmation.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .CancelInvoice {
    background: url(../../Images/NewUI/obj_CancelInvoice.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .CancelInvoice {
    background: url(../../Images/NewUI/LightTheme/obj_CancelInvoice.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .DebitNoteImg {
    background: url(../../Images/NewUI/obj_DebitNote.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .DebitNoteImg {
    background: url(../../Images/NewUI/LightTheme/obj_DebitNote.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .ProductionOrderImg {
    background: url(../../Images/NewUI/obj_ProductionOrder.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .ProductionOrderImg {
    background: url(../../Images/NewUI/LightTheme/obj_ProductionOrder.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .WarehouseStoragePlaceImg {
    background: url(../../Images/NewUI/obj_building_big.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .WarehouseStoragePlaceImg {
    background: url(../../Images/NewUI/LightTheme/obj_building_big.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .ReportImg {
    background: url(../../Images/NewUI/obj_Report.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .ReportImg {
    background: url(../../Images/NewUI/LightTheme/obj_Report.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .OutgoingOrderImg {
    background: url(../../Images/NewUI/obj_OutgoingOrder.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .OutgoingOrderImg {
    background: url(../../Images/NewUI/LightTheme/obj_OutgoingOrder.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .ShipmentImg {
    background: url(../../Images/NewUI/obj_Shipment.svg) left top no-repeat;
    background-size: 66px 65px !important;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .ShipmentImg {
    background: url(../../Images/NewUI/LightTheme/obj_Shipment.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .ShipmentImg._1 {
    background: url(../../Images/NewUI/obj_Shipment_NormalType.svg) left top no-repeat;
}

.LightTheme .AddressCnt .ShipmentImg._1 {
    background: url(../../Images/NewUI/LightTheme/obj_Shipment_NormalType.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .QuotationImg {
    background: url(../../Images/NewUI/obj_Quotation.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .QuotationImg {
    background: url(../../Images/NewUI/LightTheme/obj_Quotation.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .InquiryImg {
    background: url(../../Images/NewUI/obj_Inquiry.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .InquiryImg {
    background: url(../../Images/NewUI/LightTheme/obj_Inquiry.svg) left top no-repeat;
    background-size: 66px 65px;
}


.LightTheme .QuotationSettingsTab .AddressCnt .QuotationImg {
    background: url(../../Images/NewUI/obj_Quotation.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .LeadImg {
    background: url(../../Images/NewUI/obj_Lead.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .LeadImg {
    background: url(../../Images/NewUI/LightTheme/obj_Lead.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .SOPImg {
    background: url(../../Images/NewUI/obj_SOP.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .SOPImg {
    background: url(../../Images/NewUI/LightTheme/obj_SOP.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .ESSRImg {
    background: url(../../Images/NewUI/obj_ESSR.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .ESSRImg {
    background: url(../../Images/NewUI/LightTheme/obj_ESSR.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .BGWOrderImg {
    background: url(../../Images/NewUI/obj_BGWOrder.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .BGWOrderImg {
    background: url(../../Images/NewUI/LightTheme/obj_BGWOrder.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .NewsImg {
    background: url(../../Images/NewUI/obj_news.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .NewsImg {
    background: url(../../Images/NewUI/LightTheme/obj_news.svg) left top no-repeat;
    background-size: 66px 65px;
}

.smallHouseNumber {
    width: 63px !important;
}

.smallHouseNumberStr {
    width: 38px !important;
    padding-top: 19px;
}

.Combine .smallHouseNumberStr {
    padding-top: 21px;
}

.smallHouseNumberStrInput {
    width: 28px !important;
    margin-left: 5px;
}

input[type=radio] + input {
    background-color: #fff !important;
}

input[type=radio]:checked + input, input[type=radio]:checked + span + input {
    background-color: rgba(0, 255, 33, 0.4) !important;
}

input[type=radio]:disabled + input {
    background-color: #fff !important;
}

input[type=radio] + input + span.currency {
    background-color: #fff !important;
}

input[type=radio]:checked + input + span.currency {
    background-color: rgba(0, 255, 33, 0.4) !important;
}

input[type=radio]:disabled + input + span.currency {
    background-color: #fff !important;
}

input[type=radio] + textarea {
    background-color: #fff !important;
}

input[type=radio]:checked + textarea {
    background-color: rgba(0, 255, 33, 0.4) !important;
}

input[type=radio]:disabled + textarea {
    background-color: #fff !important;
}

input[type=radio] + .selectbox {
    background-color: #fff !important;
}

input[type=radio]:checked + .selectbox {
    background-color: rgba(0, 255, 33, 0.4) !important;
}

input[type=radio]:disabled + .selectbox {
    background-color: #fff !important;
}

input[type=radio] + .multiselectbox {
    background-color: #fff !important;
}

input[type=radio]:checked + .multiselectbox {
    background-color: rgba(0, 255, 33, 0.4) !important;
}

input[type=radio]:disabled + .multiselectbox {
    background-color: #fff !important;
}

input[type=radio] + div {
    background: none !important;
}

input[type=radio]:checked + div:not(.mat-radio-label-content) {
    background-color: rgba(0, 255, 33, 0.4) !important;
}

input[type=radio]:disabled + div {
    background: none !important;
}

input[type=checkbox] + input[type=hidden] + a {
    background: none !important;
}

input[type=checkbox]:checked + input[type=hidden] + a {
    background-color: rgba(0, 255, 33, 0.4) !important;
}

input[type=checkbox]:disabled + input[type=hidden] + a {
    background: none !important;
}

input[type=radio]:checked + input, .ForcedSelected {
    background-color: rgba(0, 255, 33, 0.4) !important;
}

input[type=radio]:disabled + input {
    background-color: #fff !important;
}

input[type=radio] + input + span.currency {
    background-color: #fff !important;
}

input[type=radio]:checked + input + span.currency {
    background-color: transparent !important;
}

input[type=radio]:disabled + input + span.currency {
    background-color: #fff !important;
}

input[type=radio] + textarea {
    background-color: #fff !important;
}

input[type=radio]:checked + textarea {
    background-color: rgba(0, 255, 33, 0.4) !important;
}

input[type=radio]:disabled + textarea {
    background-color: #fff !important;
}

input[type=radio] + .selectbox {
    background-color: #fff !important;
}

input[type=radio]:checked + .selectbox {
    background-color: rgba(0, 255, 33, 0.4) !important;
}

input[type=radio]:disabled + .selectbox {
    background-color: #fff !important;
}

input[type=radio] + .multiselectbox {
    background-color: #fff !important;
}

input[type=radio]:checked + .multiselectbox {
    background-color: rgba(0, 255, 33, 0.4) !important;
}

input[type=radio]:disabled + .multiselectbox {
    background-color: #fff !important;
}

input[type=radio] + div {
    background: none !important;
}

input[type=radio]:checked + div:not(.mat-radio-label-content) {
    background-color: rgba(0, 255, 33, 0.4) !important;
}

input[type=radio]:disabled + div {
    background: none !important;
}

input[type=checkbox] + input[type=hidden] + a {
    background: none !important;
}

CreateGoodsIssue
input[type=checkbox]:checked + input[type=hidden] + a {
    background-color: rgba(0, 255, 33, 0.4) !important;
}

input[type=checkbox]:disabled + input[type=hidden] + a {
    background: none !important;
}

.ForwardNewsPopup {
    background: url(../../Images/NewUI/op_grid_forward_news_popup.svg) center center no-repeat;
    background-size: 30px 30px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 60px;
    height: 60px;
    cursor: pointer;
    font-size: 0px !important;
    max-width: 60px;
    /*margin-right: 25px !important;*/
    padding: 0 10px 0 10px;
    color: #FFF !important;
    border: 0 none;
}

.LightTheme .ForwardNewsPopup {
    background: url(../../Images/NewUI/LightTheme/op_grid_forward_news_popup.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ReplyNewsPopup {
    background: url(../../Images/NewUI/op_grid_reply_news_popup.svg) center center no-repeat;
    background-size: 30px 30px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 60px;
    cursor: pointer;
    font-size: 0px !important;
    max-width: 60px;
    height: 60px;
    /*margin-right: 25px !important;*/
    padding: 0 10px 0 10px;
    color: #FFF !important;
    border: 0 none;
}

.LightTheme .ReplyNewsPopup {
    background: url(../../Images/NewUI/LightTheme/op_grid_reply_news_popup.svg) center center no-repeat;
    background-size: 30px 30px;
}

.searchFooter > :last-child {
    /*margin-bottom: 10px;*/
    margin-right: 0 !important;
}

.linkObjectView {
    margin: 25px 0 0 0 !important;
    width: 50px !important;
}

.TableTD {
    /*width: 800px;
    max-width: 800px;*/
    min-width: 800px;
}

.SearchPanel {
    width: 15px;
    position: absolute;
    /*top: 98px;
    left: 246px;*/
    background: rgba(0,159,227,0.9);
    height: 40px;
    opacity: 0.8;
    z-index: 100;
    display: none;
}

.IONETheme .SearchPanel {
    background: rgba(0, 169, 112,0.9);
    margin-top: 20px;
}

.MainFrameSearchPanel {
    width: 25px;
    position: absolute;
    /*top: 98px;
    left: 246px;*/
    background: rgba(0,0,0,0.5);
    height: 30px;
    opacity: 0.8;
    z-index: 100;
    display: none;
    margin-left: -3px;
    padding-top: 15px;
    padding-bottom: 15px;
    cursor: pointer;
}

.LightTheme .MainFrameSearchPanel {
    background: rgba(255,255,255,0.5);
}

.MainFrameSearchPanel .MainFrameSearchPanelImg {
    background-size: 25px 30px;
    background-position: center center;
    width: 25px;
}

.IONETheme .MainFrameSearchPanel .MainFrameSearchPanelImg {
    background-size: 30px 30px;
    background-position: center center;
    width: 30px;
}

.NewNavigation .SearchPanel {
    display: block;
}

.SearchPanelImg {
    padding-top: 10px;
    cursor: pointer;
}

.SearchPanelPopup {
    width: 15px;
    position: absolute;
    top: 30px;
    background: rgba(0,159,227,0.9);
    height: 40px;
    opacity: 0.8;
    z-index: 2000;
}

.IONETheme .SearchPanelPopup {
    background: rgba(0, 169, 112,0.9);
}

.MainFrameSearchPanelPopup {
    width: 15px;
    position: absolute;
    top: 30px;
    background: rgba(0,159,227,0.9);
    height: 40px;
    opacity: 0.8;
    z-index: 2000;
}

.IONETheme .MainFrameSearchPanelPopup {
    background: rgba(0, 169, 112,0.9);
}

.SearchTitleImg {
    margin: 6px 10px 0 15px !important;
    cursor: pointer;
}

.SearchTitleSpan {
    margin: 0 0 0 0 !important;
    text-align: left;
}

.SearchTitle {
    background: rgba(0,159,227,0.9);
    color: #fff;
    font-weight: bold;
    padding: 0 10px;
    border: 0 none !important;
    margin: 0 0 20px 0;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    width: 170px;
    border-spacing: 0;
}

.IONETheme .SearchTitle {
    background: #00a970;
}

.LightTheme .SearchTitle {
    color: #000;
}

.SearchTitle img {
    float: left;
    margin: 0 5px 0 0;
}

.SearchTitle span {
    margin: 2px 0 0 0;
    display: block;
}


div.leftformelement select {
    border: 0;
    color: #2b2b2b;
    background: transparent;
    padding: 7px 0 7px 4px;
    width: 170px;
    -webkit-appearance: none;
    outline: none;
}

    div.leftformelement select.mergedSelectlist {
        margin-left: 70px;
        margin-top: 0px;
        height: 30px;
    }

div.leftformelement .styleselect {
    overflow: hidden;
    width: 150px;
    border: none;
    background: #fff url("../../Images/NewUI/op_ctrl_pull-down.png") right 14px no-repeat;
    font-size: 12px;
    color: #2b2b2b;
    position: relative;
    z-index: 1;
}

.LightTheme div.leftformelement .styleselect {
    background: #fff url("../../Images/NewUI/LightTheme/op_ctrl_pull-down.png") right 14px no-repeat;
}

div.leftformelement .styleselectPreceding {
    overflow: hidden;
    width: 148px;
    border: none;
    background: #fff url("../../Images/NewUI/op_ctrl_pull-down.png") right 14px no-repeat;
    font-size: 12px;
    color: #2b2b2b;
    position: relative;
    z-index: 1;
    margin-top: -8px;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
}

.FilterCnt div.leftformelement .styleselectPreceding {
    float: initial;
}

.LightTheme div.leftformelement .styleselectPreceding {
    background: #fff url("../../Images/NewUI/LightTheme/op_ctrl_pull-down.png") right 14px no-repeat;
}

div.leftformelement .txtBox {
    width: 134px;
    border: none;
    color: #2b2b2b;
    padding: 7px 7px 7px 7px;
    position: relative;
    z-index: 1;
}

    div.leftformelement .txtBox.datePicker,
    div.leftformelement .txtBox.datetimePicker,
    div.leftformelement .txtBox.timePicker,
    div.leftformelement .txtBox.timePickerWithoutSeconds,
    div.leftformelement .txtBox.DateTimePickerClass,
    div.leftformelement .txtBox.datePickerWithoutButton {
        padding-top: 1px;
        padding-bottom: 0px;
    }

div.leftformelement .searchtxtBox {
    width: 129px;
    border: none;
    border-right: 0 hidden;
    padding: 0 5px;
    color: #2b2b2b;
    padding: 4px 0;
    position: relative;
    z-index: 1;
    height: 16px;
}

div.leftformelement .txtarea {
    width: 150px;
    line-height: 22px;
    border: none;
    padding: 0 5px;
    color: #2b2b2b;
    padding: 4px 0;
}

div.leftformelement #StyleFileUpload {
    position: relative;
    margin: 0 0 10px 0;
}

    div.leftformelement #StyleFileUpload #BrowserVisible {
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 1;
        background: url(../../Images/NewUI/jniceit/upload.gif) 100% 0px no-repeat;
        height: 26px;
        width: 150px;
    }

.LightTheme div.leftformelement #StyleFileUpload #BrowserVisible {
    background: url(../../Images/NewUI/LightTheme/jniceit/upload.gif) 100% 0px no-repeat;
}

div.leftformelement #StyleFileUpload #FileField {
    width: 65px;
    padding: 5px;
    font-size: 12px;
    /*-moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;*/
    border: none;
}

div.leftformelement #StyleFileUpload #BrowserHidden {
    position: relative;
    width: 240px;
    height: 26px;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}

div.leftformelement .ChkBoxCnt label {
    display: inline-block;
}

div.leftformelement input + label {
    padding-left: 2px;
    vertical-align: middle;
}

div.leftformelement input[type="checkbox"], div.leftformelement input[type="radio"] {
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 9;
    opacity: 0;
    vertical-align: middle;
}

div.leftformelement input[type="radio"] {
    height: 30px;
    width: 30px;
}

div.leftformelement input + label:before {
    content: " ";
    background: url(../../Images/NewUI/jniceit/checkbox.svg) no-repeat left top;
    background-size: 30px 60px;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    z-index: 5;
}

.LightTheme div.leftformelement input + label:before {
    content: " ";
    background: url(../../Images/NewUI/LightTheme/jniceit/checkbox.svg) no-repeat left top;
    background-size: 30px 60px;
}

div.leftformelement input[type="checkbox"] + label:before {
    background-position: left top;
}

div.leftformelement input[type="radio"] + label:before {
    background-position: -36px -3px;
}

div.leftformelement input[type="checkbox"]:checked + label:before {
    background-position: left bottom;
}

.MrgnBtm10 {
    margin-bottom: 10px;
}

.SearchFormCnt {
    padding: 0 20px;
}

.ui-dialog .SearchFormCnt {
    /*padding: 0 20px 70px 20px;*/
}

.SearchFormCnt input {
    outline: none;
}

.SearchFormCnt label {
    color: rgba(255,255,255,0.50);
    display: block;
    font-weight: normal;
    margin: 0 0 2px 0;
    /*text-shadow: #fff 1px 1px 1px;*/
    word-break: break-word;
    width: 152px;
}

.LightTheme .SearchFormCnt label {
    color: rgba(0,0,0,0.75);
}

.SearchFormCnt label.DateLabelStyle {
    margin: 0px 10px 2px;
}

.SearchFormCnt input.TextBox {
    width: 150px;
    height: 22px;
    line-height: 22px;
    border: none;
    padding: 0 5px;
    color: #2b2b2b;
}

.SearchFormCnt input.BtnDelete {
    /*background-size: 100% 100%;
        width: 30px;
        height: 27px;
        display: block;
        border: 0 none;
        text-indent: -9999px;
        float: left;
        margin: 0 10px 0 0;
        cursor: pointer;*/
    float: left;
    border: 0 none;
    background: url(../../Images/NewUI/op_scr_clear-search.svg) center center no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
    vertical-align: top;
    max-width: 55px;
    height: 60px;
    display: inline-block;
    /*margin: 0 10px 0 0;*/
    padding: 0 10px 0 10px;
    color: #000000;
    text-shadow: 1px 1px 1px #FFFFFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 50px;
    font-size: 0px !important;
}

.LightTheme .SearchFormCnt input.BtnDelete {
    background: url(../../Images/NewUI/LightTheme/op_scr_clear-search.svg) center center no-repeat;
    background-size: 30px 30px;
}

.SaveSearchFields {
    background: url(../../Images/NewUI/op_scr_save_fields_dark.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 27px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
    display: inline-block;*/
    vertical-align: top;
    max-width: 55px;
    height: 60px;
    display: inline-block;
    /*margin-right: 25px !important;*/
    padding: 0 10px 0 10px;
    color: #000000 !important;
    text-shadow: 1px 1px 1px #FFFFFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 30px;
    cursor: pointer;
    font-size: 0px !important;
}

.LightTheme .SaveSearchFields {
    background: url(../../Images/NewUI/LightTheme/op_scr_save_fields_dark.svg) center center no-repeat;
    background-size: 30px 30px;
}

.SaveSearchFields.Light {
    background: url(../../Images/NewUI/op_scr_save_fields_light.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .SaveSearchFields.Light {
    background: url(../../Images/NewUI/LightTheme/op_scr_save_fields_light.svg) center center no-repeat;
    background-size: 30px 30px;
}

.SearchFormCnt input.BtnSearch {
    /*need to replace in original*/
    float: left;
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
    /*margin: 0 10px 10px 0;*/
}

.SearchFormCnt input.BtnSearch {
    /*background-size: 100% 100%;
        width: 30px;
        height: 27px;
        display: block;
        border: 0 none;
        text-indent: -9999px;
        cursor: pointer;*/
    border: 0 none;
    background: url(../../Images/NewUI/op_scr_search.svg) center center no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
    vertical-align: top;
    max-width: 55px;
    height: 60px;
    display: inline-block;
    /*margin: 0 10px 0 10px;*/
    padding: 0 10px 0 10px;
    color: #000000;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 50px;
    font-size: 0px !important;
}

.LightTheme .SearchFormCnt input.BtnSearch {
    background: url(../../Images/NewUI/LightTheme/op_scr_search.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LeftSideFavouritePanel .txtBox {
    width: 88px;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    color: #2b2b2b;
    padding: 0px 5px 0px 5px;
    position: relative;
    z-index: 1;
    margin-left: 20px;
    height: 30px;
}

.AccordianSection {
    padding: 0 0 15px 0;
}

    .AccordianSection div {
        display: inline;
    }

    .AccordianSection a {
        padding: 10px;
        background: rgba(0,0,0,0.5);
        cursor: pointer;
    }

.LightTheme .AccordianSection a {
    background: rgba(255,255,255,0.5);
}

.AccordianSection a.active {
    background: rgba(0,159,227,0.9);
    color: #fff;
}

.IONETheme .AccordianSection a.active {
    background: rgba(0, 169, 112,0.9);
}

.DashboardNew .ui-widget-overlay {
    opacity: .1 !important;
    filter: Alpha(Opacity=10) !important;
    z-index: 100;
}

.IONETheme.DarkTheme .DashboardNew .ui-widget-overlay {
    opacity: .75 !important;
    filter: Alpha(Opacity=75) !important;
    z-index: 100;
}

.DashboardNew .ui-widget-overlay.Hidden {
    opacity: .0 !important;
    filter: Alpha(Opacity=0) !important;
    z-index: 100;
}


.ui-dialog-titlebar-close {
    right: 10px !important;
    background: url(../../Images/NewUI/op_oth_close-popup-transparent.svg) center center no-repeat !important;
    margin-top: -14px !important;
    background-size: 30px 30px !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
}

.dialog-OrderSettings .ui-dialog-titlebar-close, .LightTheme .dialog-OrderSettings .ui-dialog-titlebar-close {
    display: none;
}

.LightTheme .ui-dialog-titlebar-close {
    background: url(../../Images/NewUI/LightTheme/op_oth_close-popup-transparent.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.ui-dialog-titlebar span {
    width: 100% !important;
    text-align: center !important;
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    color: rgba(0,159,227,1);
}

.IONETheme .ui-dialog-titlebar span {
    color: rgba(0, 169, 112,1);
}

.ui-dialog-titlebar {
    border: none !important;
    /*background: rgba(0,0,0,0.5) !important;*/
    background: none !important;
    padding: 14.5px 1em !important;
    border-bottom: rgba(211,211,211,0.8) 1px solid !important;
    margin-bottom: 10px;
}

.LightTheme .ui-dialog-titlebar,
.IONETheme .Dialog_RM .ui-dialog-titlebar {
    border-bottom: rgba(211,211,211,0.8) 1px solid !important;
}

.popup-close {
    background: none !important;
    border: none;
}

.SaveSearchFields {
    background: url(../../Images/NewUI/op_scr_save_fields_dark.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 27px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
    display: inline-block;*/
    vertical-align: top;
    max-width: 55px;
    height: 60px;
    display: inline-block;
    /*margin-right: 25px !important;*/
    padding: 0 10px 0 10px;
    color: #000000 !important;
    text-shadow: 1px 1px 1px #FFFFFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 50px;
    cursor: pointer;
    font-size: 0px !important;
}

.LightTheme .SaveSearchFields {
    background: url(../../Images/NewUI/LightTheme/op_scr_save_fields_dark.svg) center center no-repeat;
    background-size: 30px 30px;
}

.SaveSearchFields.Light {
    background: url(../../Images/NewUI/op_scr_save_fields_light.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .SaveSearchFields.Light {
    background: url(../../Images/NewUI/LightTheme/op_scr_save_fields_light.svg) center center no-repeat;
    background-size: 30px 30px;
}

.SearchFormCnt input.BtnSearch {
    /*need to replace in original*/
    float: left;
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
    /*margin: 0 10px 10px 0;*/
}

.ColumnsDivSearch .savecolumns {
    margin: 5px 10px 10px 5px;
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
}

.columnsDiv .savecolumns {
    margin: 5px 10px 10px 5px;
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
}

.FilterCnt .savecolumns label {
    margin: initial !important;
    display: initial !important;
}

.savecolumns, .savecolumnsForPopup {
    margin: 15px 10px 10px 5px;
}

    .savecolumns p, .savecolumnsForPopup p {
        color: rgba(255,255,255,0.5);
        display: inline;
        padding-top: 5px;
    }

.FilterCnt .savecolumns p, .FilterCnt .savecolumnsForPopup p {
    float: initial !important;
}

.LightTheme .savecolumns p, .LightTheme .savecolumnsForPopup p {
    color: rgba(0,0,0,0.5);
}

.savecolumns .row, .savecolumnsForPopup .row {
    margin: 10px;
    font-family: Segoe UI,Segoe UI Light,Calibri, Arial, Helvetica, sans-serif !important;
}

.SearchFieldRow {
    padding-top: 2px;
    margin-right: -10px !important;
    margin-left: -5px !important;
}

    .SearchFieldRow .ChkBoxCnt {
        margin-left: 15px;
        padding-top: 3px;
    }

    .SearchFieldRow table tr td {
        color: rgba(255,255,255,0.5);
        vertical-align: middle;
        font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
    }

.LightTheme .SearchFieldRow table tr td {
    color: rgba(0,0,0,0.5);
}

.SearchFieldUp {
    background: url(../../Images/NewUI/op_scr_up_arrow.svg) center center no-repeat;
    background-size: 30px 30px;
    /*border: 0 none;
    width: 30px;
    height: 30px;*/
    border: 0 none;
    cursor: pointer;
    /*margin-right: 25px;*/
    max-width: 60px;
    height: 60px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    min-width: 60px;
    font-size: 0px !important;
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
}

.LightTheme .SearchFieldUp {
    background: url(../../Images/NewUI/LightTheme/op_scr_up_arrow.svg) center center no-repeat;
    background-size: 30px 30px;
}

.SearchFieldDown {
    background: url(../../Images/NewUI/op_scr_down_arrow.svg) center center no-repeat;
    background-size: 30px 30px;
    /*border: 0 none;
    width: 30px;
    height: 30px;*/
    border: 0 none;
    cursor: pointer;
    /*margin-right: 25px;*/
    max-width: 60px;
    height: 60px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    min-width: 60px;
    font-size: 0px !important;
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
}

.LightTheme .SearchFieldDown {
    background: url(../../Images/NewUI/LightTheme/op_scr_down_arrow.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ui-dialog {
    background: rgba(0,0,0,0.5) !important;
    border: none !important;
}

.LightTheme .ui-dialog {
    background: rgba(255,255,255,0.5) !important;
}


    .LightTheme .ui-dialog.dialog-incoming {
        background: rgba(255,255,255,0.85) !important;
    }

.ui-dialog.saveColumnDialog, .ui-dialog.saveColumnDialogForPopup {
    z-index: 9999;
    width: 330px;
}

.ui-dialog.FixedLeftPosition {
    background: rgba(0,0,0,0.75) !important;
    z-index: 1001;
}

.LightTheme .ui-dialog.FixedLeftPosition {
    background: rgba(11,29,37,0.75) !important;
}

.SearchFieldPopupBottomNav {
    padding: 0px 5px 0px 11px;
    margin: 0;
    background: rgba(0,0,0,1);
    display: block;
    text-align: left;
    vertical-align: middle;
    border-top: rgba(255,255,255,0.2) 1px solid !important;
    height: 60px;
}

.LightTheme .SearchFieldPopupBottomNav {
    background: rgba(255,255,255,1);
}

.SearchFieldPopupBottomNav a {
    width: 30px;
    height: 30px;
    /*display: block;
        float: left;*/
    display: inline-block;
    text-indent: -9999px;
    /*margin-right: 1% !important;*/
}

.SearchFieldPopupBottomNav input {
    /*margin-right: 1% !important;*/
}

input.editSaveSearchFieldPopup {
    background: url(../../Images/NewUI/op_scr_save.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;*/
    border: 0 none;
    cursor: pointer;
    /*margin-right: 25px;*/
    max-width: 60px;
    height: 60px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    min-width: 60px;
    font-size: 0px !important;
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
}

.LightTheme input.editSaveSearchFieldPopup {
    background: url(../../Images/NewUI/LightTheme/op_scr_save.svg) center center no-repeat;
    background-size: 30px 30px;
}


.defaultSearch {
    font-weight: bold !important;
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
    padding-top: 5px;
    padding-left: 5px;
    color: rgba(255,255,255,0.5);
}

.LightTheme .defaultSearch {
    color: rgba(0,0,0,0.5);
}

.LoginPage .ErrorMsg {
    visibility: visible;
    margin: 0 0 20px 0px;
    height: 40px;
    width: none;
}

.ErrorMsg {
    visibility: hidden;
    height: 0px;
    margin: 0;
    /*background-image: -moz-linear-gradient(top, #ffbf24, #ff7324); /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ff7324), color-stop(1, #ffbf24)); /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffbf24', endColorstr='#ff7324'); /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffbf24', endColorstr='#ff7324')"; /* IE8 */
    /*background-image: linear-gradient(to bottom, rgb(255,191,36), rgb(255,115,36));*/
    background: rgb(255,195,80);
    color: #fff;
    text-align: center;
    width: 100%;
    /*margin: 0 0 20px 0px;*/
}

    .ErrorMsg:before {
        content: '';
        display: inline-block;
        height: 40px;
        vertical-align: middle;
        margin-right: -0.25em; /* Adjusts for spacing */
    }

    .ErrorMsg img {
        /*margin: 8px 5px 0 -28px;*/
        display: inline-block;
        vertical-align: middle;
    }

    .ErrorMsg span {
        display: inline-block;
        vertical-align: middle;
    }

.SuccessMsg {
    visibility: hidden;
    height: 0px;
    margin: 0;
    /*background-image: -moz-linear-gradient(top, #0f204b, #a7360f); /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0f204b), color-stop(1, #a7360f)); /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#0f204b', endColorstr='#a7360f'); /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0f204b', endColorstr='#a7360f')"; /* IE8 */
    /*background-image: linear-gradient(to bottom,rgb(15, 204, 54),rgb(15, 167, 54));*/
    background: rgba(15, 204, 54,0.9);
    color: #fff;
    text-align: center;
    width: 100%;
    /*margin: 0 0 20px 0px;*/
}

    .SuccessMsg:before {
        content: '';
        display: inline-block;
        height: 40px;
        vertical-align: middle;
    }

    .SuccessMsg img {
        display: inline-block;
        vertical-align: middle;
    }

    .SuccessMsg span {
        display: inline-block;
        vertical-align: middle;
    }

.ErrorMsgNews {
    /*background-image: -moz-linear-gradient(top, #ffbf24, #ff7324); /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ff7324), color-stop(1, #ffbf24)); /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffbf24', endColorstr='#ff7324'); /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffbf24', endColorstr='#ff7324')"; /* IE8 */
    /*background-image: linear-gradient(to bottom, rgb(255,191,36), rgb(255,115,36));*/
    background: rgba(255,191,36,0.9);
    display: block;
    min-height: 60px; /*line-height: 30px;*/
    color: #fff;
    margin-bottom: 10px;
    padding: 0 10px;
    text-align: center;
}

.IONETheme .ErrorMsgNews {
    background: #e1d32e;
}

#imageNews {
    display: table-cell;
    vertical-align: middle;
}

.ErrorMsgNews img {
    margin: 0;
}

#errorMessageNews {
    width: 100px;
    word-wrap: break-word;
    display: table-cell;
    height: 60px;
    vertical-align: middle;
}

.ErrorMsgNews span {
    position: relative;
    top: -4px;
}

.SuccessMsgNews {
    /*background-image: -moz-linear-gradient(top, #0f204b, #a7360f); /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0f204b), color-stop(1, #a7360f)); /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#0f204b', endColorstr='#a7360f'); /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0f204b', endColorstr='#a7360f')"; /* IE8 */
    /*background-image: linear-gradient(to bottom,rgb(15, 204, 54),rgb(15, 167, 54));*/
    background: rgba(15, 204, 54,0.9);
    display: block;
    min-height: 60px; /*line-height: 30px;*/
    color: #fff;
    margin-bottom: 10px;
    padding: 0 10px;
    text-align: center;
}

.IONETheme .SuccessMsgNews {
    background: #00a970;
}

.SuccessMsgNews img {
    margin: 0;
}

#successMessageNews {
    width: 100px;
    word-wrap: break-word;
    display: table-cell;
    height: 60px;
    vertical-align: middle;
}

.SuccessMsgNews span {
    position: relative;
    top: -4px;
}

.ErrorMsgcv {
    /*background-image: -moz-linear-gradient(top, #ffbf24, #ff7324); /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ff7324), color-stop(1, #ffbf24)); /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffbf24', endColorstr='#ff7324'); /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffbf24', endColorstr='#ff7324')"; /* IE8 */
    /*background-image: linear-gradient(to bottom, rgb(255,191,36), rgb(255,115,36));*/
    background: rgba(255,191,36,0.9);
    display: block;
    ;
    min-height: 30px; /*line-height: 30px;*/
    color: #fff;
    margin-bottom: 15px;
    padding: 0 20px;
    text-align: center;
}

    .ErrorMsgcv img {
        margin: 4px 5px 0 -28px;
    }

    .ErrorMsgcv span {
        position: relative;
        top: -7px;
    }

.ErrorMessageClass {
    /*background-image: -moz-linear-gradient(top, #ffbf24, #ff7324); /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ff7324), color-stop(1, #ffbf24)); /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffbf24', endColorstr='#ff7324'); /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffbf24', endColorstr='#ff7324')"; /* IE8 */
    /*background-image: linear-gradient(to bottom,rgb(255,191,36),rgb(255,115,36));*/
    background: rgba(255,191,36,0.9);
    display: block;
    min-height: 40px; /*line-height: 30px;*/
    color: #fff;
    /*margin-bottom: 15px;*/
    padding: 0 20px;
    text-align: center;
}

    .ErrorMessageClass img {
        margin: 0 5px 0 -28px;
        vertical-align: middle;
    }

    .ErrorMessageClass span {
        position: relative;
        /*top: -7px;*/
        height: 35px;
        vertical-align: middle;
    }

.SuccessMsgClass {
    /*background-image: -moz-linear-gradient(top, #0f204b, #a7360f); /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0f204b), color-stop(1, #a7360f)); /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#0f204b', endColorstr='#a7360f'); /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0f204b', endColorstr='#a7360f')"; /* IE8 */
    /*background-image: linear-gradient(to bottom,rgb(15, 204, 54),rgb(15, 167, 54));*/
    background: #00a970;
    display: block;
    min-height: 35px; /*line-height: 30px;*/
    color: #fff;
    /*margin-bottom: 15px;*/
    padding: 0 20px;
    text-align: center;
    padding-bottom: 5px;
}

    .SuccessMsgClass img {
        margin: 5px 5px 0 -28px;
        vertical-align: middle;
    }

    .SuccessMsgClass span {
        position: relative;
        top: 3px;
        height: 35px;
        vertical-align: middle;
    }

.TopMessageCnt.edit {
    /*min-width: 1400px;*/
}

.RenameDialog label {
    text-align: left;
}

.DeletePopupPosition, .RenameDialog, .ItemTypeSelectionPopup {
    position: fixed !important;
    top: 45% !important;
    left: 45% !important;
    height: 260px !important;
    width: auto !important;
    margin-left: -150px !important;
    margin-top: -75px !important;
    text-align: center !important;
    /*background: -moz-linear-gradient(top, #ffbb23, #ff7822) !important; /* Firefox 3.6 */
    /*background: -webkit-gradient(linear, left bottom, left top, color-stop(1, #ffbb23), color-stop(0, #ff7822)) !important; /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffbb23", endColorstr="#ff7822",GradientType=0) !important; /* IE6 & IE7 */
    /*-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffbb23', endColorstr='#ff7822') !important; /* IE8 */
    /*background: linear-gradient(to bottom,rgb(255,187,35),rgb(255,120,34)) !important; /* webkit */
    /*background: rgba(255,187,35,0.75) !important;*/
    /*background: rgba(0,159,227,0.9) !important;*/
}

.confirmDialogWidth {
    width: 800px !important;
}

.ui-dialog.DeletePopupPosition {
    background: rgba(0,0,0,0.35) !important;
    border: none !important;
}

.DeletePopupPosition .ui-dialog-content {
    width: 389px !important;
}

.DeletePopupPosition .alertError {
    display: none;
}

.DeletePopupPosition.TerminateContract {
    text-align: initial !important;
}

.DeletePopupPosition:not(.TerminateContract) .ui-dialog-titlebar {
    display: none;
}

.LightTheme .DeletePopupPosition {
    /*background: rgba(255,187,35,0.75) !important;*/
    background: rgba(255,255,255,0.5) !important;
}

.CommunicationModePopupPosition .ui-dialog-titlebar {
    /*display: none;*/
}

.DeletePopupPosition:not([aria-describedby='dialog-PauseReason']) p:not([class]) {
    height: 62px;
    padding-top: 32px;
    /*background: rgba(0,0,0,1);*/
}


#warning_message, .warning, #warning_messageApprove, #warning_message_rule {
    /*margin: 40px 0 50px 0;*/
    color: rgba(255,255,255,1);
    padding: 10px 20px;
    font-size: 17px;
    vertical-align: middle;
    display: table-cell;
    height: 131px;
    width: 389px;
    /*background: rgba(255,255,255,1);*/
}

#warning_message_CreateOrder, .warning {
    /*margin: 40px 0 50px 0;*/
    color: rgba(255,255,255,1);
    padding: 10px 20px;
    font-size: 17px;
    width: 389px;
    vertical-align: middle;
    display: table-cell;
    height: 131px;
    /*background: rgba(255,255,255,1);*/
}

#warning_message_SendESSR, .warning {
    /*margin: 40px 0 50px 0;*/
    color: rgba(255,255,255,1);
    padding: 10px 20px;
    font-size: 17px;
    width: 389px;
    vertical-align: middle;
    display: table-cell;
    height: 131px;
    /*background: rgba(255,255,255,1);*/
}

.LightTheme #warning_message_SendESSR, .LightTheme .warning, .LightTheme #warning_message_CreateOrder, .LightTheme .warning, .LightTheme #warning_message, .LightTheme .warning, .LightTheme #warning_messageApprove, .LightTheme #warning_message_rule {
    color: rgba(0,0,0,1);
}

.cancelDelete {
    float: left;
    margin: 0 0 0 50px;
    background: url(../../Images/NewUI/op_oth_confirm-cancel.svg) center center no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-size: 30px 30px;
}

.cancelDeleteButton {
    float: left;
    margin-left: 45%;
    background: url(../../Images/NewUI/op_scr_approve.svg) center center no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-size: 30px 30px;
}

.okDelete {
    float: right;
    margin: 0 50px 0 0;
    background: url(../../Images/NewUI/op_oth_confirm-ok.svg) center center no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-size: 30px 30px;
}

.IONETheme.LightTheme .cancelDelete {
    background: url(../../Images/NewUI/LightTheme/op_oth_confirm-cancel.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme.LightTheme .cancelDeleteButton {
    background: url(../../Images/NewUI/LightTheme/op_scr_approve.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme.LightTheme .okDelete {
    background: url(../../Images/NewUI/LightTheme/op_oth_confirm-ok.svg) center center no-repeat;
    background-size: 30px 30px;
}

.okDelete img, .cancelDelete img, .cancelDeleteButton img {
    display: none;
}

.alertError {
    margin: 10px 0;
}


div.leftformelement .ListBoxStyle {
    background: #ffffff;
    border: none;
    width: 95%;
    height: 200px;
    outline: none;
}

.RM div.leftformelement .ListBoxStyle {
    width: 100%;
}

div.leftformelement .ListBoxStyle.Small {
    height: 120px;
}

div.leftformelement .ListBoxStyle.Smallest {
    height: 65px;
}

div.leftformelement .ListBoxStyle.Medium {
    height: 95px;
}

div.leftformelement .ListBoxStyle.SmallMedium {
    height: 80px;
}

.smallest1 .ui-datepicker-trigger {
    top: 0;
    right: -10px;
}

.ui-datepicker-trigger {
    position: absolute !important;
    z-index: 99;
    /*padding-top: 2px;*/
    right: 25px;
    /*-webkit-padding-before: 4px;*/
    cursor: pointer;
    width: 30px;
    height: 30px;
}

.IONETheme.DarkTheme .ui-datepicker-trigger,
.IONETheme.LightTheme .ui-datepicker-trigger {
    width: 30px;
    height: 30px;
    padding-top: 0;
}

.IONETheme.DarkTheme .FlatSearchCnt .ui-datepicker-trigger,
.IONETheme.LightTheme .FlatSearchCnt .ui-datepicker-trigger {
    right: 17px;
}

/*.IONETheme.DarkTheme .AngularApp .FlatSearchCnt .ui-datepicker-trigger,
.IONETheme.LightTheme .AngularApp .FlatSearchCnt .ui-datepicker-trigger {
    right: 0px;
}

.IONETheme.DarkTheme .AngularApp .ui-datepicker-trigger,
.IONETheme.LightTheme .AngularApp .ui-datepicker-trigger {
    top: 0px;
}

.IONETheme .AngularApp .ng2-datetime-picker-wrapper {
    position: initial;
}*/

td[aria-describedby='BillPaymentDataTable_PaymentDate'] .ui-datepicker-trigger {
    margin-top: -30px;
    margin-left: 90px;
    right: initial !important;
}

.VacantPositionClass td[aria-describedby='BillPaymentDataTable_PaymentDate'] .ui-datepicker-trigger {
    margin-top: 0px;
    margin-left: -28px;
    right: inherit !important;
}

.VacantPositionClass .ui-jqgrid tr.jqgrow td[aria-describedby='BillPaymentDataTable_PaymentDate'] {
    padding-left: 0px !important;
}

td[aria-describedby='BillPaymentDataTable_PaymentDate'] .small.col, td[aria-describedby='BillPaymentDataTable_PaidAmount'] .pRelative.WithGrid {
    margin-top: 20px !important;
}

.small .ui-datepicker-trigger, .medium .ui-datepicker-trigger, td[aria-describedby='BillPaymentDataTable_PaymentDate'] .ui-datepicker-trigger {
    right: 5px;
    padding-top: 2px;
    /*-webkit-padding-before: 4px;*/
    width: 25px;
    height: 25px;
}





td[aria-describedby='PaymentDataTable_PaymentDate'] .ui-datepicker-trigger {
    margin-top: -30px;
    margin-left: 90px;
    right: initial !important;
}

td[aria-describedby='PaymentDataTable_PaymentDate'] .small.col, td[aria-describedby='PaymentDataTable_PaidAmount'] .pRelative.WithGrid {
    margin-top: 20px !important;
}

.small .ui-datepicker-trigger, .medium .ui-datepicker-trigger, td[aria-describedby='PaymentDataTable_PaymentDate'] .ui-datepicker-trigger {
    right: 5px;
    padding-top: 2px;
    /*-webkit-padding-before: 4px;*/
    width: 25px;
    height: 25px;
}





.smallmedium .ui-datepicker-trigger, .smallmedium1 .ui-datepicker-trigger {
    right: -6px;
    top: 23px;
    -webkit-padding-before: -6px;
    width: 25px;
    height: 25px;
}

.PublicHoliday .smallmedium .ui-datepicker-trigger {
    top: 4px;
}

div[class*='TaskSegment_']:first-child .smallmedium .ui-datepicker-trigger {
    top: 23px;
}

div[class*='TaskSegment_'] .smallmedium .ui-datepicker-trigger, .HiddenLabelDatePickerDiv .smallmedium .ui-datepicker-trigger {
    top: 2px;
}


.searchFooter > :last-child {
    padding-right: 0 !important;
}

.searchFooter > :first-child {
    padding-left: 0 !important;
    margin-left: -10px !important;
}


.EditContainer {
}

    .EditContainer table {
        margin: 0;
        padding: 0;
    }

        .EditContainer table tr td {
            vertical-align: top;
        }

            .EditContainer table tr td.BrdrRight {
                /*border-right: 1px solid #9c9ea0;*/
                padding-right: 20px;
            }

.NewNavigation .EditContainer table tr td.BrdrRight {
    padding-right: 0px;
}

.EditContainer .LeftData {
    width: 100%;
    /*min-height: 400px;*/
    /*min-width: 500px;*/
    background: rgba(0,0,0,0.5);
}

.LightTheme .EditContainer .LeftData {
    background: rgba(255,255,255,0.5);
}

.ProjectOverview .EditContainer .LeftData {
    background: rgba(255,255,255,0.5) !important;
}

.LightTheme .NewUIOrderLive .EditContainer .LeftData,
.NewUIOrderLive .EditContainer .LeftData,
.LightTheme .NewUIQuotationLive .EditContainer .LeftData,
.NewUIQuotationLive .EditContainer .LeftData {
    background: none !important;
}

.EditContainer .LeftData .BreadCrumb {
    margin-bottom: 0px;
}


.FilterCnt {
    padding: 0;
    margin: 5px 0;
    /*background: rgba(0,0,0,0.5);*/
}

    .FilterCnt p {
        float: left;
        margin: 0 12px 0 0;
        position: relative;
        color: rgba(255,255,255,0.75);
    }

.LightTheme .FilterCnt p {
    color: rgba(0,0,0,0.75);
}

.FilterCntOverride p {
    float: initial !important;
}

div.line {
    transform-origin: 0 100%;
    height: 15px;
    background: rgba(0,159,227,0.75);
}

.IONETheme div.line {
    background: rgba(0, 169, 112,0.75);
}


.AccInpBox {
    margin: 0 15px 0 0;
    padding: 0;
    float: left;
    width: 260px;
    width: 260px \0/;
}

.margintop5 {
    margin: 5px !important;
}


.permission .DetailAccordianCnt .AccContent {
    margin: 0;
    padding: 10px 16px;
    background: #fff;
    border-left: 6px solid #009ee1;
}

.IONETheme .permission .DetailAccordianCnt .AccContent {
    border-left: 6px solid #00a970;
}

.permission .AccInpBox {
    margin: 10px 15px 0 0;
    padding: 0;
    float: left;
    width: auto !important;
}

.permission .ChkBoxCnt {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: auto !important;
}

.permission.TechDetailCnt {
    margin: 0;
    padding: 0 0 0 20px;
    position: relative;
}

.permission1.TechDetailCnt {
    margin: 0;
    padding: 0 0 0 0;
    position: relative;
}

.BlurEffect {
    -webkit-filter: blur(5px);
    -moz-filter: blur(15px);
    -o-filter: blur(15px);
    -ms-filter: blur(15px);
    filter: blur(10px);
    /*filter: url(blur.svg#blur);*/
    /*filter: opacity(0.5);*/
    /*Blur effect is working in Mozilla but it is hiding controls completely.*/
}

.LightBlurEffect {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    /*filter: url(blur.svg#blur);*/
    /*filter: opacity(0.5);*/
    /*Blur effect is working in Mozilla but it is hiding controls completely.*/
}

.third_td:not(.MainFrame_1_Td) {
    width: 0px;
    display: none;
}

.IONETheme .Footer:not(.Login) {
    display: none;
}

.Footer {
    /*background: rgba(0,0,0,0.8);*/
    /*background: #535659;*/
    /*background: #9c9ea0;*/
    text-align: right;
    height: 60px;
    position: fixed;
    bottom: 0;
    width: 200px;
    margin: 0 0 23px 23px;
}

.LightTheme .Footer {
    background: rgba(255,255,255,0.5);
}

.Footer.FixPos {
    position: fixed;
}

.dialogIoneVersion {
    font-family: Segoe UI Light,Calibri, Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    -webkit-appearance: none;
    background: #151212;
}

.dialogIoneVersion {
}

    .dialogIoneVersion div {
        width: 100%;
        text-align: center;
    }

        .dialogIoneVersion div label {
            color: rgba(255,255,255,0.75);
        }

.LightTheme .dialogIoneVersion div label {
    color: rgba(0,0,0,0.75);
}

.first_td {
    width: 0px;
}


.SearchDataBox {
    width: 100%;
    overflow: auto; /*background:none repeat scroll 0 0 #babbbd;*/
}


.topMiddleArea {
    width: 560px;
}

.DashboardNew .topMiddleArea {
    width: 100% !important;
}

.grid .topMiddleArea .col {
    margin: 0 10px 10px 0 !important;
}

@media screen and (min-width:1920px) {

    .topMiddleArea {
        width: 815px;
    }
}


.expandAll {
    background: url(../../Images/NewUI/op_oth_collapse.svg) left center no-repeat;
    background-size: 30px 30px;
    padding-left: 34px;
    font-weight: normal;
    cursor: pointer;
    margin: 0 0 10px 22px;
    width: auto;
    font-size: 17px;
    color: rgba(255,255,255,0.75);
}

.LightTheme .expandAll {
    background: url(../../Images/NewUI/LightTheme/op_oth_collapse.svg) left center no-repeat;
    background-size: 30px 30px;
    color: rgba(0,0,0,0.75);
}

.collapseAll {
    background: url(../../Images/NewUI/op_oth_expand.svg) left center no-repeat;
    background-size: 30px 30px;
    padding-left: 34px;
    font-weight: normal;
    cursor: pointer;
    margin: 0 0 10px 22px;
    width: auto;
    font-size: 17px;
    color: rgba(255,255,255,0.75);
}

.LightTheme .collapseAll {
    background: url(../../Images/NewUI/LightTheme/op_oth_expand.svg) left center no-repeat;
    background-size: 30px 30px;
    color: rgba(0,0,0,0.75);
}

.expandCollapseAllDiv {
    margin-bottom: 5px;
}

.IONETheme .expandCollapseAllDiv {
    margin-bottom: 10px;
}

.IONETheme.LightTheme .expandCollapseAllDiv {
    border-left: 5px solid transparent;
}

.BreadCrumb {
    color: #fff;
    /*margin-left: 10px;*/
    height: 60px;
    line-height: 60px;
    margin-bottom: 20px;
    background: rgba(0,159,227,0.9) !important;
    font-size: 17px;
    overflow: hidden;
}

.IONETheme .BreadCrumb {
    background: rgba(0, 169, 112,0.9) !important;
    overflow: inherit;
}

.BreadCrumb a {
    color: rgba(255,255,255,0.5) !important;
    padding: 14px 25px 14px 10px;
    /*text-transform: capitalize;*/
}

.LightTheme .BreadCrumb a {
    color: rgba(0,0,0,0.5) !important;
}

.BreadCrumb a:hover {
    text-decoration: underline;
}

.firstBreadCrumbDiv {
    float: left;
    /*margin-left: 0px;*/
    background: url(../../Images/NewUI/op_scr_breadcrumb.svg) right center no-repeat;
    /*padding-right: 10px;*/
    background-size: 10px 10px;
}

.LightTheme .firstBreadCrumbDiv {
    background: url(../../Images/NewUI/LightTheme/op_scr_breadcrumb.svg) right center no-repeat;
    background-size: 10px 10px;
}

.firstBreadCrumbDiv a {
}

.firstBreadCrumbDiv:first-letter {
    /*text-transform: uppercase;*/
}

.breadCrumbDiv {
    float: left;
    /*margin-left: 5px;*/
    background: url(../../Images/NewUI/op_scr_breadcrumb.svg) right center no-repeat;
    background-size: 10px 10px;
    /*padding-right: 10px;*/
}

.LightTheme .breadCrumbDiv {
    background: url(../../Images/NewUI/LightTheme/op_scr_breadcrumb.svg) right center no-repeat;
    background-size: 10px 10px;
}

.breadCrumbDiv a {
}

.breadCrumbDiv:first-letter {
    /*text-transform: uppercase;*/
}

.lastBreadCrumbDiv {
    float: left;
    /*margin-left: 5px;*/
    background: url(../../Images/NewUI/op_scr_breadcrumb.svg) right center no-repeat;
    padding-right: 20px;
    background-size: 10px 10px;
}

.LightTheme .lastBreadCrumbDiv {
    background: url(../../Images/NewUI/LightTheme/op_scr_breadcrumb.svg) right center no-repeat;
    background-size: 10px 10px;
}

.lastBreadCrumbDiv a {
    padding: 14px 5px 14px 10px;
    color: rgba(255,255,255,1) !important;
}

.LightTheme .lastBreadCrumbDiv a {
    color: rgba(0,0,0,1) !important;
}

.lastBreadCrumbDiv:first-letter {
    /*text-transform: uppercase;*/
}

.TopTitle {
    text-align: left;
    height: 40px;
    line-height: 50px;
    position: absolute;
    left: 140px;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
}

.LightTheme .TopTitle {
    color: rgba(0,0,0,0.9);
}

.NewsSection .NewsTitle {
    background: rgba(15,204,54,0.9) url(../../Images/NewUI/op_tb_my-news_new.svg) 12px center no-repeat;
    background-size: 30px 30px;
    margin-bottom: 10px;
    padding: 0px 10px;
    font-weight: bold;
    color: #fff;
    font-family: Segoe UI Light,"calibri", Arial, Helvetica, sans-serif;
    min-height: 60px;
}

.IONETheme .NewsSection .NewsTitle {
    background: #00a970 url(../../Images/NewUI/op_tb_my-news_new_black.svg) 12px center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .NewsSection .NewsTitle {
    background: rgba(15,204,54,0.9) url(../../Images/NewUI/LightTheme/op_tb_my-news_new.svg) 12px center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.IONETheme.LightTheme .NewsSection .NewsTitle {
    background: #00a970 url(../../Images/NewUI/LightTheme/op_tb_my-news_new_white.svg) 12px center no-repeat;
    background-size: 30px 30px;
}

.NewsSection .NewsTitle span {
    width: 100px;
    word-wrap: break-word;
    display: table-cell;
    vertical-align: middle;
    /*line-height: 54px;*/
    height: 60px;
    padding-left: 45px;
}

.NewsSection .NewsDiv {
    margin: 10px 10px 0px 0px;
    padding: 2px;
}

.NewsSection .NewsMessageDiv {
    margin: 0 10px 5px 24px;
}

.NewsSection .NewsMessage {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    background: #ffffff;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    color: #2b2b2b;
    outline: none;
    min-height: 60px;
    /*height: 60px;*/
    float: left;
    padding: 5px 5px 5px 5px;
    padding: 5px;
    resize: none;
}

.Expanded .NewsSection .NewsMessage {
    min-width: 350px;
}

.animated {
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}

.NewsSection .RecipientTextBox {
    width: 100%;
    /*margin-left: 23px;*/
    background: #ffffff;
    border: none;
    padding: 0 3px;
    color: #2b2b2b;
    outline: none;
    height: 30px;
    line-height: 30px;
    float: right;
}

.Expanded .NewsSection .RecipientTextBox {
}

.NewsSection .addRecipient + .RecipientTextBox {
}

.NewsSection .Send {
    float: right;
    margin-top: 5px;
}

.RightData .NewsSection {
    min-height: 325px;
    z-index: 1000;
}

.NewsDiv .selectbox {
    width: 45%;
    float: left;
}

.NewsDiv .NewsTemplate .selectbox {
    width: 140px;
}

.NewsDiv .selectbox select {
    width: 150%;
}

.NewsDiv .secondRow {
    margin-top: 10px;
}

.NewsDiv select {
    border: 0;
    color: #2B2B2B;
    background: transparent;
    padding: 6px;
    width: 286px;
    height: 27px;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
}

.NewsDiv .ChkBoxCnt {
    float: left;
    margin-top: 10px;
}

.NewsDiv .attachLabel {
    line-height: 45px;
    margin-left: 5px;
}

.recipientsList {
    max-height: 230px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

    .recipientsList .searchbox {
        margin-bottom: 5px;
        margin-left: 31px;
    }

.RecipientSelection {
    right: 2px !important;
}

.NewsDialogNew .grid .smallmedium .searchbox {
    width: 475px;
}

.NewsDialogNew .RecipientSelection {
}

.NewsDialogNew {
    min-height: 600px !important;
}


.removeRecipient {
    background: url(../../Images/NewUI/op_oth_remove-black.svg) center center no-repeat;
    background-size: 15px 15px;
    color: #646567;
    text-indent: -9999px;
    float: left;
    margin-left: -28px;
    width: 15px;
    padding-top: 0px;
    position: absolute;
    margin-top: 8px;
    cursor: pointer;
}

.LightTheme .removeRecipient {
    background: url(../../Images/NewUI/LightTheme/op_oth_remove-black.svg) center center no-repeat;
    background-size: 10px 15px;
}

#RecipientsList .searchbox {
    bottom: 0px;
}

.addRecipient {
    background: url(../../Images/NewUI/op_oth_add-create-new-black.svg) center center no-repeat;
    /*background-size: 15px 15px !important;
    padding: 6px 10px;
    padding: 5px 6px 2px 6px \0/;
    color: #646567;
    text-indent: -9999px;
    float: left;
    margin-left: -5px;
    -moz-padding-start: 6px;*/
    background-size: 15px 15px;
    color: #646567;
    text-indent: -9999px;
    float: left;
    margin-left: -28px;
    width: 15px;
    padding-top: 0px;
    position: absolute;
    margin-top: 8px;
    cursor: pointer;
}

.LightTheme .addRecipient {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-black.svg) center center no-repeat;
    background-size: 15px 15px !important;
}

.addRecipient:hover {
    background: url(../../Images/NewUI/op_oth_add-create-new-dark.svg) center center no-repeat;
    background-size: 15px 15px !important;
}

.LightTheme .addRecipient:hover {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-dark.svg) center center no-repeat;
    background-size: 15px 15px !important;
}

.addRecipient + label {
    padding-left: 5px;
    line-height: 20px;
}

.NewsArea .UserSubject {
    margin-left: 31px;
}

.NewsArea .NewsTemplate {
    margin-left: 25px;
}

.UserSubject .txtBox {
    margin-bottom: 5px;
    margin-left: -6px;
}

.NewsArea label[for='Recipient'] {
    margin-left: 24px;
}

.NewsArea label[for='UserSubject'] {
    margin-left: -7px;
}

.NewsArea label[for='ManualNewsAttachment'] {
    margin-left: 24px;
}

.NewsArea .NewsMessageDiv label {
    margin-left: -1px;
}

.UserSubject .txtBox {
    width: 100%;
    text-overflow: ellipsis;
    float: left;
}

.IONETheme .UserSubject .txtBox {
    width: 100%;
    text-overflow: ellipsis;
    float: left;
    height: 20px;
}

td[width='180'], td[width='700'] {
    left: initial !important;
}

.UploadFilesDiv {
    background: white;
    margin-left: 23px;
    min-height: 30px;
    padding: 5px;
}

    .UploadFilesDiv label {
        color: black;
        width: 100%;
        margin: 5px 10px 5px 0 !important;
        display: inline-table;
    }

.Expanded .UserSubject .txtBox {
}

.LinkedObject {
    /*margin: 300px 0 0 0;*/
    padding-top: 20px;
}

    .LinkedObject .TitleArrow {
        background: rgba(228,69,1,0.9) url(../../Images/NewUI/op_oth_linked-object-arrow.svg) 12px center no-repeat;
        background-size: 30px 30px;
        margin-bottom: 10px;
        padding: 0px 10px;
        font-weight: bold;
        color: #fff;
        font-family: Segoe UI Light,"calibri", Arial, Helvetica, sans-serif;
        min-height: 60px;
    }

.IONETheme .LinkedObject .TitleArrow {
    background: #ff0a4c url(../../Images/NewUI/op_oth_linked-object-arrow.svg) 12px center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .LinkedObject .TitleArrow {
    background: rgba(228,69,1,0.9) url(../../Images/NewUI/LightTheme/op_oth_linked-object-arrow.svg) 12px center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.LightTheme.IONETheme .LinkedObject .TitleArrow {
    background: #00a970 url(../../Images/NewUI/LightTheme/op_oth_linked-object-arrow.svg) 12px center no-repeat;
    background-size: 30px 30px;
}

.LinkedObject .TitleArrow span {
    width: 100px;
    word-wrap: break-word;
    /*line-height: 54px;*/
    display: table-cell;
    height: 60px;
    vertical-align: middle;
    padding-left: 45px;
}

.LinkedPopup, .paddingBottom10 {
    padding-bottom: 10px;
}

    .LinkedPopup .TitleArrow {
        background: rgba(228,69,1,0.9) url(../../Images/NewUI/op_oth_linked-object-arrow.svg) 12px center no-repeat;
        background-size: 30px 30px;
        margin-left: -20px;
        padding: 0px 40px;
        font-weight: bold;
        color: #fff;
        font-family: Segoe UI Light,"calibri", Arial, Helvetica, sans-serif;
    }

.LightTheme .LinkedPopup .TitleArrow {
    background: rgba(228,69,1,0.9) url(../../Images/NewUI/LightTheme/op_oth_linked-object-arrow.svg) 12px center no-repeat;
    background-size: 30px 30px;
}

.NewsDialogNew .LinkedPopup .TitleArrow {
    margin-left: 0px !important;
    padding: 0px 50px !important;
    width: 100%;
}

.IONETheme .NewsDialogNew .LinkedPopup .TitleArrow {
    width: 135px;
    padding: 0px 0px 0px 45px !important;
}

.LinkedPopup .TitleArrow p {
    line-height: 60px;
    vertical-align: middle;
}

#dialog-notify .LinkedPopup .TitleArrow p {
    margin-left: 10px;
}

#dialog-notify .LinkedObject {
    margin-left: -20px;
}

ul.PlusList > li {
    margin: 0;
    padding: 0;
    background: rgba(0,0,0,0.5);
    padding-bottom: 10px;
    padding-top: 10px;
}

.LightTheme ul.PlusList > li {
    background: rgba(255,255,255,0.5);
}

.MVCVersion .RightData .LinkedObject {
    display: none;
}

.MVCVersion ul.PlusList {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 35px;
}

ul.PlusList li {
    /*margin: 0 0 5px 0;*/
    padding: 0 5px 5px 5px;
    list-style-type: none;
    font-weight: bold;
}

    ul.PlusList li:first-child {
        padding-top: 35px;
    }

.MVCVersion ul.PlusList li:first-child {
    padding-top: 0px !important;
}

ul.PlusList li:last-of-type {
    padding-bottom: 35px !important;
}

.MVCVersion ul.PlusList li:last-of-type {
    padding-bottom: 5px !important;
}

ul.PlusList li a.add {
    background: url(../../Images/NewUI/op_oth_add-create-new-black.svg) center center no-repeat;
    background-size: 15px 15px !important;
    padding: 3px 10px;
    color: rgba(255,255,255,0.50);
    text-indent: -9999px;
    float: left;
    margin-left: 5px;
}

.LightTheme ul.PlusList li a.add:not(.noPlus) {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-black.svg) center center no-repeat;
    background-size: 15px 15px !important;
    color: rgba(0,0,0,0.50);
}

ul.PlusList li a.add:hover {
    background: url(../../Images/NewUI/op_oth_add-create-new-dark.svg) center center no-repeat;
    background-size: 15px 15px !important;
}

.LightTheme ul.PlusList li a.add:not(.noPlus):hover {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-dark.svg) center center no-repeat;
    background-size: 15px 15px !important;
}

ul.PlusList li a.TextLink {
    color: rgba(255,255,255,0.50);
    padding: 3px 5px;
    word-wrap: break-word;
    width: 135px;
    float: left;
}

.LightTheme ul.PlusList li a.TextLink {
    color: rgba(0,0,0,0.50);
}

ul.PlusList li a.TextLink:hover {
    background: rgba(0,0,0,0.85);
    color: #ffffff;
}

.LightTheme ul.PlusList li a.TextLink:hover {
    background: rgba(255,255,255,0.85);
    color: #000;
}

ul.PlusList li a.TextLink:hover .RHSLinkCount {
    color: #ffffff;
}

.LightTheme ul.PlusList li a.TextLink:hover .RHSLinkCount {
    color: #000;
}

ul.PlusList li a.add.noPlus {
    background: none;
    color: #646567;
    text-indent: -9999px;
}

.AssignToMeClass {
    background: url(../../Images/NewUI/op_task_assignToMe.svg) left top no-repeat;
    width: 40px;
    height: 32px;
    background-size: 30px 30px;
    padding: 5px;
    margin-top: 20px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
    display: inline-block;
}

.deletePicture {
    background: url(../../Images/NewUI/com_obstacle_task.svg) left top no-repeat;
    width: 40px;
    height: 32px;
    background-size: 30px 30px;
    padding: 5px;
    margin-top: 20px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
    display: inline-block;
}

.LightTheme .deletePicture {
    background: url(../../Images/NewUI/LightTheme/com_obstacle_task.svg) left top no-repeat;
    width: 40px;
    height: 32px;
    background-size: 30px 30px;
    padding: 5px;
    margin-top: 20px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
    display: inline-block;
}

.LightTheme .AssignToMeClass {
    background: url(../../Images/NewUI/LightTheme/op_task_assignToMe.svg) left top no-repeat;
    background-size: 30px 30px;
}

.NewsArea {
    background: rgba(0,0,0,0.5);
    padding-top: 10px;
    padding-bottom: 50px;
    min-height: 180px;
}

.LightTheme .NewsArea {
    background: rgba(255,255,255,0.5);
}

.RHSLinkCount {
    color: rgba(228,69,1,0.9);
    margin: 0 !important;
    display: inline !important;
}

.IONETheme .RHSLinkCount {
    color: #c6392a;
}


.MultipleRead {
    background: url(../../Images/NewUI/op_grid_newsMultipleRead.svg) center center no-repeat;
    display: inline-block;
    background-size: 30px 30px;
}

.LightTheme .MultipleRead {
    background: url(../../Images/NewUI/LightTheme/op_grid_newsMultipleRead.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ApproveTicket {
    background: url(../../Images/NewUI/op_oth_approve-bill.svg) center center no-repeat;
    cursor: pointer;
    vertical-align: top;
    background-size: 30px 30px;
}

.LightTheme .ApproveTicket {
    background: url(../../Images/NewUI/LightTheme/op_oth_approve-bill.svg) center center no-repeat;
    background-size: 30px 30px;
}

.CreateServiceReport, .CreateTicketList.editPDF {
    background: url(../../Images/NewUI/op_oth_CreateServiceReport.svg) center center no-repeat;
    cursor: pointer;
    vertical-align: top;
    background-size: 30px 30px;
}

.LightTheme .CreateServiceReport, .LightTheme .CreateTicketList.editPDF {
    background: url(../../Images/NewUI/LightTheme/op_oth_CreateServiceReport.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ShowEmergencyReport {
    background: url(../../Images/NewUI/op_oth_ShowEmergencyReport.svg) center center no-repeat;
    cursor: pointer;
    vertical-align: top;
    background-size: 30px 30px;
}

.LightTheme .ShowEmergencyReport {
    background: url(../../Images/NewUI/LightTheme/op_oth_ShowEmergencyReport.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ShowEmergencyListReport {
    background: url(../../Images/NewUI/op_oth_ShowEmergencyListReport.svg) center center no-repeat;
    cursor: pointer;
    vertical-align: top;
    background-size: 30px 30px;
}

.LightTheme .ShowEmergencyListReport {
    background: url(../../Images/NewUI/LightTheme/op_oth_ShowEmergencyListReport.svg) center center no-repeat;
    background-size: 30px 30px;
}

.PrintObjectDiv td {
    color: rgba(255,255,255,0.5) !important;
}

.LightTheme .PrintObjectDiv td {
    color: rgba(0,0,0,0.5) !important;
}

.FullScreen .Task_Order_Quotation_Box:first-child {
    /*margin-top: 20px;*/
}

.Task_Order_Quotation_Box {
    z-index: 9999;
    border-radius: 3px;
    min-height: 100px;
    /*margin-left: 20px;*/
    width: 220px;
    margin-bottom: 20px;
    /*margin-top: 20px;*/
    background: rgba(0,0,0,0.5);
    overflow: hidden;
}

    .Task_Order_Quotation_Box.UC49121 {
        min-height: 25px;
    }

        .Task_Order_Quotation_Box.UC49121 .ChkBoxCnt {
            height: 25px;
            margin-top: -2px;
        }

    .Task_Order_Quotation_Box.ProductionStepObject {
        border-left: 8px rgba(0, 169, 112,1) solid;
        background: white;
        color: black;
    }

        .Task_Order_Quotation_Box.ProductionStepObject p {
            color: #000 !important;
        }

    .Task_Order_Quotation_Box.openOrders {
        border: 1px solid white;
        background: rgba(0,0,0,0.85);
    }

.LightTheme .Task_Order_Quotation_Box {
    background: rgba(255,255,255,0.5);
}

.FullScreen .Task_Order_Quotation_Box {
    /*margin-left: 10px;*/
}

.Task_Order_Quotation_Box.tooltip {
    max-height: none;
}

.Task_Order_Content {
}

.Task_Order_Quotation_Box p {
    padding: 3px 5px 3px 10px;
}

    .Task_Order_Quotation_Box table, .Task_Order_Quotation_Box p:nth-child(4), .Task_Order_Quotation_Box p:nth-child(5), .Task_Order_Quotation_Box p:nth-child(6), .Task_Order_Quotation_Box p:nth-child(7), .Task_Order_Quotation_Box p:nth-child(8), .Task_Order_Quotation_Box p:nth-child(9), .Task_Order_Quotation_Box p:nth-child(10) {
        color: #fff;
    }

.LightTheme .Task_Order_Quotation_Box table,
.LightTheme .Task_Order_Quotation_Box p:nth-child(4),
.LightTheme .Task_Order_Quotation_Box p:nth-child(5),
.LightTheme .Task_Order_Quotation_Box p:nth-child(6),
.LightTheme .Task_Order_Quotation_Box p:nth-child(7),
.LightTheme .Task_Order_Quotation_Box p:nth-child(8),
.LightTheme .Task_Order_Quotation_Box p:nth-child(9),
.LightTheme .Task_Order_Quotation_Box p:nth-child(10) {
    color: #000;
}

.Task_Order_Quotation_Box p:first-child {
    padding-bottom: 3px;
    padding-top: 20px;
    /*text-align: right;*/
    border-bottom: 1px solid white;
}

.LightTheme .Report .Task_Order_Quotation_Box p:first-child {
    border-bottom: 1px solid rgba(0,0,0,0.5) !important;
}

.Task_Order_Quotation_Box.ProductionStepObject p:first-child {
    text-align: left;
    height: 20px;
}

.Task_Order_Quotation_Box p:first-child span:first-child {
    float: left;
}

.Task_Order_Quotation_Box .RMStatus {
    /*float: left;*/
    padding-bottom: 3px;
    padding-top: 3px;
    color: white;
    margin-left: 10px;
}

.LightTheme .Task_Order_Quotation_Box .RMStatus {
    color: black;
}

.Task_Order_Quotation_Box p:nth-child(2) {
    padding-top: 3px;
    padding-bottom: 0px;
    color: #fff;
}

.LightTheme .Task_Order_Quotation_Box p:nth-child(2) {
    color: #000;
}

.Task_Order_Quotation_Box.FormElement p:nth-child(2) {
    padding: 0px !important;
    /*border-bottom: 1px solid white;*/
}

.Task_Order_Quotation_Box p:nth-child(3) {
    /*padding-top: 0px;*/
    border-bottom: 1px solid white;
    color: #fff;
}

.LightTheme .Task_Order_Quotation_Box p:nth-child(3) {
    color: #000;
}

.Report .Task_Order_Quotation_Box p:nth-child(3) {
    border-bottom: none !important;
}

.LightTheme .Report .Task_Order_Quotation_Box p:nth-child(3) {
    border-bottom: none !important;
}

.Task_Order_Quotation_Box a {
}

.LinkedObjectDescription {
    padding-top: 5px !important;
    padding-bottom: 0px !important;
    border: none !important;
    text-align: left !important;
    padding-left: 0px !important;
}

.Task_Order_Quotation_Box_LinkedObject {
    background: url("../../Images/NewUI/op_oth_RM_linked-object.svg") center center no-repeat !important;
    background-size: 30px 30px !important;
    height: 30px;
    width: 30px;
    border: none !important;
}

.LightTheme .Task_Order_Quotation_Box_LinkedObject {
    background: url("../../Images/NewUI/LightTheme/op_oth_RM_linked-object.svg") center center no-repeat !important;
    background-size: 30px 30px !important;
}

.Task_Order_Quotation_Box table {
    /*padding-top: 3px;*/
}

.Task_Order_Quotation_Box .RMAssignee {
    border-bottom: 1px solid white;
    border-top: 1px solid white;
}

.Task_Order_Quotation_Box .RMItemDesc {
    border-top: 1px solid white;
}

.Task_Order_Quotation_Box .RMAssignee span:nth-child(2) {
    padding-left: 5px;
}

.Task_Order_Quotation_Box .ChkBoxCnt {
    /*width: 100%;*/
    border-bottom: none !important;
    padding: 0px !important;
    float: right;
}

.Task_Order_Quotation_Box.ProductionStepObject .ChkBoxCnt {
    float: left;
    margin-top: -5px;
}

.Task_Order_Quotation_Box.FormElement input + label:before {
    cursor: pointer;
}

.hoverClass {
    background-color: #3399ff !important;
}

.IONETheme .hoverClass {
    background-color: #00a970 !important;
}

.draggable.ui-draggable-dragging {
    width: 100px;
    height: 50px !important;
    min-height: 50px;
}

    .draggable.ui-draggable-dragging p:first-child {
        display: block !important;
    }

    .draggable.ui-draggable-dragging p {
        display: none;
    }

.draggedTaskOrderQuotation, .ClickedTaskOrder, .draggedTaskOrderQuotation.Extend {
    background-color: orange !important;
}

    .draggedTaskOrderQuotation p {
        /*color: black;*/
    }

.Task_Order_Content .Next {
    width: 35%;
    height: 0;
    padding-left: 35%;
    padding-top: 30%;
    overflow: hidden;
    margin-left: 15%;
}

    .Task_Order_Content .Next:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-left: -160px;
        margin-top: -150px;
        border-left: 150px solid transparent;
        border-right: 150px solid transparent;
        border-top: 150px solid rgba(0,0,0,0.5);
    }

.LightTheme .Task_Order_Content .Next:after {
    border-top: 150px solid rgba(255,255,255,0.5);
}

.Task_Order_Content .Next.enable:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: -160px;
    margin-top: -150px;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 150px solid rgba(0,0,0,0.5);
}

.LightTheme .Task_Order_Content .Next.enable:after {
    border-top: 150px solid rgba(255,255,255,0.5);
}

.Task_Order_Content .Next.disable:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: -160px;
    margin-top: -150px;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-top: 150px solid rgba(0,0,0,0.5);
}

.LightTheme .Task_Order_Content .Next.disable:after {
    border-top: 150px solid rgba(255,255,255,0.5);
}

.Task_Order_Content .Previous {
    width: 35%;
    height: 0;
    padding-left: 35%;
    padding-bottom: 30%;
    overflow: hidden;
    margin-left: 15%;
}

    .Task_Order_Content .Previous:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-left: -160px;
        border-left: 150px solid transparent;
        border-right: 150px solid transparent;
        border-bottom: 150px solid rgba(0,0,0,0.5);
    }

.LightTheme .Task_Order_Content .Previous:after {
    border-bottom: 150px solid rgba(255,255,255,0.5);
}

.Task_Order_Content .Previous.enable:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: -160px;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-bottom: 150px solid rgba(0,0,0,0.5);
}

.LightTheme .Task_Order_Content .Previous.enable:after {
    border-bottom: 150px solid rgba(255,255,255,0.5);
}

.Task_Order_Content .Previous.disable:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: -160px;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-bottom: 150px solid rgba(0,0,0,0.5);
}

.LightTheme .Task_Order_Content .Previous.disable:after {
    border-bottom: 150px solid rgba(255,255,255,0.5);
}

.Task_Order_Previous {
    margin-top: -14px;
    color: #fff;
    text-align: center;
}

.Task_Order_Next {
    margin-top: -70px;
    color: #fff;
    text-align: center;
    margin-left: -20px;
}

.LightTheme .Task_Order_Next {
    color: #000;
}

.Task_Order_Next:hover, .Task_Order_Previous:hover {
    cursor: pointer;
}

.enable, .ui-datepicker-week-col {
    cursor: pointer;
}

.disable {
    cursor: default;
}

.disableBlock {
    background: gray;
}

#TaskOrderQuotationTable_processing, #TaskOrderQuotationTable_paginate {
    display: none;
}

.FullScreen {
    height: 100% !important;
    width: 100% !important;
    left: 0 !important;
}

    .FullScreen .dialog {
        height: 100% !important;
    }

        .FullScreen .dialog .ListDataCnt {
            padding-bottom: 30px !important;
        }

.ConfirmBooking {
    top: 50%;
    left: 50%;
    min-height: 250px;
    width: 500px;
    margin-left: -150px;
    margin-top: -75px;
    text-align: center;
    background: rgba(0,0,0,0.5) !important;
}

.LightTheme .ConfirmBooking {
    background: rgba(255,255,255,0.5) !important;
}

.DeleteBooking {
    top: 50%;
    left: 50%;
    min-height: 250px;
    width: 600px;
    margin-left: -150px;
    margin-top: -75px;
    text-align: center;
    background: rgba(0,0,0,0.5) !important;
}

.LightTheme .DeleteBooking {
    background: rgba(255,255,255,0.5) !important;
}

.ConfirmBooking .popup-close, .DeleteBooking .popup-close {
    background: none !important;
}

.ConfirmBooking .ui-dialog-titlebar-close, .DeleteBooking .ui-dialog-titlebar-close {
    /*background: url(../../Images/NewUI/op_oth_close-popup-transparent.svg) center top no-repeat !important;
        border: none !important;
        left: 5px;*/
}

.ConfirmBooking .ui-dialog-titlebar, .DeleteBooking .ui-dialog-titlebar {
    /*background: #3399ff !important;*/
    border: none !important;
}

.ConfirmBooking .EditBottomNavNew, .DeleteBooking .EditBottomNavNew {
    padding-left: 20px !important;
    text-align: left;
    background: rgba(0,0,0,0.75);
}

.LightTheme .ConfirmBooking .EditBottomNavNew, .LightTheme .DeleteBooking .EditBottomNavNew {
    background: rgba(255,255,255,0.75);
}

.ConfirmBooking .EditBottomNavNew a, .DeleteBooking .EditBottomNavNew a {
    max-width: 50px;
    height: 0;
    font-family: Segoe UI,Segoe UI Light,Calibri, Arial, Helvetica, sans-serif;
    /*display: block;
        float: left;*/
    display: inline-block;
    margin-right: 25px !important;
    padding: 35px 0 15px;
    color: #FFF !important;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 30px;
    cursor: pointer;
    font-size: 0px;
}

.ConfirmBooking .grid, .DeleteBooking .grid {
    border-top: rgba(255,255,255,0.2) 1px solid !important;
    padding-top: 15px;
    padding-left: 20px;
}

.LightTheme .ConfirmBooking .grid, .LightTheme .DeleteBooking .grid {
    border-top: rgba(0,0,0,0.2) 1px solid !important;
}

.ConfirmBooking .grid label, .DeleteBooking .grid label {
    color: rgba(255,255,255,0.5);
    float: left;
}

.AngularApp .ConfirmBooking .grid label,
.AngularApp .DeleteBooking .grid label {
    float: none;
    text-align: left;
}

.LightTheme .ConfirmBooking .grid label, .LightTheme .DeleteBooking .grid label {
    color: rgba(0,0,0,0.5);
}

.ConfirmBooking textarea {
    resize: none;
}

.PopupGridPadding {
    padding: 8px 0 0 0;
    /*margin: 5px 0 0 20px;*/
}

.MyNewsPopup.NewsDialogNew .grid.PopupGridPadding {
    height: 80%;
}

.PopupGridPaddingForEmergency {
    padding-top: 10px;
    min-height: 75px;
    overflow: hidden;
    padding-left: 20px;
}

.PopupGridPadding .FRight {
    margin-right: 2px;
}

.grid.PopupGridPadding .small .txtbox {
    width: 108px;
}

    .grid.PopupGridPadding .small .txtbox.smallest {
        width: 30px;
        padding: 0 2px;
    }

.Dialog_RM .custom-menu, .Dialog_RM .custom-menu-requirement {
    width: 245px;
}

.custom-menu, .custom-menu-requirement {
    display: none;
    z-index: 100000;
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    overflow: hidden;
    width: 185px;
    white-space: nowrap;
    color: rgba(255,255,255,0.75);
}

    .custom-menu.news, .custom-menu.editableNewsMessage {
        position: fixed;
    }

    .custom-menu.item {
        position: absolute;
    }

.LightTheme .custom-menu, .LightTheme .custom-menu-requirement {
    background-color: rgba(255,255,255,0.75);
    color: #000;
}

    .LightTheme .custom-menu.item {
        background-color: rgba(1,1,1,0.75);
        color: #fff;
    }

.custom-menu li, .custom-menu-requirement li {
    padding: 5px;
}

    .custom-menu li:hover, .custom-menu-requirement li:hover {
        cursor: pointer;
        background-color: rgba(0,0,0,0.85);
    }

.LightTheme .custom-menu li:hover, .LightTheme .custom-menu-requirement li:hover {
    background-color: rgba(255,255,255,0.55);
    color: #000;
}

.SearchPanelRequirement {
    background-color: #ffa500;
    width: 30px;
    opacity: 0.8;
    top: inherit;
    z-index: 9;
    display: block;
}

.SearchPanelResource {
    opacity: 0.8;
    width: 30px;
    top: inherit;
    z-index: 9;
    display: block;
}

.OverView .SearchPanelResource {
    top: 190px;
    left: 0px;
}

.SearchPanelRequirement {
}

.OverView .SearchPanelRequirement {
    left: 0px;
    top: 140px;
}

.SearchPanelCalender {
    background-image: -moz-linear-gradient(top, #7d7f81, #57595a) !important; /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #57595a), color-stop(1, #7d7f81)) !important; /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#7d7f81', endColorstr='#57595a') !important; /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7d7f81', endColorstr='#57595a')" !important; /* IE8 */
    background-image: linear-gradient(to bottom, rgb(125,127,129), rgb(87,89,90)) !important;
    opacity: 1;
    width: 30px;
    top: inherit;
    z-index: 9;
}

.Task_Order_Search {
    /*border-right: 1px solid #9c9ea0;*/
}

.OverView .Task_Order_Search {
}

.OverView .Task_Order_Resource_Search {
}

.OverView .SearchDataBox {
}

.Task_Order_Resource_Search {
    /*border-left: 1px solid #9c9ea0;*/
}

.BookingUI .smallmedium .RadioBoxCnt, .BookingUI .smallmedium .RadioBoxCnt input, .BookingUI .smallmedium .RadioBoxCnt input + label:before {
    width: 123px;
}

    .BookingUI .smallmedium .RadioBoxCnt input + label {
        width: 125px;
    }

#Dialog-DeleteBooking .medium .RadioBoxCnt, #Dialog-DeleteBooking .medium .RadioBoxCnt input, #Dialog-DeleteBooking .medium .RadioBoxCnt input + label:before {
    width: 250px;
}

    #Dialog-DeleteBooking .medium .RadioBoxCnt input + label {
        width: 248px;
    }

.BookingUI .large .RadioBoxCnt {
    width: 400px;
}

    .BookingUI .large .RadioBoxCnt input {
        width: 40px;
        float: left;
    }

        .BookingUI .large .RadioBoxCnt input + label {
            width: auto;
            text-align: left;
            line-height: 27px;
        }

            .BookingUI .large .RadioBoxCnt input + label:before {
                width: 40px;
            }



.bar p {
    vertical-align: middle;
    /*line-height: 44px !important;*/
    height: 50px;
    font-weight: bold;
    color: #fff;
    font-family: Segoe UI Light,Calibri, Arial, Helvetica, sans-serif;
}

.datePickerDiv {
    width: 230px;
    position: absolute;
    z-index: 9999;
    display: none;
}

.Calender_Box {
    width: 35px;
}

.Calender_Show_Box, .Calender_Show_Box .SearchTitle {
    width: 230px;
}

    .Calender_Show_Box .SearchTitle {
        background-image: -moz-linear-gradient(top, #7d7f81, #57595a) !important; /* Firefox 3.6 */
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #57595a), color-stop(1, #7d7f81)) !important; /* Safari & Chrome */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#7d7f81', endColorstr='#57595a') !important; /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7d7f81', endColorstr='#57595a')" !important; /* IE8 */
        background-image: linear-gradient(to bottom, rgb(125,127,129), rgb(87,89,90)) !important;
    }

        .Calender_Show_Box .SearchTitle img {
            float: right;
            padding-right: 15px;
        }

.ConfirmBooking .EditBottomNavNew,
.DeleteBooking .EditBottomNavNew {
    width: 585px !important;
}

.ConfirmBooking .ui-dialog-title, .DeleteBooking .ui-dialog-title {
    text-align: center;
    width: 100%;
    line-height: 20px;
}

.ConfirmBooking .grid .large {
    width: 540px;
}

    .ConfirmBooking .grid .large .txtbox {
        width: 530px;
    }

    .ConfirmBooking .grid .large textarea {
        width: 530px;
    }

.RM #foo {
    /*max-height: 44px;
        max-width: 100%;
        overflow: hidden;*/
    padding: 0 0px;
    max-height: 58px !important;
    overflow: hidden;
}

.RM .CalenderViewWeekMonth #foo {
    max-height: 115px !important;
}

.RM .allocated {
    background: red;
}

.IONETheme .RM .allocated {
    /*background: #c6392a;*/
}

.RM .bar p {
    color: black;
}

.RM .allocated.halfPrice, .RM .allocated.Billed.halfPrice {
    background: orange;
}

.RM .allocated.freePrice, .RM .allocated.Billed.freePrice {
    background: yellow;
}

.RM .allocated.Billed {
    background: purple;
}

    .RM .allocated.Billed.SaturdayNotIncluded, .RM .allocated.Billed.SundayNotIncluded {
        background: gray;
    }

.RM .allocated.SaturdayNotIncluded, .RM .allocated.SundayNotIncluded {
    background: gray;
}

.RM .notAllocated {
    background: #338e2f;
}

.RM .notBooked {
    background: none;
}

.RM .tentative {
    background: yellow;
}

.RM .personalEvent {
    background-color: #ff6a00;
}

.RM .taskDone {
    background-color: #FFF;
}

.RM a.headerPrevious {
    background: url(../../Images/NewUI/op_grid_previous.svg) left top no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    cursor: pointer !important;
}

.LightTheme .RM a.headerPrevious {
    background: url(../../Images/NewUI/LightTheme/op_grid_previous.svg) left top no-repeat;
    background-size: 30px 30px;
}

.RM a.headerPrevious:hover {
    background: url(../../Images/NewUI/op_grid_previous-hover.svg) left top no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    cursor: pointer !important;
}

.LightTheme .RM a.headerPrevious:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_previous-hover.svg) left top no-repeat;
    background-size: 30px 30px;
}

.RM a.headerPrevDate {
    background: url(../../Images/NewUI/op_grid_previous.svg) left top no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    cursor: pointer !important;
}

.LightTheme .RM a.headerPrevDate {
    background: url(../../Images/NewUI/LightTheme/op_grid_previous.svg) left top no-repeat;
    background-size: 20px 20px;
}

.RM a.headerPrevDate:hover {
    background: url(../../Images/NewUI/op_grid_previous-hover.svg) left top no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    cursor: pointer !important;
}

.LightTheme .RM a.headerPrevDate:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_previous-hover.svg) left top no-repeat;
    background-size: 20px 20px;
}

.dateDisplay {
    display: inline;
}

.LightTheme .dateDisplay, .LightTheme .timeDisplay {
    color: black;
}

.RM .dataTables_wrapper.no_overflow {
    overflow: auto;
}

.RM a.headerNext {
    background: url(../../Images/NewUI/op_grid_next.svg) left top no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    cursor: pointer;
}

.LightTheme .RM a.headerNext {
    background: url(../../Images/NewUI/LightTheme/op_grid_next.svg) left top no-repeat;
    background-size: 30px 30px;
}

.RM a.headerNext:hover {
    background: url(../../Images/NewUI/op_grid_next-hover.svg) left top no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    cursor: pointer;
}

.LightTheme .RM a.headerNext:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_next-hover.svg) left top no-repeat;
    background-size: 30px 30px;
}

.RM a.headerNextDate {
    background: url(../../Images/NewUI/op_grid_next.svg) left top no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    cursor: pointer;
}

.LightTheme .RM a.headerNextDate {
    background: url(../../Images/NewUI/LightTheme/op_grid_next.svg) left top no-repeat;
    background-size: 20px 20px;
}

.RM a.headerNextDate:hover {
    background: url(../../Images/NewUI/op_grid_next-hover.svg) left top no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    cursor: pointer;
}

.LightTheme .RM a.headerNextDate:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_next-hover.svg) left top no-repeat;
    background-size: 20px 20px;
}

.RM .tooltip, .Report .tooltip {
    position: absolute;
    background-color: rgba(0,0,0,0.7);
    /*border: 1px solid #aaaaca;*/
    color: rgba(255,255,255,1);
    font-family: "Segoe UI";
    font-size: 12px;
    padding: 4px;
    width: 250px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.LightTheme .RM .tooltip, .LightTheme .Report .tooltip {
    background-color: rgba(255,255,255,0.95);
    color: rgba(0,0,0,1);
}

.RM .Task_Order_Search .SearchTitle {
    background-color: #ffa500 !important;
}

    .RM .Task_Order_Search .SearchTitle.IONETheme, .RM .Task_Order_Resource_Search .SearchTitle.IONETheme {
        background-color: #000000 !important;
        color: rgba(0, 169, 112,1);
    }

.RM #TechnicianBoxDiv table.display thead tr, .RM .Task_Order_Resource_Search .SearchTitle, .darkBG {
    /*background-image: -moz-linear-gradient(top, #7d7f81, #57595a); /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #57595a), color-stop(1, #7d7f81)); /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#7d7f81', endColorstr='#57595a'); /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7d7f81', endColorstr='#57595a')"; /* IE8 */
    /*background-image: linear-gradient(to bottom, rgb(125,127,129), rgb(87,89,90));*/
    /*background: rgba(0,159,227,0.9);*/
}

.large .RadioBoxDiv, .large .RadioBoxDiv input + label:after, .large .RadioBoxDiv input[type="radio"], .large .RadioBoxDiv input + label:before {
    width: 540px;
}

.medium .RadioBoxDiv, .medium .RadioBoxDiv input + label:after, .medium .RadioBoxDiv input[type="radio"], .medium .RadioBoxDiv input + label:before {
    width: 260px;
}

.large .RadioBoxDiv input + label {
    width: 538px;
}

.medium .RadioBoxDiv input + label {
    width: 258px;
}

.RadioBoxDiv {
    margin: 10px 0;
    padding: 0;
    position: relative;
    width: 125px;
    float: left;
}

    .RadioBoxDiv input + label {
        padding-left: 2px;
        vertical-align: middle;
        width: 123px;
        text-align: center;
        display: block;
        margin-top: -37px;
        margin-top: -35px\0/;
    }

html[data-useragent*='MSIE 10.0'] .RadioBoxDiv input + label {
    margin-top: -22px;
}

.RadioBoxDiv input + label:before {
    content: " ";
    background: url(../../Images/NewUI/jniceit/checkbox.svg) no-repeat left top;
    background-size: 30px 60px;
    width: 125px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 9px;
    display: inline-block;
    z-index: 5;
}

.LightTheme .RadioBoxDiv input + label:before {
    background: url(../../Images/NewUI/LightTheme/jniceit/checkbox.svg) no-repeat left top;
    background-size: 30px 60px;
}

.RadioBoxDiv input[type="radio"] {
    width: 125px;
    height: 27px;
    position: relative;
    z-index: 10;
    opacity: 0;
    vertical-align: middle;
    top: 9px \0/;
}

    .RadioBoxDiv input[type="radio"] + label:before {
        background-position: center top;
    }

    .RadioBoxDiv input[type="radio"]:checked + label:before {
        background-position: center bottom;
    }

.RM .blankDiv {
    min-height: 75px;
}

.RM .Td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.Dialog_RM {
}

    .Dialog_RM .SearchPanelPopup {
        display: none !important;
    }

    .Dialog_RM .ui-dialog-title {
        width: 100%;
        text-align: center;
    }

    .Dialog_RM .ui-dialog-titlebar {
        border: none !important;
    }

    .Dialog_RM .popup-close {
        background: none !important;
        border: none;
    }

    .Dialog_RM .ui-dialog-titlebar-close {
        left: 10px !important;
        background: url(../../Images/NewUI/op_oth_close-popup-transparent.svg) center top no-repeat !important;
        border: none !important;
        background-size: 30px 30px !important;
    }

.IONETheme .Dialog_RM .ui-dialog-titlebar-close {
    left: initial !important;
}

.LightTheme .Dialog_RM .ui-dialog-titlebar-close {
    background: url(../../Images/NewUI/LightTheme/op_oth_close-popup-transparent.svg) center top no-repeat !important;
    background-size: 30px 30px !important;
}

.RM .datePickerDiv .ui-datepicker, .RM .datePickerDiv .ui-datepicker .ui-datepicker-header {
    /*background: none !important;*/
    /*border: none !important;*/
}

    .RM .datePickerDiv .ui-datepicker .ui-datepicker-month, .RM .datePickerDiv .ui-datepicker .ui-datepicker-year {
        background: none !important;
        border: 1px solid grey !important;
    }

    .RM .datePickerDiv .ui-datepicker .ui-datepicker-calendar tbody tr td a {
        border: none !important;
    }

    .RM .datePickerDiv .ui-datepicker .ui-state-active {
        background: lightblue !important;
    }

.ErrorMsgBooking {
    background-image: -moz-linear-gradient(top, #ffbf24, #ff7324); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ff7324), color-stop(1, #ffbf24)); /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffbf24', endColorstr='#ff7324'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffbf24', endColorstr='#ff7324')"; /* IE8 */
    background-image: linear-gradient(to bottom, rgb(255,191,36), rgb(255,115,36));
    color: #fff;
    text-align: center;
    width: 100%;
}

    .ErrorMsgBooking:before {
        content: '';
        display: inline-block;
        /*height: 40px;*/
        vertical-align: middle;
        margin-right: -0.25em; /* Adjusts for spacing */
    }

    .ErrorMsgBooking img {
        /*margin: 8px 5px 0 -28px;*/
        display: inline-block;
        vertical-align: middle;
    }

    .ErrorMsgBooking span {
        /*display: inline-block;*/
        vertical-align: middle;
    }

.RM table.display td p {
    max-height: 50px;
}

.RM .description {
    /*max-height: 45px;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.RM .ActualBookedRequirement {
    float: left;
    background-color: red;
    font-weight: bold;
    color: black;
}

    .RM .ActualBookedRequirement.moveRight {
        float: right;
        margin-bottom: -20px;
    }

.IONETheme .RM .ActualBookedRequirement {
    /*background-color: #c6392a;*/
}

.RM .TentativeBookedRequirement {
    float: left;
    background-color: yellow;
    font-weight: bold;
    color: black;
}


.ReservedOpenEnd {
    background: url(../../Images/NewUI/op_scr_reserved_openend.svg) center center no-repeat;
    background-size: 100% 100%;
    border: 0 none;
    cursor: pointer;
    margin: 5px 0 0 0;
    float: none !important;
    width: 155px;
    min-width: 30px;
    height: 100px;
    padding: 35px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 11px;
}

.LightTheme .ReservedOpenEnd {
    background: url(../../Images/NewUI/LightTheme/op_scr_reserved_openend.svg) center center no-repeat;
    background-size: 100% 100%;
}

.ReservedFixed {
    background: url(../../Images/NewUI/op_scr_reserved_fixed.svg) center center no-repeat;
    background-size: 100% 100%;
    border: 0 none;
    cursor: pointer;
    margin: 5px 0 0 0;
    float: none !important;
    width: 155px;
    min-width: 30px;
    height: 100px;
    padding: 35px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 11px;
}

.LightTheme .ReservedFixed {
    background: url(../../Images/NewUI/LightTheme/op_scr_reserved_fixed.svg) center center no-repeat;
    background-size: 100% 100%;
}

.BookedFixed {
    background: url(../../Images/NewUI/op_scr_booked_fixed.svg) center center no-repeat;
    background-size: 100% 100%;
    border: 0 none;
    cursor: pointer;
    margin: 5px 0 0 0;
    float: none !important;
    width: 155px;
    min-width: 30px;
    height: 100px;
    padding: 35px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 11px;
}

.LightTheme .BookedFixed {
    background: url(../../Images/NewUI/LightTheme/op_scr_booked_fixed.svg) center center no-repeat;
    background-size: 100% 100%;
}

.IONETheme .BookedFixed,
.IONETheme .BookedOpenEnd,
.IONETheme .ReservedFixed,
.IONETheme .ReservedOpenEnd {
    background-size: 30px 30px !important;
}

.BookedOpenEnd {
    background: url(../../Images/NewUI/op_scr_booked_openend.svg) center center no-repeat;
    background-size: 100% 100%;
    border: 0 none;
    cursor: pointer;
    margin: 5px 0 0 0;
    float: none !important;
    width: 155px;
    min-width: 30px;
    height: 100px;
    padding: 35px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 11px;
}

.LightTheme .BookedOpenEnd {
    background: url(../../Images/NewUI/LightTheme/op_scr_booked_openend.svg) center center no-repeat;
    background-size: 100% 100%;
}

.BookingTypeLabel {
    position: absolute;
    top: 15px;
    margin-left: 45px !important;
    color: #2b2b2b;
}

.ClickToSwap {
    position: absolute;
    top: 75px;
    margin-left: 30px !important;
    color: rgba(255,255,255,0.5) !important;
}

.LightTheme .ClickToSwap {
    color: rgba(0,0,0,0.5) !important;
}

.BookingType {
    /*background: none;
    border: none;*/
    float: left;
    width: 110px !important;
    margin-top: -12px !important;
}


.confirmBooking {
    background: url(../../Images/NewUI/op_scr_confirm.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;*/
}

.LightTheme .confirmBooking {
    background: url(../../Images/NewUI/LightTheme/op_scr_confirm.svg) center center no-repeat;
    background-size: 30px 30px;
}

.deleteBookingLink {
    background: url(../../Images/NewUI/op_scr_delete_booking.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;*/
}

.LightTheme .deleteBookingLink {
    background: url(../../Images/NewUI/LightTheme/op_scr_delete_booking.svg) center center no-repeat;
    background-size: 30px 30px;
}

.CopyContents {
    background: url(../../Images/NewUI/op_scr_copy_contents.svg) top center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;*/
    border: 0 none;
    /*text-indent: -9999px;*/
    /*line-height: 0;*/
    /*font-size: 0;*/
    cursor: pointer;
    /*margin: 0;
    padding: 0;*/
    max-width: 55px;
    display: inline-block;
    margin-right: 25px !important;
    padding: 35px 0 0px;
    color: rgba(255,255,255,0.75);
    overflow: hidden;
    white-space: pre-wrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 11px;
    min-width: 30px;
    text-align: center !important;
}

.LightTheme .CopyContents {
    background: url(../../Images/NewUI/LightTheme/op_scr_copy_contents.svg) top center no-repeat;
    background-size: 30px 30px;
    color: rgba(0,0,0,0.75);
}

.LightTheme .QuotationSettingsTab .CopyContents {
    background: url(../../Images/NewUI/LightTheme/op_scr_copy_contents.svg) top center no-repeat;
    background-size: 30px 30px;
    color: rgba(255,255,255,0.75);
}

.CopyContents.RightAlign {
    /*position: absolute;
        right: -80px;
        margin-top: 30px;*/
    float: right;
    max-width: initial;
    white-space: pre;
    margin-right: 15px !important;
}

.PlanRouteMap {
    width: 100%;
    height: 540px;
}

.PreviewTable {
    width: 100%;
}

    .PreviewTable .PreviewTableEntryTdDiv {
        /*width: 35%;*/
    }

.Reports .PreviewTable .PreviewTableEntryTdDiv {
    width: 20%;
}

.Reports .PreviewTable .PreviewTableTdDiv {
    width: 100% !important;
    margin-right: 20px;
    min-height: 770px;
    height: initial;
    max-height: initial;
}

    .Reports .PreviewTable .PreviewTableTdDiv #pdfbox {
        height: calc(100vh - 310px);
        margin-right: 20px;
        background: transparent;
        width: calc(100%);
    }

.PreviewTable .PreviewTableTdDiv {
    overflow-y: scroll;
    max-height: 770px;
    height: 770px;
    background: #fff;
    width: 875px;
    float: right;
}

.NewUIOrderLive .PreviewTable .PreviewTableTdDiv, .NewUIQuotationLive .PreviewTable .PreviewTableTdDiv {
    float: none;
    margin-left: 20%;
    height: 100% !important;
    max-height: 100% !important;
}

    .NewUIOrderLive .PreviewTable .PreviewTableTdDiv.RightAligned, .NewUIQuotationLive .PreviewTable .PreviewTableTdDiv.RightAligned {
        float: right;
    }

@media screen and (max-width:1850px) {
    /*.PreviewTable .PreviewTableTdDiv {
        width: 890px;
    }

    .NewOrderUI .PreviewTable .PreviewTableTdDiv {
        width: 710px;
    }*/

    .NewOrderUI.NewUIScheduleLive .PreviewTable .PreviewTableTdDiv {
        width: 100% !important;
        margin-left: 0%;
    }

    .ruset .PreviewTable .PreviewTableTdDiv {
        height: 920px;
        max-height: 920px;
    }
}

@media screen and (min-width:1850px) {
    /*.PreviewTable .PreviewTableTdDiv {
        width: 875px;
    }*/

    .NewUIScheduleLive .PreviewTable .PreviewTableTdDiv {
        width: 100% !important;
        margin-left: 0%;
    }

    .NewBillUI:not(.NewOrderUI) .PreviewTable .PreviewTableTdDiv {
        height: 700px;
    }

    .ruset .PreviewTable .PreviewTableTdDiv {
        height: 920px;
        max-height: 920px;
    }

    .NewOrderUI .PreviewTable .PreviewTableTdDiv {
        height: 700px;
    }
}

.PreviewPage {
}

.PreviewTableTdDiv::-webkit-scrollbar {
    display: none;
}

.draggableOnly td:first-child, .draggableOnly td:nth-child(2) {
    cursor: move;
}

.NewsDialogNew textarea, .NewsDialogNew .txtarea {
    width: 100% !important;
    border-radius: 0;
    -moz-border-radius: 0; /* Firefox */
    -webkit-border-radius: 0; /* Safari and Chrome */
    height: 175px !important;
    max-height: 175px !important;
    resize: none;
    border-bottom: none;
    /*padding-left: 10px;*/
    overflow: auto;
}

.NewsDialogNew .NewsAttachments {
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    border: none;
    margin-top: 10px;
    background: white;
    overflow: auto;
}

.LightTheme .NewsDialogNew .NewsAttachments {
    background: white;
}

.NewsDialogNew .NewsAttachments .Attachment {
    /*background: url(../../Images/NewUI/LightTheme/op_scr_news_attachment.svg) center center no-repeat;*/
    background-size: 100% 100%;
    display: inline-table;
    /*overflow: hidden;
    white-space: nowrap;*/
    text-align: center;
    /*text-overflow: ellipsis;*/
    min-width: 42px;
    cursor: pointer;
    font-size: 11px;
    height: 0;
    margin-right: 25px !important;
    padding: 10px 0 15px;
    color: #9c9e9f !important;
    border: 0 none;
}

.LightTheme .NewsDialogNew .NewsAttachments .Attachment {
    /*background: url(../../Images/NewUI/LightTheme/op_scr_news_attachment.svg) center center no-repeat;*/
    background-size: 100% 100%;
}

.NewsDialogNew .OuterTable {
    width: 100%;
    color: #9c9e9f;
}

    .NewsDialogNew .OuterTable .FirstTd {
        width: 520px;
        border-right: 1px solid #9e9e9e;
    }

    .NewsDialogNew .OuterTable .SecondTd {
        width: 180px;
        padding-top: 270px;
    }

        .NewsDialogNew .OuterTable .SecondTd label {
            margin-left: 15px;
        }

    .NewsDialogNew .OuterTable .SenderReceiverTable {
        width: 100%;
        padding: 20px 25px 0 20px;
    }

.NewsDialogNew .recipients {
    width: initial !important;
    border-radius: 0 !important;
    border: none;
    overflow-y: auto;
    max-height: 150px;
    color: black;
    min-height: 30px;
}

.NewBillUI .FilterCnt {
    margin-top: -5px;
}


@media screen and (max-width:1850px) {

    .NewBillUI .grid .extraLarge textarea {
        width: 385px;
    }

    .NewBillUI .grid .extraLarge, .NewBillUI .topMiddleArea {
        width: 400px;
    }

    .NewBillUI .NewLine {
        /*padding-top: 20px;*/
    }
}

.NoRightMargin {
    margin-right: 0px !important;
}

    .NoRightMargin.LeftMargin {
        margin-left: 10px;
    }

.sms-fax-email-dialog {
    height: 100% !important;
    /*background: rgb(87,89,90) !important;*/
}

.displayrecipient {
    margin: 15px 0 0px 35px;
    float: left;
    width: 360px !important;
    color: #ffffff !important;
}

.LightTheme .displayrecipient {
    color: rgba(0,0,0,0.75) !important;
}

.CommunicationModePopupPosition .ui-button-icon-primary.ui-icon.ui-icon-closethick {
    display: none;
}

.CommunicationModePopupPosition {
    padding-bottom: 50px !important;
}

.FixedAddIcon {
    color: transparent;
    padding-top: 10px;
    margin-top: 5px !important;
    width: 30px !important;
    cursor: pointer;
    display: none;
}

.row_0 .FixedAddIcon {
    display: block;
}

.CreateShipment {
    margin-top: 0px !important;
    font-size: 0;
    height: 30px;
}

.SelectRecipients {
    background: url(../../Images/NewUI/op_news_assignTo.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .SelectRecipients {
    background: url(../../Images/NewUI/LightTheme/op_news_assignTo.svg) center center no-repeat;
    background-size: 30px 30px;
}

.SetPrimaryContact {
    background: url(../../Images/NewUI/op_scr_setPrimaryContact.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .SetPrimaryContact {
    background: url(../../Images/NewUI/LightTheme/op_scr_setPrimaryContact.svg) center center no-repeat;
    background-size: 30px 30px;
}

.InstallHeatingSystem {
    background: url(../../Images/NewUI/op_heatingSystem_install.svg) center center no-repeat;
    vertical-align: top;
    background-size: 30px 30px;
    /*width: 37px;
    height: 30px !important;
    display: inline-block;
    text-indent: -9999px;*/
    cursor: pointer;
}

.LightTheme .InstallHeatingSystem {
    background: url(../../Images/NewUI/LightTheme/op_heatingSystem_install.svg) center center no-repeat;
    background-size: 30px 30px;
}

.InstallEquipment {
    background: url(../../Images/NewUI/op_equipment_install.svg) center center no-repeat;
    vertical-align: top;
    background-size: 30px 30px;
    /*width: 37px;
    height: 30px !important;
    display: inline-block;
    text-indent: -9999px;*/
    cursor: pointer;
}

.LightTheme .InstallEquipment {
    background: url(../../Images/NewUI/LightTheme/op_equipment_install.svg) center center no-repeat;
    background-size: 30px 30px;
}

.DeInstallHeatingSystem {
    background: url(../../Images/NewUI/op_heatingSystem_de-install.svg) center center no-repeat;
    vertical-align: top;
    cursor: pointer;
    background-size: 30px 30px;
    /*width: 37px;
    height: 30px !important;
    display: inline-block;
    text-indent: -9999px;
    cursor: pointer;*/
}

.LightTheme .DeInstallHeatingSystem {
    background: url(../../Images/NewUI/LightTheme/op_heatingSystem_de-install.svg) center center no-repeat;
    background-size: 30px 30px;
}

.DeInstallEquipment {
    background: url(../../Images/NewUI/op_equipment_de-install.svg) center center no-repeat;
    vertical-align: top;
    cursor: pointer;
    background-size: 30px 30px;
    /*width: 37px;
    height: 30px !important;
    display: inline-block;
    text-indent: -9999px;
    cursor: pointer;*/
}

.LightTheme .DeInstallEquipment {
    background: url(../../Images/NewUI/LightTheme/op_equipment_de-install.svg) center center no-repeat;
    background-size: 30px 30px;
}

.txtBox {
    background: #ffffff;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    padding: 5px;
    color: #2b2b2b;
    outline: none;
    position: relative;
    width: 108px;
}


.bottomReminder {
    margin-top: 50px;
    margin-right: -20px;
    margin-left: -30px;
    margin-bottom: -30px;
    background: linear-gradient(to bottom,rgb(244,244,244),rgb(205,207,208)) !important;
}

#dialogNewsMessage, #dialogMyNewsPopup {
    /*margin: 1.1em 16px .1em 1.2em;*/
}

    #dialogNewsMessage p, #dialogMyNewsPopup p {
        display: inline;
    }

    #dialogNewsMessage div, #dialogMyNewsPopup p {
    }

.NewsDialogNew div, .NewsDialogNew p {
    margin: 0px;
    padding: 0px;
}

#dialogNewsMessage label, #dialogMyNewsPopup p {
    vertical-align: top;
}

.SenderReceiverTable .firsttr, .SenderReceiverTable .secondtr, .SenderReceiverTable .thirdtr {
    background: white;
}

    .SenderReceiverTable .firsttr label, .SenderReceiverTable .secondtr label, .SenderReceiverTable .thirdtr label {
        color: #9c9e9f;
        margin-left: 10px;
    }

#NewsPopupSenderName, #NewsPopupDate, #NewsPopupSenderName_Popup, #NewsPopupDate_Popup, #NewsRecipients_Popup, #NewsRecipients, #NewsPopupUserSubject, #NewsPopupUserSubject_Popup {
    margin-left: 15px;
    color: black;
    font-weight: bold;
}

.disabledelement {
    color: #9c9e9f !important;
}

a.disabledLink {
    color: red !important;
}

.NewsSectionSeparator {
    background: #f4f4f4;
    height: 10px;
}

.txtarea {
    background: #ffffff;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    padding: 5px;
    color: #2b2b2b;
    outline: none;
    height: 60px;
}

#BillOrderTable td img.control {
    cursor: pointer;
}

.marginLeft {
    margin-left: calc(50% - 15px) !important;
}

.marginLeft45 {
    margin-left: 45%;
}

.MarginBottom80 {
    margin-bottom: 80px !important;
}

.centerAlign {
    width: 100%;
    text-align: center;
    margin: 0 !important;
}

.recipients {
    width: 305px !important;
    border: none;
    /*border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;*/
    min-height: 55px;
    max-height: 55px;
    overflow-y: auto;
    color: #9c9e9f;
    padding: 5px 0 0 5px;
}

.LightTheme .recipients {
    color: rgba(0,0,0,0.8);
}


.dialog {
    /*background: linear-gradient(to bottom,rgb(244,244,244),rgb(205,207,208)) !important;
    background-image: -webkit-linear-gradient(top,rgb(244,244,244),rgb(205,207,208)) !important;*/
}

.ui-dialog .dialog.ui-dialog-content {
    padding-top: 20px !important;
}

    .ui-dialog .dialog.ui-dialog-content::-webkit-scrollbar, .ui-dialog .dialog.ui-dialog-content .impAutoScroll::-webkit-scrollbar, .ui-dialog .ui-jqgrid-bdiv::-webkit-scrollbar, .PinboardBody::-webkit-scrollbar, #dialogDocPreview #documentPreview::-webkit-scrollbar {
        /*width: 1em !important;*/
    }

    .ui-dialog .dialog.ui-dialog-content::-webkit-scrollbar-track, .ui-dialog .dialog.ui-dialog-content .impAutoScroll::-webkit-scrollbar-track, .ui-dialog .ui-jqgrid-bdiv::-webkit-scrollbar-track, .PinboardBody::-webkit-scrollbar-track, #dialogDocPreview #documentPreview::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,159,227,1) !important;
    }

html.IONETheme ::-webkit-scrollbar-track,
IONETheme div::-webkit-scrollbar-track,
.IONETheme .ui-dialog .dialog.ui-dialog-content::-webkit-scrollbar-track,
.IONETheme .ui-dialog .dialog.ui-dialog-content .impAutoScroll::-webkit-scrollbar-track,
.IONETheme .ui-dialog .dialog.ui-dialog-content .dataTables_wrapper::-webkit-scrollbar-track,
.IONETheme .dataTables_wrapper::-webkit-scrollbar-track,
.IONETheme .ui-dialog .ui-jqgrid-bdiv::-webkit-scrollbar-track,
.IONETheme .PinboardBody::-webkit-scrollbar-track,
.IONETheme #dialogDocPreview #documentPreview::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 169, 112,1) !important;
}

.ui-dialog .dialog.ui-dialog-content::-webkit-scrollbar-thumb, .ui-dialog .dialog.ui-dialog-content .impAutoScroll::-webkit-scrollbar-thumb, .ui-dialog .ui-jqgrid-bdiv::-webkit-scrollbar-thumb, .PinboardBody::-webkit-scrollbar-thumb, #dialogDocPreview #documentPreview::-webkit-scrollbar-thumb {
    /*background: rgba(0,159,227,1) !important;
    outline: 1px solid rgba(0,159,227,1) !important;*/
}

html.IONETheme ::-webkit-scrollbar-thumb,
IONETheme div::-webkit-scrollbar-thumb,
.IONETheme .ui-dialog .dialog.ui-dialog-content::-webkit-scrollbar-thumb,
.IONETheme .ui-dialog .dialog.ui-dialog-content .impAutoScroll::-webkit-scrollbar-thumb,
.IONETheme .ui-dialog .dialog.ui-dialog-content .dataTables_wrapper::-webkit-scrollbar-thumb,
.IONETheme .dataTables_wrapper::-webkit-scrollbar-thumb,
.IONETheme .ui-dialog .ui-jqgrid-bdiv::-webkit-scrollbar-thumb,
.IONETheme .PinboardBody::-webkit-scrollbar-thumb,
.IONETheme #dialogDocPreview #documentPreview::-webkit-scrollbar-thumb {
    /*background: rgba(0, 169, 112,1) !important;
    outline: 1px solid rgba(0, 169, 112,1) !important;*/
}

.ui-dialog .dialog.ui-dialog-content {
    scrollbar-face-color: rgba(0,0,0,0.5);
    scrollbar-base-color: rgba(0,0,0,0.5);
    /*scrollbar-3dlight-color: rgba(0,0,0,0.5);*/
    /*scrollbar-highlight-color: rgba(0,0,0,0.0);*/
    /*scrollbar-track-color: rgba(0,0,0,0.1);*/
    /*scrollbar-arrow-color: transparent;*/
    /*scrollbar-shadow-color: rgba(0,0,0,0.5);*/
    /*scrollbar-darkshadow-color: rgba(0,0,0,0.5);*/
}

.permission {
    /*background: white;*/
    color: rgba(255,255,255,0.75);
}

.LightTheme .permission {
    color: rgba(0,0,0,0.75);
}

.SetPrimaryItem {
    background: url(../../Images/NewUI/op_scr_setPrimaryItem.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .SetPrimaryItem {
    background: url(../../Images/NewUI/LightTheme/op_scr_setPrimaryItem.svg) center center no-repeat;
    background-size: 30px 30px;
}

.SetPrimaryFlat {
    background: url(../../Images/NewUI/op_scr_setPrimaryFlat.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .SetPrimaryFlat {
    background: url(../../Images/NewUI/LightTheme/op_scr_setPrimaryFlat.svg) center center no-repeat;
    background-size: 30px 30px;
}

.startTask {
    background: url(../../Images/NewUI/op_scr_start-task.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    padding-top: 5px;*/
    vertical-align: top;
}

.AcceptDifferentAddressBooking {
    background: url(../../Images/NewUI/op_scr_approve.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .AcceptDifferentAddressBooking {
    background: url(../../Images/NewUI/LightTheme/op_scr_approve.svg) center center no-repeat;
    background-size: 30px 30px;
}

.DeclineDifferentAddressBooking {
    background: url(../../Images/NewUI/op_scr_reject.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .DeclineDifferentAddressBooking {
    background: url(../../Images/NewUI/LightTheme/op_scr_reject.svg) center center no-repeat;
    background-size: 30px 30px;
}

.startTimeLog {
    background: url(../../Images/NewUI/op_scr_start-task.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    padding-top: 5px;*/
    vertical-align: top;
    margin-top: 25px;
}

.LightTheme .startTask {
    background: url(../../Images/NewUI/LightTheme/op_scr_start-task.svg) center center no-repeat;
    background-size: 30px 30px;
}

.startTask.small {
    background: url(../../Images/NewUI/op_scr_start-task_small.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px !important;
    height: 30px !important;
    display: inline-block;
    text-indent: -9999px;
    margin-left: -15px;
}

.LightTheme .startTask.small {
    background: url(../../Images/NewUI/LightTheme/op_scr_start-task_small.svg) center center no-repeat;
    background-size: 30px 30px;
}

.pauseTask {
    background: url(../../Images/NewUI/com_pause_black.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;*/
}

.LightTheme .pauseTask {
    background: url(../../Images/NewUI/LightTheme/com_pause_black.svg) center center no-repeat;
    background-size: 30px 30px;
}

.pauseTask.small {
    background: url(../../Images/NewUI/com_pause_black_small.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px !important;
    height: 30px !important;
    display: inline-block;
    text-indent: -9999px;
    margin-left: -15px;
}

.LightTheme .pauseTask.small {
    background: url(../../Images/NewUI/LightTheme/com_pause_black_small.svg) center center no-repeat;
    background-size: 30px 30px;
}

.resumeTask {
    background: url(../../Images/NewUI/com_resume_black.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;*/
}

.LightTheme .resumeTask {
    background: url(../../Images/NewUI/LightTheme/com_resume_black.svg) center center no-repeat;
    background-size: 30px 30px;
}

.resumeTask.small {
    background: url(../../Images/NewUI/com_resume_black_small.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px !important;
    height: 30px !important;
    display: inline-block;
    text-indent: -9999px;
    margin-left: -15px;
}

.LightTheme .resumeTask.small {
    background: url(../../Images/NewUI/LightTheme/com_resume_black_small.svg) center center no-repeat;
    background-size: 30px 30px;
}

.cancelTask {
    background: url(../../Images/NewUI/com_cancel_black.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .cancelTask {
    background: url(../../Images/NewUI/LightTheme/com_cancel_black.svg) center center no-repeat;
    background-size: 30px 30px;
}

.obstacleTask {
    background: url(../../Images/NewUI/com_obstacle_task.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .obstacleTask {
    background: url(../../Images/NewUI/LightTheme/com_obstacle_task.svg) center center no-repeat;
    background-size: 30px 30px;
}

.doneTask {
    background: url(../../Images/NewUI/com_success-white.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;*/
}

.LightTheme .doneTask {
    background: url(../../Images/NewUI/LightTheme/com_success-white.svg) center center no-repeat;
    background-size: 30px 30px;
}

.editSavePDFOrder {
    background: url(../../Images/NewUI/op_scr_pdf.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
    cursor: pointer;
}

.LightTheme .ImportUgl {
    background: url(../../Images/NewUI/LightTheme/op_scr_importUgl.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ImportUgl {
    background: url(../../Images/NewUI/op_scr_importUgl.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
    cursor: pointer;
}

.LightTheme .editSavePDFOrder {
    background: url(../../Images/NewUI/LightTheme/op_scr_pdf.svg) center center no-repeat;
    background-size: 30px 30px;
}

.exportPDFWithCoverLetter {
    background: url(../../Images/NewUI/op_scr_pdf_cover.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
    cursor: pointer;
}

.LightTheme .exportPDFWithCoverLetter {
    background: url(../../Images/NewUI/LightTheme/op_scr_pdf_cover.svg) center center no-repeat;
    background-size: 30px 30px;
}

.log {
    background: url(../../Images/NewUI/log.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
    cursor: pointer;
}

.LightTheme .log {
    background: url(../../Images/NewUI/LightTheme/log.svg) center center no-repeat;
    background-size: 30px 30px;
}

.editSavePDFOrder.dark {
    background: url(../../Images/NewUI/LightTheme/op_scr_pdf.svg) center center no-repeat;
    background-size: 30px 30px;
    background-color: white;
}

.LightTheme .editSavePDFOrder.dark {
    background: url(../../Images/NewUI/LightTheme/op_scr_pdf.svg) center center no-repeat;
    background-size: 30px 30px;
    background-color: white;
}

.editSavePDFOrder.Dunning {
    background: url(../../Images/NewUI/op_scr_dunning_pdf.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .editSavePDFOrder.Dunning {
    background: url(../../Images/NewUI/LightTheme/op_scr_dunning_pdf.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ReloadObject {
    background: url(../../Images/NewUI/op_scr_reload.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: block;
}

.LightTheme .ReloadObject {
    background: url(../../Images/NewUI/LightTheme/op_scr_reload.svg) center center no-repeat;
    background-size: 30px 30px;
}


.ModuleSelection {
    background: url(../../Images/NewUI/op_scr_moduleselection.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
    cursor: pointer;
}

.LightTheme .ModuleSelection {
    background: url(../../Images/NewUI/LightTheme/op_scr_moduleselection.svg) center center no-repeat;
    background-size: 30px 30px;
}

.BillAddItem {
    background: url(../../Images/NewUI/op_scr_add_dark.svg) center center no-repeat;
    background-size: 100% 100%;
    width: 28px;
    height: 27px;
    display: inline-block;
    border: 0 none;
    text-indent: -9999px;
    margin: 0 10px 0 0;
    float: left;
    cursor: pointer;
}

.LightTheme .BillAddItem {
    background: url(../../Images/NewUI/LightTheme/op_scr_add_dark.svg) center center no-repeat;
    background-size: 100% 100%;
}

.BillCreateNewAddItem {
    background: url(../../Images/NewUI/op_scr_add.svg) center center no-repeat;
    /* background-size: 100% 100%; */
    vertical-align: top;
    cursor: pointer;
    background-size: 30px 30px;
}

.LightTheme .BillCreateNewAddItem {
    background: url(../../Images/NewUI/LightTheme/op_scr_add.svg) center center no-repeat;
    background-size: 30px 30px;
}

.BillCreateNewCopyItem {
    background: url(../../Images/NewUI/op_scr_copy.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
    cursor: pointer;
}

.LightTheme .BillCreateNewCopyItem {
    background: url(../../Images/NewUI/LightTheme/op_scr_copy.svg) center center no-repeat;
    background-size: 30px 30px;
}

.BillCreateNewBtnDelete {
    background: url(../../Images/NewUI/op_scr_delete-record.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
    cursor: pointer;
}

.LightTheme .BillCreateNewBtnDelete {
    background: url(../../Images/NewUI/LightTheme/op_scr_delete-record.svg) center center no-repeat;
    background-size: 30px 30px;
}

.AddShipment {
    background: url(../../Images/NewUI/op_scr_add_shipment.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
    cursor: pointer;
}

.LightTheme .AddShipment {
    background: url(../../Images/NewUI/LightTheme/op_scr_add_shipment.svg) center center no-repeat;
    background-size: 30px 30px;
}

.AddExistingItem {
    background: url(../../Images/NewUI/op_scr_link_temp_item.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .AddExistingItem {
    background: url(../../Images/NewUI/LightTheme/op_scr_link_temp_item.svg) center center no-repeat;
    background-size: 30px 30px;
}

.AddTemporaryItem {
    background: url(../../Images/NewUI/op_scr_add.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .AddTemporaryItem {
    background: url(../../Images/NewUI/LightTheme/op_scr_add.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LinkExistingTempItems {
    background: url(../../Images/NewUI/op_src_search-temp-item.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .LinkExistingTempItems {
    background: url(../../Images/NewUI/LightTheme/op_src_search-temp-item.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LinkExistingTempItems.Dark {
    background: url(../../Images/NewUI/op_src_search-temp-item-dark.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 0 none;
    text-indent: -9999px;
    margin: 0 10px 0 0;
    cursor: pointer;
}

.LightTheme .LinkExistingTempItems.Dark {
    background: url(../../Images/NewUI/LightTheme/op_src_search-temp-item-dark.svg) center center no-repeat;
    background-size: 30px 30px;
}

.selectPriceListRhs {
    background: url(../../Images/NewUI/op_scr_refer-price-list_light.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .selectPriceListRhs {
    background: url(../../Images/NewUI/LightTheme/op_scr_refer-price-list_light.svg) center center no-repeat;
    background-size: 30px 30px;
}

.OrderTempororyItem {
    background: url(../../Images/NewUI/op_scr_addtempitem.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 60px;
    height: 60px;
    display: inline-block;
    font-size: 0px;
    text-align: center;
    color: #2b2b2b;
    cursor: pointer;
}

.LightTheme .OrderTempororyItem {
    background: url(../../Images/NewUI/LightTheme/op_scr_addtempitem.svg) center center no-repeat;
    background-size: 30px 30px;
}

.AddComment {
    background: url(../../Images/NewUI/op_scr_create-comment.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .AddComment {
    background: url(../../Images/NewUI/LightTheme/op_scr_create-comment.svg) center center no-repeat;
    background-size: 30px 30px;
}

.Preview {
    margin: 31px 31px 31px 0;
}

    .Preview .PreviewDiv {
        margin: 24px 24px 24px 72px;
        width: 820px;
    }

.UC49114:not(.AngularVersion) .Preview .PreviewDiv,
.UC49107:not(.AngularVersion) .Preview .PreviewDiv {
    width: 768px;
}

.DocumentEntry .Preview .PreviewDiv {
    width: initial;
}

.NewUIScheduleLive .Preview .PreviewDiv {
    width: 95%;
}

@media screen and (max-width:1750px) {

    .NewOrderUI.NewUIScheduleLive .PreviewTable .PreviewTableTdDiv {
    }

    .EditBottomNavTable.ScheduleLive .EditBottomNav.NewUIOrderLive {
        margin-right: 245px;
    }
}

@media screen and (min-width:1950px) {

    .EditBottomNavTable.ScheduleLive .EditBottomNav.NewUIOrderLive {
        margin-right: 241px;
    }
}

@media screen and (max-width:1550px) {

    .EditBottomNavTable.ScheduleLive .EditBottomNav.NewUIOrderLive {
        margin-right: 244px;
    }
}

@media screen and (max-width:1850px) {

    .Preview .PreviewDiv {
        margin: 24px 0px 24px 46px;
        width: 820px;
    }

    .NewOrderUI .Preview .PreviewDiv {
        width: 670px;
    }

    .NewOrderUI.NewUIScheduleLive .Preview .PreviewDiv {
        width: 95%;
    }
}

.AddShipment {
    background: url(../../Images/NewUI/op_scr_add_shipment.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
    cursor: pointer;
}

.LightTheme .AddShipment {
    background: url(../../Images/NewUI/LightTheme/op_scr_add_shipment.svg) center center no-repeat;
    background-size: 30px 30px;
}

.matchOrder {
    /*padding: 0 10px;
    margin: 0;
    display: inline-block;
    text-indent: -9999px;
    margin-right: 10px;
    /*background-size: 100% 100%;*/
    /*width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;*/
    background: #ffffff url(../../Images/NewUI/op_scr_match-order.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    right: -5px;
    /*-moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;*/
    border: none;
    border-left: 0 none;
}

.LightTheme .matchOrder {
    background: #ffffff url(../../Images/NewUI/LightTheme/op_scr_match-order.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .matchOrder {
    background-size: 25px 25px !important;
}

.OuterAddress {
    padding-bottom: 20px;
    padding-top: 20px;
    background: rgba(0,0,0,0.5);
    padding-left: 20px;
}

.LightTheme .OuterAddress {
    background: rgba(255,255,255,0.5);
}

.EditBottomNavNew {
    /*padding-left: 20px !important;*/
    background: rgba(0,0,0,0.75);
    bottom: 0;
    /*position: absolute;*/
    width: 100%;
    /*margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px;*/
    font-size: 0px !important;
}

.LightTheme .EditBottomNavNew {
    background: rgba(255,255,255,0.75);
}

.SendNewsPopup {
    background: url(../../Images/NewUI/op_scr_savenews_popup.svg) center center no-repeat;
    background-size: 30px 30px;
    /*float: none !important;
    width: 29px;
    height: 30px;
    line-height: 0;
    font-size: 0;
    margin: 5px 0 0 0 !important;
    padding: 0;*/
    border: 0 none;
    cursor: pointer;
    margin: 5px 0 0 0 !important;
    float: left !important;
    max-width: 55px;
    min-width: 30px;
    height: 0;
    padding: 35px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 0px !important;
}

.LightTheme .SendNewsPopup {
    background: url(../../Images/NewUI/LightTheme/op_scr_savenews_popup.svg) center center no-repeat;
    background-size: 30px 30px;
}

.SendNews {
    background: url(../../Images/NewUI/op_scr_savenews.svg) center center no-repeat;
    background-size: 30px 30px;
    /*float: none !important;
    width: 29px;
    height: 30px;
    line-height: 0;
    font-size: 0;
    margin: 5px 0 0 0 !important;
    padding: 0;*/
    border: 0 none;
    cursor: pointer;
    margin: 5px 0 0 6px !important;
    float: left !important;
    max-width: 55px;
    min-width: 30px;
    height: 0;
    padding: 35px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 0px !important;
}

.LightTheme .SendNews {
    background: url(../../Images/NewUI/LightTheme/op_scr_savenews.svg) center center no-repeat;
    background-size: 30px 30px;
}

.mediumPriority {
    background: url(../../Images/NewUI/op_scr_mediumPrioritynews_dark.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 29px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin: 5px 0 0 0;
    padding: 0;*/
    border: 0 none;
    cursor: pointer;
    margin: 5px 6px 0 6px;
    float: left !important;
    max-width: 55px;
    min-width: 30px;
    height: 0;
    padding: 35px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 0px !important;
}

.LightTheme .mediumPriority {
    background: url(../../Images/NewUI/LightTheme/op_scr_mediumPrioritynews_dark.svg) center center no-repeat;
    background-size: 30px 30px;
}

.faxImage {
    background: url(../../Images/NewUI/op_scr_fax_mode.svg) center center no-repeat;
    background-size: 100% 100%;
    border: 0 none;
    cursor: pointer;
    margin: 5px 20px 0 35px;
    float: none !important;
    width: 60px;
    height: 60px;
    padding: 60px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 0px !important;
}

.LightTheme .faxImage {
    background: url(../../Images/NewUI/LightTheme/op_scr_fax_mode.svg) center center no-repeat;
    background-size: 100% 100%;
}

.emailImage {
    background: url(../../Images/NewUI/op_scr_email_mode.svg) center center no-repeat;
    background-size: 100% 100%;
    border: 0 none;
    cursor: pointer;
    margin: 5px 20px 0 20px;
    float: none !important;
    width: 60px;
    height: 60px;
    padding: 60px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 0px !important;
}

.LightTheme .emailImage {
    background: url(../../Images/NewUI/LightTheme/op_scr_email_mode.svg) center center no-repeat;
    background-size: 100% 100%;
}

.smsImage {
    background: url(../../Images/NewUI/op_scr_sms_mode.svg) center center no-repeat;
    background-size: 100% 100%;
    border: 0 none;
    cursor: pointer;
    margin: 5px 20px 0 20px;
    float: none !important;
    width: 60px;
    height: 60px;
    padding: 60px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 0px !important;
}

.LightTheme .smsImage {
    background: url(../../Images/NewUI/LightTheme/op_scr_sms_mode.svg) center center no-repeat;
    background-size: 100% 100%;
}


.internalImage {
    background: url(../../Images/NewUI/op_scr_internal_mode.svg) center center no-repeat;
    background-size: 100% 100%;
    border: 0 none;
    cursor: pointer;
    margin: 5px 20px 0 20px;
    float: none !important;
    width: 60px;
    height: 60px;
    padding: 60px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 0px !important;
}

.LightTheme .internalImage {
    background: url(../../Images/NewUI/LightTheme/op_scr_internal_mode.svg) center center no-repeat;
    background-size: 100% 100%;
}

.highPriority {
    background: url(../../Images/NewUI/op_scr_highPrioritynews.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 29px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin: 5px 0 0 0;
    padding: 0;*/
    border: 0 none;
    cursor: pointer;
    margin: 5px 6px 0 6px !important;
    float: left !important;
    max-width: 55px;
    min-width: 30px;
    height: 0;
    padding: 35px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 0px !important;
}

.LightTheme .highPriority {
    background: url(../../Images/NewUI/LightTheme/op_scr_highPrioritynews.svg) center center no-repeat;
    background-size: 30px 30px;
}

.attachObject {
    background: url(../../Images/NewUI/op_scr_manual_news_attachment.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 32px;
    height: 32px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin: 5px 0 0 0;
    padding: 0;*/
    border: 0 none;
    cursor: pointer;
    margin: 5px 6px 0 6px !important;
    float: left !important;
    max-width: 55px;
    min-width: 30px;
    height: 0;
    padding: 35px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 0px !important;
}

.LightTheme .attachObject {
    background: url(../../Images/NewUI/LightTheme/op_scr_manual_news_attachment.svg) center center no-repeat;
    background-size: 30px 30px;
}

.notAttachObject {
    background: url(../../Images/NewUI/op_scr_manual_news_attachment.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 32px;
    height: 32px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin: 5px 0 0 0;
    padding: 0;*/
    border: 0 none;
    cursor: pointer;
    margin: 5px 6px 0 6px !important;
    float: left !important;
    max-width: 55px;
    min-width: 30px;
    height: 0;
    padding: 35px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 0px !important;
}

.LightTheme .notAttachObject {
    background: url(../../Images/NewUI/LightTheme/op_scr_manual_news_attachment.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ExpandCollapseNews {
    background: url(../../Images/NewUI/news_expand.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    margin: 5px 6px 0 10px !important;
    max-width: 55px;
    min-width: 30px;
    height: 0;
    padding: 35px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 0px !important;
    float: left;
}

    .ExpandCollapseNews.Expand {
        background: url(../../Images/NewUI/news_expand.svg) center center no-repeat;
        background-size: 30px 30px;
    }

    .ExpandCollapseNews.Collapse {
        background: url(../../Images/NewUI/news_collapse.svg) center center no-repeat;
        background-size: 30px 30px;
    }

.LightTheme .ExpandCollapseNews.Expand {
    background: url(../../Images/NewUI/LightTheme/news_expand.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .ExpandCollapseNews.Collapse {
    background: url(../../Images/NewUI/LightTheme/news_collapse.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme .expandButton {
    background: url(../../Images/NewUI/news_expand.svg) center center no-repeat;
    background-size: 30px 30px !important;
}

.expandButton {
    background: url(../../Images/NewUI/news_expand.png) center center no-repeat;
    background-size: 30px 30px;
    /*width: 32px;
    height: 32px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin: 5px 0 0 0;
    padding: 0;*/
    border: 0 none;
    cursor: pointer;
    margin: 5px 0 0 10px !important;
    /*float: left !important;*/
    max-width: 55px;
    min-width: 30px;
    height: 0;
    padding: 35px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 0px !important;
}

.DoneTaskList {
    background: url(../../Images/NewUI/com_success-white.svg) center center no-repeat;
    cursor: pointer;
    vertical-align: top;
    background-size: 30px 30px;
}

.LightTheme .DoneTaskList {
    background: url(../../Images/NewUI/LightTheme/com_success-white.svg) center center no-repeat;
    background-size: 30px 30px;
}

.DoneExportTemplate {
    background: url(../../Images/NewUI/com_ExportSelection_Done-white.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    /*margin-right: 25px;*/
    max-width: 55px;
    height: 55px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    min-width: 40px;
    font-size: 0px !important;
    font-family: Segoe UI Light,Calibri, Arial, Helvetica, sans-serif !important;
    /*margin-top: 5px;*/
}

.LightTheme .DoneExportTemplate {
    background: url(../../Images/NewUI/LightTheme/com_ExportSelection_Done-white.svg) center center no-repeat;
    background-size: 30px 30px;
}

.MyNewsPopup .ui-dialog-titlebar {
    background-color: #0fcc36;
    border: none !important;
}

.MyNewsPopup.NewsDialogNew .ui-dialog-titlebar {
    width: 100%;
}

.MyNewsPopup .ui-dialog-titlebar-close {
    right: 40px !important;
    background: url(../../Images/NewUI/op_oth_close-popup-transparent.svg) center top no-repeat !important;
    border: none !important;
    background-size: 30px 30px !important;
}

.LightTheme .MyNewsPopup .ui-dialog-titlebar-close {
    background: url(../../Images/NewUI/LightTheme/op_oth_close-popup-transparent.svg) center top no-repeat !important;
    background-size: 30px 30px !important;
}

.NewsDialogNew .NewsPopupMessageDiv {
    /*padding-right: 15px;*/
}

.MyNewsPopup .ui-dialog-title {
    width: 100%;
    text-align: center;
    margin-left: -40px !important;
}

.MyNewsPopup .popup-close {
    background: none !important;
    border: none;
}

.MyNewsPopup .EditRecord {
    background: url(../../Images/NewUI/op_grid_view-edit.svg) center center no-repeat !important;
    background-size: 37px 23px !important;
    /*background-size: 100% 100%;*/
    width: 37px;
    height: 23px;
    display: inline-block;
    text-indent: -9999px;
}

.LightTheme .MyNewsPopup .EditRecord {
    background: url(../../Images/NewUI/LightTheme/op_grid_view-edit.svg) center center no-repeat !important;
    background-size: 37px 23px !important;
}

.MyNewsPopup .txtarea {
    min-height: 100px;
    max-height: 100px;
}

.MyNewsPopup .half, .MyNewsPopup .half .txtbox {
    width: 140px;
}

.MyNewsPopup .smallmedium, .MyNewsPopup .smallmedium .txtbox {
    width: 470px;
}

.RecipientsListBox .col {
    margin: 0 20px 0 0;
}

.ForwardNews {
    background: url(../../Images/NewUI/op_grid_forward_news.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-indent: -9999px;
    cursor: pointer;
}

.LightTheme .ForwardNews {
    background: url(../../Images/NewUI/LightTheme/op_grid_forward_news.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ReplyNews {
    background: url(../../Images/NewUI/op_grid_reply_news.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-indent: -9999px;
    cursor: pointer;
}

.LightTheme .ReplyNews {
    background: url(../../Images/NewUI/LightTheme/op_grid_reply_news.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ReplyForwardList {
    overflow: hidden;
    width: 150px;
    border: none;
    background: #fff url("../../Images/NewUI/op_ctrl_pull-down.png") right 12px no-repeat;
    font-size: 12px;
    color: #2b2b2b;
    position: relative;
    z-index: 1;
    margin-top: 5px;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
}

.LightTheme .ReplyForwardList {
    background: #fff url("../../Images/NewUI/LightTheme/op_ctrl_pull-down.png") right 12px no-repeat;
}

.ReplyForwardPopup .searchbox {
    width: 312px;
    margin-bottom: 15px;
}

.ReplyForwardPopup .RecipientsListBox .txtbox {
    margin-left: 0;
}

.ReplyForwardPopup .addRecipient {
    margin-left: 2px;
    /*-moz-padding-end: 10px;*/
    padding-right: 10px;
    -webkit-padding-end: 3px;
    margin-top: 33px;
}

.ReplyForwardPopup .removeRecipient {
    margin-left: 3px;
}

.ReplyForwardPopup .RecipientsListBox {
    max-height: 165px;
    overflow-y: auto;
    overflow-x: hidden;
}


.ReplyForwardPopup .PopupGridPadding {
    padding-left: 0;
    margin: 5px 0 0 0;
}

.ReplyForwardNewsRowPadding {
    padding-left: 20px !important;
}

.ui-datepicker {
    z-index: 100002 !important;
}

.TempExpandCollapseAllDiv {
    display: none !important;
}

.BGWToCreateOrder {
    background: url(../../Images/NewUI/op_BGWToCreateOrder.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 26px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    margin: 0;
    padding: 0;
    margin-right: 10px;*/
}

.LightTheme .BGWToCreateOrder {
    background: url(../../Images/NewUI/LightTheme/op_BGWToCreateOrder.svg) center center no-repeat;
    background-size: 30px 30px;
}

.saveandsendToBGW {
    background: url(../../Images/NewUI/op_scr_saveandsendToBGW.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    text-indent: -9999px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;*/
}

.LightTheme .saveandsendToBGW {
    background: url(../../Images/NewUI/LightTheme/op_scr_saveandsendToBGW.svg) center center no-repeat;
    background-size: 30px 30px;
}

.RejectBGWOrder {
    background: url(../../Images/NewUI/op_scr_RejectBGWOrder.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;
    vertical-align: top;*/
}

.LightTheme .RejectBGWOrder {
    background: url(../../Images/NewUI/LightTheme/op_scr_RejectBGWOrder.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ESSRPost {
    background: url(../../Images/NewUI/op_scr_ESSRPost.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;*/
}

.LightTheme .ESSRPost {
    background: url(../../Images/NewUI/LightTheme/op_scr_ESSRPost.svg) center center no-repeat;
    background-size: 30px 30px;
}


.SendOrder {
    background: url(../../Images/NewUI/op_scr_SendOrder.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 30px;
    height: 30px;
    border: 0 none;*/
}

.LightTheme .SendOrder {
    background: url(../../Images/NewUI/LightTheme/op_scr_SendOrder.svg) center center no-repeat;
    background-size: 30px 30px;
}

.pRelative {
    position: relative;
}

.adjustColumn:hover {
    border-right: 5px solid #fff;
}

.LightTheme .adjustColumn:hover {
    border-right: 5px solid rgba(0,159,227,1);
}

.LightTheme.IONETheme .adjustColumn:hover {
    border-right: 5px solid rgba(0, 169, 112,1);
}

.FirstColumn .ChkBoxCnt {
    height: 30px;
}

.adjustColumn, .RhsOrderItem th {
    font-size: 11px !important;
}

.ShowBorderRight {
    border-right: 5px solid transparent;
}

.RM .ShowBorderRight {
    border-right: 5px solid;
    border-right-color: transparent;
}

    .RM .ShowBorderRight:hover {
        border-right-color: #fff;
    }



.Promote {
    background: url(../../Images/NewUI/op_scr_promote.svg) center center no-repeat;
    vertical-align: top;
    background-size: 30px 30px;
}

.LightTheme .Promote {
    background: url(../../Images/NewUI/LightTheme/op_scr_promote.svg) center center no-repeat;
    background-size: 30px 30px;
}

.Demote {
    background: url(../../Images/NewUI/op_scr_demote.svg) center center no-repeat;
    vertical-align: top;
    background-size: 30px 30px;
}

.LightTheme .Demote {
    background: url(../../Images/NewUI/LightTheme/op_scr_demote.svg) center center no-repeat;
    background-size: 30px 30px;
}

.Promote.PreviousRecord {
    background: url(../../Images/NewUI/op_scr_previous_record.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .Promote.PreviousRecord {
    background: url(../../Images/NewUI/LightTheme/op_scr_previous_record.svg) center center no-repeat;
    background-size: 30px 30px;
}

.Demote.NextRecord {
    background: url(../../Images/NewUI/op_scr_next_record.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .Demote.NextRecord {
    background: url(../../Images/NewUI/LightTheme/op_scr_next_record.svg) center center no-repeat;
    background-size: 30px 30px;
}

.EditOrderItem {
    background: url(../../Images/NewUI/op_scr_orderitem_edit.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 60px;
    height: 60px;
    display: inline-block;
    font-size: 0px;
    text-align: center;
    color: #2b2b2b;
}

.LightTheme .EditOrderItem {
    background: url(../../Images/NewUI/LightTheme/op_scr_orderitem_edit.svg) center center no-repeat;
    background-size: 30px 30px;
}

.RhsOrderItem {
    padding-right: 10%;
    padding-left: 10%;
    -webkit-padding-start: 20%;
}

    .RhsOrderItem tbody tr td {
        text-align: center;
    }

.EditRHSItem {
    background: url(../../Images/NewUI/op_scr_orderRHSitem_edit.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 60px;
    height: 60px;
    display: inline-block;
    font-size: 0px;
    text-align: center;
    color: #2b2b2b;
}

.LightTheme .EditRHSItem {
    background: url(../../Images/NewUI/LightTheme/op_scr_orderRHSitem_edit.svg) center center no-repeat;
    background-size: 30px 30px;
}

.AddUnlinkItems {
    background: url(../../Images/NewUI/op_scr_add_unlink.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .AddUnlinkItems {
    background: url(../../Images/NewUI/LightTheme/op_scr_add_unlink.svg) center center no-repeat;
    background-size: 30px 30px;
}

.textSelectList {
    position: relative;
}

.selectTextbox {
    background: #ffffff;
    /*border-radius: 5px 5px 5px 5px;*/
    /*padding: 0 6px 6px 6px;*/
    color: #2b2b2b;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    outline: none;
    border: 0px solid #FFF;
    border-right: 1px solid #d3d3d3;
    /*border-radius: 5px 0 0 5px;*/
    height: 30px;
}

.mergedSelectlist {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    display: inline-block;
    /*border-radius: 5px 5px 5px 5px;*/
}

.extraMedium .selectTextbox {
    width: 108px !important;
}

.extraMedium .mergedSelectlist {
    width: 210px !important;
    padding-left: 123px !important;
}

.medium .selectTextbox {
    width: 135px !important;
}

.medium .mergedSelectlist {
    width: 280px !important;
    padding-left: 150px !important;
}

.small .selectTextbox {
    width: 60px !important;
    /*padding: 0 6px 6px 6px !important;*/
    padding-left: 6px !important;
}

.RM .selectTextbox {
    width: 70px;
}

.small .Large .selectTextbox {
    width: 45px !important;
}

.small .Large .mergedSelectlist {
    padding-left: 55px !important;
}

.small .mergedSelectlist {
    /*padding: 5px!important;*/
    width: 175px !important;
    padding-left: 70px !important;
    height: 30px !important;
}

.small .textSelectList,
.IONETheme .smallmedium .textSelectList {
    height: 30px;
    background: #ffffff url("../../Images/NewUI/op_ctrl_pull-down.png") right 14px no-repeat !important;
}

.LightTheme .small .textSelectList,
.49118.LightTheme .smallmedium .textSelectList {
    height: 30px;
    background: #ffffff url("../../Images/NewUI/LightTheme/op_ctrl_pull-down.png") right 14px no-repeat !important;
}

img + .browserhidden {
    position: absolute;
    width: 125px;
    height: 115px;
    opacity: 0;
    left: 0;
    top: 20px;
}

img + .browserhiddenNew {
    position: absolute;
    width: 538px;
    height: 174px;
    opacity: 0;
    left: 0;
    top: 20px;
}

.medium img + .browserhidden {
    width: 250px;
    height: 230px;
}

img#personPicture + .browserhidden {
    width: 260px;
    height: 230px;
    left: -140px;
    top: 0px;
    float: right;
}


.searchbox .EditRecord.texboxwithlink {
    position: absolute;
    margin-left: -45px;
    margin-top: 3px;
}

.IONETheme .searchbox .EditRecord.texboxwithlink {
    margin-top: initial;
}

.searchbox .EditRecord.texboxwithlink[data-ione-id=""] {
    display: none;
}

.StatusStyle {
    display: inline !important;
    padding-right: 10px;
    margin-right: -7px !important;
    padding-left: 10px;
}

.StatusRow .StatusStyle:first-child {
    padding-left: 10px;
    border-left: 1px solid grey;
}

.LightTheme .StatusRow .StatusStyle:first-child {
    padding-left: 10px;
    border-left: 1px solid rgba(0,159,227,1);
}

.LightTheme.IONETheme .StatusRow .StatusStyle:first-child {
    border-left: 1px solid rgba(0, 169, 112,1);
}

.StatusRow .StatusStyle.LastChild {
    border-right: 1px solid grey;
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    background: none;
}

.LightTheme .StatusRow .StatusStyle.LastChild {
    border-right: 1px solid rgba(0,159,227,1);
    border-top: 1px solid rgba(0,159,227,1);
    border-bottom: 1px solid rgba(0,159,227,1);
    background: none;
}

.LightTheme.IONETheme .StatusRow .StatusStyle.LastChild {
    border-right: 1px solid rgba(0, 169, 112,1);
    border-top: 1px solid rgba(0, 169, 112,1);
    border-bottom: 1px solid rgba(0, 169, 112,1);
    background: none;
}


.StatusRow .StatusStyle {
    background: url(../../Images/NewUI/op_scr_status_breadcrumb.png) right center no-repeat;
    padding-top: 6.5px;
    padding-bottom: 6.5px;
}

.LightTheme .StatusRow .StatusStyle {
    background: url(../../Images/NewUI/LightTheme/op_scr_status_breadcrumb.png) right center no-repeat;
}

.StatusRow {
    border-top: 1px solid grey;
    border-bottom: 1px solid grey;
    padding-top: 6.5px;
    padding-bottom: 6.5px;
}

.LightTheme .StatusRow {
    border-top: 1px solid rgba(0,159,227,1);
    border-bottom: 1px solid rgba(0,159,227,1);
    padding-top: 6.5px;
    padding-bottom: 6.5px;
}

.LightTheme.IONETheme .StatusRow {
    border-top: 1px solid rgba(0, 169, 112,1);
    border-bottom: 1px solid rgba(0, 169, 112,1);
    padding-top: 6.5px;
    padding-bottom: 6.5px;
}

.FreightDetails .addPriceItem, .FreightDetails .removePriceItem {
    float: right;
}

.FreightDetailsDiv .row:first-child .FreightLabel {
    display: block;
}

.ShipmentDetailsDiv .row_0 .removePriceItem.Shipment, .ShipmentDetailsDiv .freight_Row_0 .removePriceItem.Freight, .FreightDetailsDiv .row_0 .removePriceItem {
    display: none !important;
}

.FreightDetailsDiv .row .removePriceItem {
    display: block;
}

.FreightDetailsDiv .row .FreightLabel {
    display: none;
}

hr {
    margin-top: 20px;
    margin-bottom: 15px;
}

.AddressMap {
    background: url(../../Images/NewUI/op_scr_addressmap.svg) center center no-repeat;
    background-size: 100% 100%;
    border: 0 none;
    cursor: pointer;
    margin-right: 25px;
    max-width: 55px;
    height: 0;
    display: inline-block;
    padding: 33px 0 15px 40px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    font-size: 11px;
    min-width: 30px;
}

.LightTheme .AddressMap {
    background: url(../../Images/NewUI/LightTheme/op_scr_addressmap.svg) center center no-repeat;
    background-size: 100% 100%;
}

.map_canvas {
    width: 100%;
    height: 400px;
}

.CreditVoucherItemList {
}

.TaskWorkLine {
    background: url(../../Images/NewUI/op_scr_task_workline.png) left center no-repeat;
    height: 48px;
    margin-bottom: 15px !important;
}

.LightTheme .TaskWorkLine {
    background: url(../../Images/NewUI/LightTheme/op_scr_task_workline.png) left center no-repeat;
}

.FooterNew, .grid .txtbox.FooterNew {
    /*background: transparent;
    padding: 0px;
    color: black !important;
    font-weight: bold;
    border: none;
    width: 115px;*/
}

.InLineEditRecord {
    position: absolute;
    /*-moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;*/
    border: none;
    border-left: 0 none;
    margin: 0px !important;
    right: -3px;
    height: 30px;
    background-position: 0px 2px;
    background-color: #ffffff !important;
    top: 0;
}

.NoBordersRight {
    border-right: none !important;
}

.NoBordersLeft {
    border-left: none !important;
}

.MinHeightFooter {
    min-height: 50px;
}

.OrderedItems {
    padding-left: 10px;
    overflow: hidden;
}

.CopyObject.Dark {
    width: 37px;
    height: 30px;
    display: inline-block;
    text-indent: -9999px;
    background: url(../../Images/NewUI/op_scr_copy_dark.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .CopyObject.Dark {
    background: url(../../Images/NewUI/LightTheme/op_scr_copy_dark.svg) center center no-repeat;
    background-size: 30px 30px;
}

.RelativDiv {
    position: relative;
}

    .RelativDiv #ReadOnlyOrderId {
        width: 90%;
        color: rgba(0,0,0,0.75);
    }

.LightTheme .RelativDiv #ReadOnlyOrderId {
    color: rgba(255,255,255,0.75);
}

.RelativDiv .searchbtn {
    background: url(../../Images/NewUI/op_scr_search-in-text_small.svg) right center no-repeat !important;
    background-size: 21px 27px !important;
    text-indent: -9999px;
    position: absolute;
    top: 0px;
    right: 4px;
    width: 21px;
    height: 27px;
    display: block;
}

.LightTheme .RelativDiv .searchbtn {
    background: url(../../Images/NewUI/LightTheme/op_scr_search-in-text_small.svg) right center no-repeat !important;
    background-size: 21px 27px !important;
}

.GenerateNextDunning {
    background: url(../../Images/NewUI/op_scr_generate_next_dunning.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .GenerateNextDunning {
    background: url(../../Images/NewUI/LightTheme/op_scr_generate_next_dunning.svg) center center no-repeat;
    background-size: 30px 30px;
}

.editableQuantity input, .editableSinglePrice input, .editableField input, .editableField select, .editableField textarea {
    min-width: 25px;
    background: none !important;
    border: none !important;
    float: left;
    color: rgba(255,255,255,0.75) !important;
    padding-left: 0px !important;
}

.LightTheme .editableQuantity input, .LightTheme .editableSinglePrice input, .LightTheme .editableField input, .LightTheme .editableField select, .editableField textarea {
    color: rgba(0,0,0,0.75) !important;
}

.editableField select option {
    color: black !important;
}

.blankDivBox {
    background: rgba(0,159,227,0.9);
    height: 40px;
}

.IONETheme .blankDivBox {
    background: rgba(0, 169, 112,0.9);
}

.blankDivBox p {
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
}

.GridTH .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    background: rgba(0,0,0,0.75) !Important;
}

.LightTheme .GridTH .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    background: rgba(255,255,255,0.75) !Important;
}

.GridTH .ui-jqgrid .ui-jqgrid-htable th.ui-th-column div {
    color: #fff;
}

.LightTheme .GridTH .ui-jqgrid .ui-jqgrid-htable th.ui-th-column div {
    color: #000;
}

.BuildingAddress.Large {
    width: 110%;
}

    .BuildingAddress.Large .RelativDiv {
        background: #fff;
        height: 27px;
        line-height: 27px;
        border: 1px solid #e3e4e5;
        /*-moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;*/
        padding: 0 0 0 7px;
    }

.ForceChangePWD {
    background: url(../../Images/NewUI/op_scr_force_change_pwd.svg) center center no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .ForceChangePWD {
    background: url(../../Images/NewUI/LightTheme/op_scr_force_change_pwd.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ForceChangePIN {
    background: url(../../Images/NewUI/op_scr_force_change_pin.svg) center center no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .ForceChangePIN {
    background: url(../../Images/NewUI/LightTheme/op_scr_force_change_pin.svg) center center no-repeat;
    background-size: 30px 30px;
}

div.FormElement .PreviewTable .ChkBoxCnt.New input + label:before {
    background: url(../../Images/NewUI/jniceit/checkbox_new_preview.svg) no-repeat left top;
}

.LightTheme div.FormElement .PreviewTable .ChkBoxCnt.New input + label:before {
    background: url(../../Images/NewUI/LightTheme/jniceit/checkbox_new_preview.svg) no-repeat left top;
}

.RM .FormElement.ProductionStepObject .ChkBoxCnt input + label:before {
    background: url(../Images/NewUI/jniceit/checkbox_new_actual.svg) no-repeat left top;
}

.LightTheme .RM .FormElement.ProductionStepObject .ChkBoxCnt input + label:before {
    background: url(../Images/NewUI/LightTheme/jniceit/checkbox_new_actual.svg) no-repeat left top;
}

.RM .FormElement.ProductionStepObject .ChkBoxCnt input:checked + label:before {
    background: url(../Images/NewUI/jniceit/checkbox_new_actual.svg) no-repeat left bottom;
}

.LightTheme .RM .FormElement.ProductionStepObject .ChkBoxCnt input:checked + label:before {
    background: url(../Images/NewUI/LightTheme/jniceit/checkbox_new_actual.svg) no-repeat left bottom;
}

.PreviewTable .ChkBoxCnt.New input[type="checkbox"] + label:before {
    background-position: center top;
}

.PreviewTable .ChkBoxCnt.New input[type="checkbox"]:checked + label:before {
    background-position: center bottom;
}

.LightTheme .PreviewTable .ChkBoxCnt.New input[type="checkbox"] + label:before {
    background-position: center top;
}

.LightTheme .PreviewTable .ChkBoxCnt.New input[type="checkbox"]:checked + label:before {
    background-position: center bottom;
}

div.FormElement .ChkBoxCnt.New input + label:before {
    background: url(../../Images/NewUI/jniceit/checkbox_new.svg) no-repeat left top;
    background-size: 30px 60px;
    /*border: 1px solid #e3e4e5;*/
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    width: 30px !important;
    height: 30px !important;
}

.LightTheme div.FormElement .ChkBoxCnt.New input + label:before {
    background: url(../../Images/NewUI/LightTheme/jniceit/checkbox_new.svg) no-repeat left top;
    background-size: 30px 60px;
}

.LightTheme div.FormElement .ChkBoxCnt.New input:checked + label:before {
    background-position: center bottom;
}

.ChkBoxCnt.New input[type="checkbox"] + label:before {
    background-position: center top;
}

.ChkBoxCnt.New input[type="checkbox"]:checked + label:before {
    background-position: center bottom;
    /*background-color: #3399ff;*/
    /*border: 1px solid #3399ff;*/
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
}

.ChkBoxCnt.New input[type="radio"] + label:before {
    background-position: center top !important;
}

.ChkBoxCnt.New input[type="radio"]:checked + label:before {
    background-position: center bottom !important;
}


.importQuoteItem {
    background: url(../../Images/NewUI/op_Item_Import.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 26px;
    height: 30px;*/
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .importQuoteItem {
    background: url(../../Images/NewUI/LightTheme/op_Item_Import.svg) center center no-repeat;
    background-size: 30px 30px;
}

.createOrders {
    background: url(../../Images/NewUI/convertToOrder.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .createOrders {
    background: url(../../Images/NewUI/LightTheme/convertToOrder.svg) center center no-repeat;
    background-size: 30px 30px;
}

.createDelivery {
    background: url(../../Images/NewUI/convertToDelivery.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .createDelivery {
    background: url(../../Images/NewUI/LightTheme/convertToDelivery.svg) center center no-repeat;
    background-size: 30px 30px;
}

.createInvoice {
    background: url(../../Images/NewUI/convertToInvoice.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .createInvoice {
    background: url(../../Images/NewUI/LightTheme/convertToInvoice.svg) center center no-repeat;
    background-size: 30px 30px;
}

.createModifiedOrderConfirmation {
    background: url(../../Images/NewUI/convertToModifiedOrderConformation.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .createModifiedOrderConfirmation {
    background: url(../../Images/NewUI/LightTheme/convertToModifiedOrderConformation.svg) center center no-repeat;
    background-size: 30px 30px;
}


.createOutgoingOrder {
    background: url(../../Images/NewUI/convertToOutgoingOrder.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .createOutgoingOrder {
    background: url(../../Images/NewUI/LightTheme/convertToOutgoingOrder.svg) center center no-repeat;
    background-size: 30px 30px;
}

.createGoodsReceipt {
    background: url(../../Images/NewUI/convertToGoodsReceipt.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .createGoodsReceipt {
    background: url(../../Images/NewUI/LightTheme/convertToGoodsReceipt.svg) center center no-repeat;
    background-size: 30px 30px;
}

.viewGoodsReceipt {
    background: url(../../Images/NewUI/viewGoodsReceipt.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .viewGoodsReceipt {
    background: url(../../Images/NewUI/LightTheme/viewGoodsReceipt.svg) center center no-repeat;
    background-size: 30px 30px;
}

.createInCommingBill {
    background: url(../../Images/NewUI/obj_incommingBill.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .createInCommingBill {
    background: url(../../Images/NewUI/LightTheme/obj_incommingBill.svg) center center no-repeat;
    background-size: 30px 30px;
}

.createDeliveryReminder {
    background: url(../../Images/NewUI/convertToDeliveryReminder.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .createDeliveryReminder {
    background: url(../../Images/NewUI/LightTheme/convertToDeliveryReminder.svg) center center no-repeat;
    background-size: 30px 30px;
}

.createReminderOrderConfirmation {
    background: url(../../Images/NewUI/convertToReminderOrderConfirmation.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .createReminderOrderConfirmation {
    background: url(../../Images/NewUI/LightTheme/convertToReminderOrderConfirmation.svg) center center no-repeat;
    background-size: 30px 30px;
}

.createDebitNote {
    background: url(../../Images/NewUI/convertToDebitNote.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .createDebitNote {
    background: url(../../Images/NewUI/LightTheme/convertToDebitNote.svg) center center no-repeat;
    background-size: 30px 30px;
}

.createCustomerOrder {
    background: url(../../Images/NewUI/convertToCustomerOrder.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .createCustomerOrder {
    background: url(../../Images/NewUI/LightTheme/convertToCustomerOrder.svg) center center no-repeat;
    background-size: 30px 30px;
}

.createOrderConfirmation {
    background: url(../../Images/NewUI/convertToOrderConfirmation.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .createOrderConfirmation {
    background: url(../../Images/NewUI/LightTheme/convertToOrderConfirmation.svg) center center no-repeat;
    background-size: 30px 30px;
}

.createQuotation {
    background: url(../../Images/NewUI/convertToQuotation.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .createQuotation {
    background: url(../../Images/NewUI/LightTheme/convertToQuotation.svg) center center no-repeat;
    background-size: 30px 30px;
}

.createFrameworkContract {
    background: url(../../Images/NewUI/convertToFrameworkContract.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .createFrameworkContract {
    background: url(../../Images/NewUI/LightTheme/convertToFrameworkContract.svg) center center no-repeat;
    background-size: 30px 30px;
}

.priceCurrencySymbol {
    height: 27px;
    /*-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    color: #2b2b2b;
    background: transparent;
    -webkit-appearance: none;
    outline: none;
    border: none;
}

.priceCurrencySymbolSelect {
    width: 30px;
    overflow: hidden;
    border: none;
    border-radius: 5px;
    position: relative;
    float: right;
}

.grid .fulllarge .txtbox {
    width: 668px;
}

.QuotationUnit {
    position: absolute;
    top: 0;
    right: 1px;
    /*background: #ffffff;*/
    /*moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 4px 4px 4px 4px;*/
    border-left: 1px solid #d3d3d3;
    /*border-left: 1px;*/
    padding: 7px;
    color: #2b2b2b;
    outline: none;
    min-width: 22px;
}

.editPriceQuantityForQuatation {
    /*background-size: 100% 100% !important;
    height: 30px !important;*/
    background: url('../../Images/NewUI/obj_item_Price.png') no-repeat scroll center center transparent;
    background-size: 100% 100% !important;
    width: 37px;
    height: 23px;
    display: inline-block;
    text-indent: -9999px;
}

.LightTheme .editPriceQuantityForQuatation {
    background: url('../../Images/NewUI/LightTheme/obj_item_Price.png') no-repeat scroll center center transparent;
    background-size: 100% 100% !important;
}

.differentPrice {
    color: #ccfff5 !important;
}

.priceTextbox {
    background: #ffffff;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    border: none;
    padding: 5px;
    color: #2b2b2b;
    outline: none;
    position: relative;
    width: 71px;
}

.addPriceItem, .addPhone, .addRowSmall {
    background: url(../../Images/NewUI/op_oth_add-create-new-black.svg) center center no-repeat;
    background-size: 15px 15px !important;
    /*padding: 3px 4px;
    padding: 5px 6px 2px 6px \0/;*/
    color: #646567;
    text-indent: -9999px;
    float: left;
    margin-left: -30px;
    /*-moz-padding-start: 6px;*/
    width: 30px;
    position: absolute;
    cursor: pointer;
    margin-top: 5px;
}

    .addRowSmall.NoMarginLeft {
        margin-left: -10px;
        margin-top: -10px;
    }

.removeRowSmall.NoMarginLeft {
    margin-left: -10px;
}

.LightTheme .addPriceItem, .LightTheme .addPhone, .LightTheme .addRowSmall {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-black.svg) center center no-repeat;
    background-size: 15px 15px !important;
}

.addPriceItem:hover, .addPhone:hover, .addRowSmall:hover {
    background: url(../../Images/NewUI/op_oth_add-create-new-dark.svg) center center no-repeat;
}

.LightTheme .addPriceItem:hover, .LightTheme .addPhone:hover, .LightTheme .addRowSmall:hover {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-dark.svg) center center no-repeat;
}

.addPriceItem + label, .addPhone + label, .addRowSmall + label {
    padding-left: 5px;
    line-height: 20px;
}

.PriceCreatorBar {
    /*padding-left: 20px !important;
    background: #9e9e9e;*/
    background-image: linear-gradient(to top, rgb(205,207,208), rgb(205,207,208));
    bottom: 0;
    /*position: absolute;*/
    width: 103%;
    margin-top: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: -20px;
    margin-bottom: -10px;
}

.removePriceItem, .removePhone, .removeRowSmall {
    background: url(../../Images/NewUI/op_oth_remove-black.svg) center center no-repeat;
    background-size: 15px 15px;
    color: #646567;
    text-indent: -9999px;
    float: left;
    margin-left: -30px;
    width: 30px;
    padding-top: 0px;
    position: absolute;
    margin-top: 24px;
    /*margin-left: -14px;*/
    cursor: pointer;
}

.RemoveEqualPay {
    margin-top: 12px;
}

.RemoveEqualPayPersonDetail {
    margin-top: 12px;
}

.removePriceItem.MultiOrder {
    margin-top: 7px;
}

.LightTheme .removePriceItem, .LightTheme .removePhone, .LightTheme .removeRowSmall {
    background: url(../../Images/NewUI/LightTheme/op_oth_remove-black.svg) center center no-repeat;
    background-size: 15px 15px;
}

.removePhone {
    margin-top: 5px;
}

#HQPhoneDiv .removePhone,
#HQFaxDiv .removePhone,
#HQMobileDiv .removePhone,
#HQEmailDiv .removePhone,
#HQWebDiv .removePhone,
#HQSocialDiv .removePhone,
#HQPhoneDiv .addPhone,
#HQFaxDiv .addPhone,
#HQMobileDiv .addPhone,
#HQEmailDiv .addPhone,
#HQWebDiv .addPhone,
#HQSocialDiv .addPhone {
    margin-top: 10px !important;
}

.vehicleCurrencySymbolSelect {
    width: 47px;
    overflow: hidden;
    border: none;
    /*border-radius: 5px;*/
    position: relative;
    float: right;
}

.ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    background: rgba(0,0,0,0.75) !important;
    /*border-right: 2px solid #3399ff !important;*/
    height: 60px;
    padding: 0 2px 0 2px;
}

.LightTheme .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    background: rgba(255,255,255,0.75) !important;
    color: rgba(0,0,0,0.75) !important;
}

.ui-jqgrid .ui-jqgrid-htable th.ui-th-column.ui-state-hover {
    /*border-right: 2px solid white !important;*/
}

#AppointmentProposalDataTable_Radius {
    padding-right: 10px;
}

#WarehouseDataTable_LastCheckinDate {
    padding-right: 10px;
}

#jqgh_EmergencyDataTable_checkvalue {
    position: relative !important;
}

.ui-jqgrid tr.jqgrow {
    background: rgba(0,0,0,0.5) !important;
}

.LightTheme .ui-jqgrid tr.jqgrow {
    background: rgba(255,255,255,0.15) !important;
}

.ui-jqgrid tr.jqgrow.ui-widget-content {
}

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

.ui-jqgrid-hbox {
    background: none !important;
}

.table tr .table td .ui-jqgrid tr.jqgrow td {
    border: 0 none !important;
}

.ui-jqgrid tr.jqgrow td {
    border: 0 none !important;
    height: 60px !important;
    padding: 0px 5px 0px 3px !important;
    word-break: break-word;
}

.ui-jqgrid .ui-jqgrid-htable th div {
    font-family: Segoe UI,Segoe UI Light,Calibri, Arial, Helvetica, sans-serif !important;
}

.LightTheme .ui-jqgrid .ui-jqgrid-htable th div {
    color: rgba(0,0,0,1);
}

.ui-jqgrid .selected-row, .ui-jqgrid .selected-row td {
    border: 0 none !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    border: 0 none !important;
}

.ui-jqgrid tr.jqgrow:hover td {
    background: rgba(0,0,0,0.55);
}

.LightTheme .ui-jqgrid tr.jqgrow:hover td {
    background: rgba(255,255,255,0.55);
}

.ui-jqgrid tr.jqgrow:hover td:first-child {
    /*background: rgba(0,0,0,0.8) url(../../Images/NewUI/op_grid_list-select-bg.gif) left top repeat-y;*/
}

.ui-jqgrid .ui-jqgrid-hdiv {
    background: none !important;
    height: 60px !important;
    border: none !important;
}

.VacantPositionClass #gbox_BillPaymentDataTable.ui-jqgrid .ui-jqgrid-hdiv, .VacantPositionClass #gbox_BillPaymentDataTable.ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    height: 80px !important;
}

.VacantPositionClass #jqgh_BillPaymentDataTable_PaymentDate, .VacantPositionClass #jqgh_BillPaymentDataTable_PaidAmount, .VacantPositionClass #jqgh_BillPaymentDataTable_OutstandingAmount {
    overflow: initial;
}

    .VacantPositionClass #jqgh_BillPaymentDataTable_PaidAmount .currency, .VacantPositionClass #jqgh_BillPaymentDataTable_OutstandingAmount .currency {
        font-size: 12px !important;
        font-weight: normal !important;
    }

.VacantPositionClass #jqgh_BillPaymentDataTable_OutstandingAmount {
    margin-top: -8px;
}

.CopyDatePaymentPopup {
    width: 30px;
    height: 30px;
    margin-top: 15px;
    margin-right: 5px;
    float: right;
}

.JQGrid_Pagination td:first-child {
    float: right;
}

.JQGrid_Pagination td:nth-child(2) {
    margin-top: 5px;
    float: right;
}

.JQGrid_Pagination table table td:nth-child(2), .JQGrid_Pagination table table td:last-child, .JQGrid_Pagination table table td:first-child {
    float: none;
}

.JQGrid_Pagination td:last-child {
    float: left;
}

.ui-jqgrid #chk-dropdown .dropdown {
    position: fixed;
    top: 120px;
    left: 265px;
    right: 0;
    width: 200px;
    /*pointer-events: auto;*/
    background: rgba(0,0,0,0.75);
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;
    pointer-events: auto;
}

.ListDataCnt table tbody tr:nth-child(2) .ui-jqgrid #chk-dropdown .dropdown {
    top: 232px;
}

.LightTheme .ui-jqgrid #chk-dropdown .dropdown {
    border: 1px solid rgba(255,255,255,0.17);
    box-shadow: 0 0 5px rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.9);
}

.ui-jqgrid:not(#gbox_ItemListDataTable) .ui-jqgrid-htable thead tr th:first-child div {
    position: relative;
}

.ui-paging-info {
    float: left;
    /*text-shadow: #fff 1px 1px 1px;*/
    padding: 8px;
    margin: 5px;
}

.ui-jqgrid .ui-paging-info {
    height: 8px !important;
    color: rgba(255,255,255,0.5);
}

.LightTheme .ui-jqgrid .ui-paging-info {
    color: rgba(0,0,0,0.5);
}

.ui-sortable-helper {
    border: 1px solid white !important;
}

.ui-jqgrid tr th .ChkBoxCnt {
    margin-left: 2px;
}

.ui-jqgrid-view:not([id='gview_BillOrderTable'][id='gview_OrderProposalDataTable']) .ui-jqgrid-bdiv {
    max-height: 640px;
}

.ui-jqgrid:not([id='gbox_ShipmentDataTable']):not([id='gbox_ControlCenterMilestoneDataTable']):not([id='gbox_ControlCenterMachineDataTable']):not([id='gbox_ControlCenterPersonDataTable']):not([id='gbox_ControlCenterMaterialDataTable']):not([id='gbox_CreditVoucherDataTable']) .ui-jqgrid-bdiv div:not(.ui-jqgrid-hdiv):not(.ui-jqgrid-sortable) {
    height: 100% !important;
}

.ui-jqgrid .ui-icon-minus {
    background: url(../../Images/NewUI/op_oth_expand.svg) right center no-repeat !important;
    background-size: 15px 15px !important;
}

.LightTheme .ui-jqgrid .ui-icon-minus {
    background: url(../../Images/NewUI/LightTheme/op_oth_expand.svg) right center no-repeat !important;
    background-size: 15px 15px !important;
}

.ui-jqgrid .ui-icon-plus {
    background: url(../../Images/NewUI/op_oth_collapse.svg) right center no-repeat !important;
    background-size: 15px 15px !important;
}

.LightTheme .ui-jqgrid .ui-icon-plus {
    background: url(../../Images/NewUI/LightTheme/op_oth_collapse.svg) right center no-repeat !important;
    background-size: 15px 15px !important;
}

.ui-subgrid .subgrid-cell span {
    background: none !important;
}

.ui-jqgrid tr.jqgrow td {
    white-space: normal !important;
}

.ui-jqgrid .ui-jqgrid-htable th div {
    width: inherit;
    /*position: relative !important;*/
}

.ui-jqgrid-htable thead th div {
    /*height: 20px !important;*/
}

.ui-jqgrid .ui-jqgrid-pager {
    background: rgba(0,0,0,0.5) !important;
    border-top: 1px solid !important;
    height: 60px !important;
}

.LightTheme .ui-jqgrid .ui-jqgrid-pager {
    background: rgba(255,255,255,0.5) !important;
}

.ui-jqgrid tr.ui-row-ltr td {
    color: rgba(255,255,255,0.75);
    background-color: rgba(10,29,37,0.5);
    font-family: Segoe UI,Segoe UI Light,Calibri, Arial, Helvetica, sans-serif !important;
}

.LightTheme .ui-jqgrid tr.ui-row-ltr td {
    color: rgba(0,0,0,0.75);
    background-color: rgba(255,255,255,0.5);
}

.ui-jqgrid .jqgrow td p {
    max-height: 50px;
}

.ui-jqgrid#gbox_OrderProposalDataTable .jqgrow td p {
    max-height: 65px;
    background-color: transparent;
}


.EditObjectLink, .EditRecord.EditObjectLink {
    margin-top: 20px;
    background: url(../../Images/NewUI/op_grid_view-edit-dark.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .EditObjectLink, .LightTheme .EditRecord.EditObjectLink {
    background: url(../../Images/NewUI/LightTheme/op_grid_view-edit-dark.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme .PopupReminderClass .EditObjectLink {
    background: url(../../Images/NewUI/op_scr_openlinkedObject.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme.LightTheme .PopupReminderClass .EditObjectLink {
    background: url(../../Images/NewUI/LightTheme/op_scr_openlinkedObject.svg) center center no-repeat;
    background-size: 30px 30px;
}

.dialog-CreateCalenderTask .EditObjectLink {
    background-color: transparent !important;
    right: 25px;
}

.dialog-CreateCalenderTask .EditBottomNav {
    width: 415px;
}

.searchFooter {
    background-color: rgba(0,0,0,0.5);
    margin: 0px;
    height: 60px;
    margin-left: -20px;
    padding-left: 20px;
    margin-right: -20px;
    margin-bottom: 18px !important;
    margin-top: 18px !important;
}

.FilterCnt .SearchFormCnt .searchFooter {
    background-color: rgba(0,0,0,0.5);
    margin: 0px !important;
    height: 60px;
    margin-left: -20px !important;
    padding-left: 20px;
    margin-right: -20px !important;
    margin-bottom: 18px !important;
    margin-top: 18px !important;
}

.LightTheme .searchFooter {
    background-color: rgba(255,255,255,0.5);
}

.ui-dialog .searchFooter {
    /*bottom: 67px;
    position: fixed;*/
    z-index: 9999;
    padding-right: 20px;
    background-color: rgba(0,0,0,0.75);
}



.LightTheme .ui-dialog .searchFooter {
    background-color: rgba(255,255,255,0.75);
}

.SearchFieldContainer .dragdrop:last-child {
}

.dialog .SearchDataCnt.FormElement {
    padding-bottom: 70px;
}

.FixedLeftPosition .dialog .SearchDataCnt.FormElement {
    padding-bottom: 0px;
}

.SendNewsDiv {
    width: 166px;
    max-width: 166px;
    min-width: 166px;
    text-align: right;
    bottom: 0;
    position: absolute;
}

    .SendNewsDiv input:focus {
        outline: #000000 dotted thin;
    }

.dialogSaveColumn div.hr {
    height: 1px;
    background-color: rgba(255,255,255,0.2);
}

.LightTheme .dialogSaveColumn div.hr {
    background-color: rgba(0,0,0,0.2);
}

.impAutoScroll {
    overflow-x: auto !important;
}



.LoginBoxContainer {
    position: absolute;
    top: 50%;
    margin-top: -240px;
    left: 0;
    width: 100%;
    /*background: -moz-linear-gradient(#a3a4a7, #b3b4b7);
    background: -webkit-linear-gradient(#a3a4a7, #b3b4b7);
    background: -o-linear-gradient(#a3a4a7, #b3b4b7);
    background: -ms-linear-gradient(#a3a4a7, #b3b4b7); 
    background: linear-gradient(#a3a4a7, #b3b4b7);*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#a3a4a7', endColorstr='#b3b4b7'); /*For IE7-8-9*/
}

    .LoginBoxContainer.PinAuth {
        top: 40%;
    }

.LoginBoxCnt {
    width: 700px;
    margin: 0 auto;
}

    .LoginBoxCnt .ErrorMsg span {
        position: relative;
        top: 0;
        display: inline-block;
    }

.LoginBox {
    background-color: rgba(0,0,0, 0.2);
    width: 468px;
    min-height: 400px;
    margin: 0 auto;
    padding: 0 0 0 0;
    /*border-bottom: 1px solid #ececec;*/
    border-top: 0 solid #eaeaea;
}

.LightTheme .LoginBox {
    background-color: rgba(255,255,255,0.2);
}

.LoginBox .Logo {
    background: url("../../Images/NewUI/log_logo.svg") center center no-repeat;
    /*background-size: 100% 100%;*/
    height: 142px;
    display: block;
    text-indent: -9999px;
    margin-bottom: 25px;
}

.IOneLogo {
    background: url("../../Images/NewUI/ione_logo.svg") center center no-repeat;
    background-size: 100% 100%;
    height: 40px;
    display: block;
    text-indent: -9999px;
}

.UC49129 .LoginBox .Logo,
.UC49130 .LoginBox .Logo,
.UC49135 .LoginBox .Logo {
    background-size: 100% 100%;
}

.UC49126 .LoginBox .Logo {
    background: url("../../Images/NewUI/log_logo.png") center center no-repeat;
}

.UC49127 .LoginBox .Logo {
    background: url("../../Images/NewUI/log_logo.png") center center no-repeat;
    background-size: 100% 100%;
}

.UC49123 .LoginBox .Logo {
    background: url("../../Images/NewUI/log_logo.png") center center no-repeat;
    background-size: contain;
}

.LightTheme .LoginBox .Logo {
    background: url("../../Images/NewUI/LightTheme/log_logo.svg") center center no-repeat;
}

.LoginBoxShadow {
    background: url("../../Images/NewUI/log_box-shadow.png") center top no-repeat;
    width: 700px;
    height: 51px;
    display: block;
    margin: 10px 0 0 0;
}

.LightTheme .LoginBoxShadow {
    background: url("../../Images/NewUI/LightTheme/log_box-shadow.png") center top no-repeat;
}

.LoginForm {
    width: 343px;
    margin: 10px auto;
}

    .LoginForm input, select {
        font-family: Segoe UI,Segoe UI Light,Calibri, Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    .LoginForm label {
        color: rgba(255,255,255,0.9);
        display: block;
        text-align: center;
        margin: 0 0 2px 0;
        font-size: 15px !important;
    }

.LightTheme .LoginForm label {
    /*color: rgba(0,0,0,0.9);*/
}

.LoginForm input.TextBox {
    width: 343px;
    width: 321px \0/;
    height: 29px;
    line-height: 29px;
    border: none; /*1px solid #e3e4e5;*/
    color: rgba(255,255,255,0.9);
}

.LoginForm input.TextBox,
.LoginForm select {
    padding: 0 10px;
    background: rgba(255,255,255,0.2);
}

.LightTheme .LoginForm input.TextBox {
    color: rgba(0,0,0,0.9);
    background: rgba(0,0,0,0.2);
}

.LoginForm .btnMain {
    width: 343px;
    margin: 0px;
    display: table-cell;
    text-align: center;
}

.LoginForm input.SubmitBtn {
    background: rgba(255,255,255,0.2); /*#9c9ea0;*/
    border: 0 none;
    padding: 4px;
    color: rgba(255,255,255,0.9);
    cursor: pointer;
    margin: 0 0 10px 0;
    font-size: 17px !important;
}

.LightTheme .LoginForm input.SubmitBtn {
    /*background: rgba(0,0,0,0.2);*/
    /*color: rgba(0,0,0,0.9);*/
}

.LoginForm input.ForgotPassword {
    background: rgba(255,255,255,0.2);
    border: 0 none;
    padding: 4px 13px 3px 12px;
    color: rgba(255,255,255,0.9);
    cursor: pointer;
    margin: 0;
}

.LightTheme .LoginForm input.ForgotPassword {
    background: rgba(0,0,0,0.2);
    color: rgba(0,0,0,0.9);
}

a.ForgotPassword {
    color: rgba(255,255,255,0.9);
    font-family: Segoe UI,Segoe UI Light,Calibri, Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.LightTheme a.ForgotPassword {
    /*color: rgba(0,0,0,0.9);*/
}

a.ForgotPassword:hover {
    color: #009ee0;
    text-decoration: underline;
}

.IONETheme a.ForgotPassword:hover {
    color: #00a970;
}

.Wrapper.LoginPage {
    margin: 0;
    padding: 0;
    background: url("../../Images/NewUI/LoginBackground.jpg") center top no-repeat !important;
    background-size: 100% 100% !important;
    /*background-image: -moz-linear-gradient(top, #9c9ea0, #bbbdbe); /* Firefox 3.6 */
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #bbbcbe), color-stop(1, #9c9da0)); /* Safari & Chrome */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#9c9da0', endColorstr='#bbbcbe'); /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9c9da0', endColorstr='#bbbcbe')"; /* IE8 */
    /*background-image: linear-gradient(to bottom, rgb(156,157,160), rgb(187,188,190));*/
    display: block;
    margin: 0;
    min-height: 100%;
    position: relative;
    min-width: 1280px;
}

.LightTheme .Wrapper.LoginPage {
    margin: 0;
    padding: 0;
    background: url("../../Images/NewUI/LightTheme/LoginBackground.jpg") center top no-repeat !important;
}

.MrgnBtm10 {
    margin-bottom: 10px;
}

.MrgnBtm10Preceding {
    margin-top: 10px;
    margin-bottom: 10px;
}

.MrgnBtm5Preceding {
    margin-bottom: 5px;
}

.FilterCnt .MrgnBtm10Preceding {
    margin: 10px 0 10px 0 !important;
    float: initial !important;
    position: initial !important;
}

.MrgnBtm10Preceding .BtnDelete {
    font-family: Segoe UI,Segoe UI Light,Calibri, Arial, Helvetica, sans-serif !important;
}

.MrgnBtm17 {
    margin-bottom: 17px;
}

.MrgnBtm14 {
    margin-bottom: 14px;
}


.field-validation-error {
    color: red !important;
    font-weight: normal;
}

.IONETheme .field-validation-error {
    color: #c6392a !important;
}

.LoginPage .Footer.Login {
    background: none;
    width: 100%;
    margin: 0 0 0 -90px;
}

.IONETheme .Language {
    color: rgba(0, 0, 0,0.9) !important;
}

.Language {
    color: rgba(255,255,255,0.9) !important;
    font-weight: normal;
    font-family: Segoe UI,Segoe UI Light,Calibri, Arial, Helvetica, sans-serif !important;
    text-transform: uppercase;
    margin: 5px;
    cursor: pointer;
    font-size: 15px;
}

.LightTheme .Language {
    /*color: rgba(0,0,0,0.9);*/
}

.NoMarginBottom {
    margin-bottom: 0px !important;
}

.monitoringbackground {
    background: rgba(0,0,0,0.5);
}

.LightTheme .monitoringbackground {
    background: rgba(255,255,255,0.5);
}

.SearchMonitoringCSS div.leftformelement .ListBoxStyle {
    width: 170px !important;
    /*-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;*/
    -webkit-padding-start: 7px;
    -webkit-padding-end: 6.5px;
    -webkit-padding-after: 7px;
    -webkit-padding-before: 6.5px;
    -moz-padding-start: 7px;
    -moz-padding-end: 5px;
    -moz-padding-after: 7px;
    -moz-padding-before: 5px;
}

.SearchMonitoringCSS label {
    text-shadow: none;
}

.LightTheme .SearchMonitoringCSS .searchFooter {
    background-color: transparent;
}

.MainOuterBox {
    /*width: 825px;*/
    margin: 0px auto;
}

.outerBox {
    float: left;
    width: 165px;
    margin-right: 25px;
    border: 6px solid;
    background-color: green;
    height: 225px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.innerBoxLabel {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
    z-index: -1;
    height: 48px;
    font-size: 12pt;
}

.innerBoxNumber {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    z-index: 9999;
    height: 100px;
    font-size: 40pt;
}

.innerBoxFillSpace {
    float: left;
    width: 165px;
    margin-right: 25px;
    border: 0px hidden;
    text-align: center;
    font-weight: bolder;
    font-size: medium;
    margin-top: -188px;
    background-color: #CDCFD0;
}

.outerBoxNOMargin {
    float: left;
    width: 165px;
    border: 6px solid;
    background-color: green;
    height: 225px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.outerStatus {
    float: left;
    width: 46%; /* margin-left: 34px;     padding-left: 42px;*/
    padding-bottom: 10px;
}

.outerOrderType {
    /* float: left;     width: 100%;     margin-top: 50px;     padding-bottom: 10px;*/
    margin: 0 auto;
}

.outerCust {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.outerManinCust {
    margin: 0 auto;
    display: table;
    padding-bottom: 30px;
}

.innerOrdertype {
    float: left;
    width: 100%; /* padding-left: 60px;     margin-left: 50px;*/
}

.innerOrdertypeSearch {
    float: left;
    padding-bottom: 10px;
    /*padding-left: 122px;*/
}

    .innerOrdertypeSearch .ui-datepicker-trigger {
        right: 55px !important;
        /*padding-top: 2px !important;
        -webkit-padding-before: 4px !important;*/
    }

    .innerOrdertypeSearch .datePickerSearch {
        width: 156px !important;
    }

.innerOrderStatusSearch {
    float: left;
    width: 100%;
    padding-bottom: 30px;
    padding-left: 68px;
}

.innerCustSearch {
    float: left;
    width: 160px;
    padding-bottom: 10px;
}

.outerSearch {
    float: left;
    width: 100%;
    /*padding-left: 20px;*/
}

    .outerSearch label {
    }

.innerSearch {
    float: left;
    padding-top: 0px;
    padding-left: 20px;
    width: 100%;
    background: none;
}

#SearchMonitoring {
    height: 1%;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 20px;
    width: 100%;
}


.innerOrdertypeSearch label {
}

.searchboxforSearch a.searchbtn, .searchboxforSearch a.searchbtn:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../../Images/NewUI/op_scr_search-in-text.svg") no-repeat scroll right #FFFFFF !important;
    border: none;
    background-size: 30px 30px !important;
    /*border-color: #9C9EA0 #9C9EA0 #9C9EA0;*/
    border-image: none;
    /*border-radius: 0 5px 5px 0;*/
    /*border-style: solid solid solid none;*/
    /*border-width: 1px 1px 1px 0;*/
    display: block;
    height: 30px;
    position: absolute;
    right: -12px;
    text-indent: -9999px;
    top: 0;
    width: 30px;
}

.LightTheme .searchboxforSearch a.searchbtn, .LightTheme .searchboxforSearch a.searchbtn:hover {
    background: url("../../Images/NewUI/LightTheme/op_scr_search-in-text.svg") no-repeat scroll right #FFFFFF !important;
    background-size: 30px 30px !important;
}

div.MainOuterBox input.BtnDelete {
    background: url(../../Images/NewUI/op_scr_clear-search.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 28px;
    height: 27px;
    display: block;
    border: 0 none;
    text-indent: -9999px;
    float: left;
    margin: 0 10px 0 0;
    cursor: pointer;*/
    float: left;
    vertical-align: top;
    max-width: 55px;
    height: 55px;
    display: block;
    /*margin: 0 25px 0 0;*/
    padding: 0 10px 0 10px;
    color: #000000;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 40px;
    border: 0 none;
    cursor: pointer;
    font-size: 0px !important;
}

.LightTheme div.MainOuterBox input.BtnDelete {
    background: url(../../Images/NewUI/LightTheme/op_scr_clear-search.svg) center center no-repeat;
    background-size: 30px 30px;
}

div.MainOuterBox input.BtnExport {
    background: url(../../Images/NewUI/op_scr_pdf.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 28px;
    height: 27px;
    display: block;
    border: 0 none;
    text-indent: -9999px;
    float: left;
    margin: 0 10px 0 0;
    cursor: pointer;*/
    vertical-align: top;
    max-width: 55px;
    height: 55px;
    display: inline-block;
    /*margin: 0 25px 0 0;*/
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 40px;
    border: 0 none;
    cursor: pointer;
    font-size: 0px !important;
}

.LightTheme div.MainOuterBox input.BtnExport {
    background: url(../../Images/NewUI/LightTheme/op_scr_pdf.svg) center center no-repeat;
    background-size: 30px 30px;
}

div.MainOuterBox input.BtnDelete.Light {
    background: url(../../Images/NewUI/op_scr_clear-search_light.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #fff;
}

.LightTheme div.MainOuterBox input.BtnDelete.Light {
    background: url(../../Images/NewUI/LightTheme/op_scr_clear-search_light.svg) center center no-repeat;
    background-size: 30px 30px;
}

div.MainOuterBox input.BtnSearch {
    background: url(../../Images/NewUI/op_scr_search.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 28px;
    height: 27px;
    display: block;
    border: 0 none;
    text-indent: -9999px;
    cursor: pointer;
    float: right;*/
    vertical-align: top;
    max-width: 55px;
    height: 55px;
    display: inline-block;
    /*margin-right: 25px !important;*/
    padding: 0 10px 0 10px;
    color: #000000;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 40px;
    border: 0 none;
    cursor: pointer;
    font-size: 0px !important;
}

.LightTheme div.MainOuterBox input.BtnSearch {
    background: url(../../Images/NewUI/LightTheme/op_scr_search.svg) center center no-repeat;
    background-size: 30px 30px;
}

div.MainOuterBox input.BtnSearch.Light {
    background: url(../../Images/NewUI/op_scr_search.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #fff;
}

.LightTheme div.MainOuterBox input.BtnSearch.Light {
    background: url(../../Images/NewUI/LightTheme/op_scr_search.svg) center center no-repeat;
    background-size: 30px 30px;
}

div.MainOuterBox .searchtxtbox {
    background: none repeat scroll 0 0 #FFFFFF;
    border: none;
    /*border: 1px solid #9C9EA0;*/
    /*border-radius: 5px 5px 5px 5px;*/
    color: #2B2B2B;
    height: 30px;
    line-height: 30px;
    outline: medium none;
    padding: 0 5px;
    width: 140px;
}

div.MainOuterBox .grid .medium .selectbox {
    width: 170px !important;
    /*border: 1px solid #9C9EA0 !important;*/
}

div.MainOuterBox .grid .medium {
    width: 242px !important;
}

div.MainOuterBox .PageTitle {
    background: none repeat scroll 0 0 #009EE1;
    color: #FFFFFF;
    font-weight: bold;
    height: 41px;
    line-height: 41px;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}

.IONETheme div.MainOuterBox .PageTitle {
    background: none repeat scroll 0 0 #00a970;
}

div.MainOuterBox .searchbox a.searchbtn:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("../../Images/NewUI/op_scr_search-in-text.svg") no-repeat scroll right #FFFFFF !important;
    background-size: 30px 30px;
    /*border-color: #9C9EA0 #9C9EA0 #9C9EA0 -moz-use-text-color;
    border-image: none;
    border-radius: 0 5px 5px 0;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;*/
    display: block;
    height: 25px;
    position: absolute;
    right: -5px;
    text-indent: -9999px;
    top: 0;
    width: 21px;
}

.LightTheme div.MainOuterBox .searchbox a.searchbtn:hover {
    background: url("../../Images/NewUI/LightTheme/op_scr_search-in-text.svg") no-repeat scroll right #FFFFFF !important;
    background-size: 30px 30px;
}

.searchboxforSearch {
    position: relative;
    margin-top: -5px;
}

.monitoring.FormElement {
    margin: 25px;
}

.monitoring img {
    padding: 0;
    margin: 10px;
}

.calculateTotal {
    border: 0 none;
    background: url(../../Images/NewUI/op_scr_billtotal.svg) center center no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
    vertical-align: top;
    max-width: 60px;
    height: 0;
    display: inline-block;
    /*margin: 8px 8px 8px 0px;*/
    padding: 45px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 60px;
    font-size: 11px;
    opacity: 0.2;
    margin-top: -5px;
}

.LightTheme .calculateTotal {
    border: 0 none;
    background: url(../../Images/NewUI/LightTheme/op_scr_billtotal.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme .calculateTotal {
    background-size: 60px 60px;
}

.calculateNetTotalTextbox {
    text-align: left;
    background: none;
    border: none;
    color: rgba(255,255,255,0.75);
    margin-right: 0px;
    width: 80px;
    padding-top: 0px;
    margin-bottom: 0px;
}

.LightTheme .calculateNetTotalTextbox {
    color: rgba(0,0,0,0.75);
}

.calculateGrossTotalTextbox {
    text-align: left;
    background: none;
    border: none;
    color: rgba(255,255,255,0.75);
    margin-right: 0px;
    width: 80px;
    padding-top: 0px;
    margin-bottom: 0px;
}

.calculateNetTotalLabel {
    margin-left: 10px;
    width: 145px;
    text-align: left;
    display: inline-block;
}

.calculateOutstandingAountLabel {
    margin-left: 10px;
    width: 145px;
    text-align: left;
    display: inline-block;
}

.calculateGrossTotalLabel {
    margin-left: 10px;
    width: 145px;
    text-align: left;
    display: inline-block;
}

.LightTheme .calculateGrossTotalTextbox {
    color: rgba(0,0,0,0.75);
}

.BillCalculation .dataTables_info,
.OrderCalculation .dataTables_info {
    width: initial !important;
    width: 15% \0/;
}


.FirstColumn {
    width: 25px !important;
    border-right: 5px solid transparent !important;
}

.LastColumn {
    width: 37px !important;
    border-right: 5px solid transparent !important;
}

.ImageColumn {
    width: 115px !important;
}

.UpRecord {
    background: url(../../Images/NewUI/op_scr_up_arrow.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .UpRecord {
    background: url(../../Images/NewUI/LightTheme/op_scr_up_arrow.svg) center center no-repeat;
    background-size: 30px 30px;
}

.DownRecord {
    background: url(../../Images/NewUI/op_scr_down_arrow.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .DownRecord {
    background: url(../../Images/NewUI/LightTheme/op_scr_down_arrow.svg) center center no-repeat;
    background-size: 30px 30px;
}

.dialogPrint td {
    color: rgba(255,255,255,0.75);
}

.LightTheme .dialogPrint td {
    color: rgba(0,0,0,0.75);
}

.ExportAsciiFile {
    background: url(../../Images/NewUI/op_scr_Ascii.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .ExportAsciiFile {
    background: url(../../Images/NewUI/LightTheme/op_scr_Ascii.svg) center center no-repeat;
    background-size: 30px 30px;
}

.Footer img {
    background-size: 200px 60px !important;
    width: 200px;
    height: 60px;
}

.reloadCheckBox:before {
    background: url(../../Images/NewUI/op_scr_reload_checkbox.svg) no-repeat !important;
    background-size: 30px 60px;
    content: " ";
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    z-index: 5;
}

.LightTheme .reloadCheckBox:before {
    background: url(../../Images/NewUI/LightTheme/op_scr_reload_checkbox.svg) no-repeat !important;
    background-size: 30px 60px;
}

.ReloadChkBoxCnt input[type="checkbox"]:checked + label:before {
    background-position: left bottom !important;
}

.ReloadChkBoxCnt input[type="checkbox"] + label:before {
    background-position: left top !important;
}

#ShowHideBillOrderPage table, #PreviewPaging, #PreviewTable #goToPageNo, #PreviewTable #btnGoToPageNo, .PreviewPaging, .LinkedCompanyPreviewPaging {
    display: none !important;
}

.mergeOrder {
    padding: 0 10px;
    margin: 0;
    display: inline-block;
    text-indent: -9999px;
    margin-top: 20px;
    background: url(../../Images/NewUI/op_scr_merge-order.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
}

.LightTheme .mergeOrder {
    background: url(../../Images/NewUI/LightTheme/op_scr_merge-order.svg) center center no-repeat;
    background-size: 30px 30px;
}

.multiAuth {
    float: left;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}

.medium.multiAuthBox .multiAuth {
    text-align: left;
}

.textAlignLeft {
    text-align: left !important;
}

.multiAuth > a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    display: inline-block;
    height: 25px;
    width: 25px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
    color: #2b2b2b;
    text-align: center;
    line-height: 25px;
    font-size: 23px;
}

    .multiAuth > a:first-child {
        margin-left: 0 !important;
    }

    .multiAuth > a:nth-last-child(2) {
        margin-right: 0 !important;
    }

.multiAuthBox {
    height: 100% !important;
    width: 100% !important;
    overflow: hidden;
}

.multiAuth {
    float: left;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}

.medium.multiAuthBox .multiAuth {
    text-align: left;
}

.multiAuth > a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    display: inline-block;
    height: 25px;
    width: 25px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
    color: #2b2b2b;
    text-align: center;
    line-height: 25px;
    font-size: 23px;
}

.searchFooter > :last-child {
    margin-right: 0 !important;
}

.multiAuth > a:first-child {
    margin-left: 0 !important;
}

.multiAuth > a:nth-last-child(2) {
    margin-right: 0 !important;
}

.multiAuthBox {
    height: 100% !important;
    width: 100% !important;
    overflow: hidden;
}

.multiAuth {
    float: left;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}

.medium.multiAuthBox .multiAuth {
    text-align: left;
}

.multiAuth > a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    display: inline-block;
    height: 25px;
    width: 25px;
    margin: 0 3px;
    cursor: default;
    color: rgba(255,255,255,0.75);
    text-align: center;
    line-height: 25px;
    font-size: 27px;
}

.LightTheme .multiAuth > a {
    color: rgba(0,0,0,0.75);
    border: 1px solid rgba(0,159,227,0.9);
}

.LightTheme.IONETheme .multiAuth > a {
    border: 1px solid rgba(0, 169, 112,0.9);
}

.multiAuth > a:first-child {
    margin-left: 0 !important;
}

.multiAuth > a:nth-last-child(2) {
    margin-right: 0 !important;
}

.multiAuthBox {
    height: 100% !important;
    width: 100% !important;
    overflow: hidden;
}

.ResetUserPin {
    float: left;
    border: 0 none;
    background: url(../../Images/NewUI/op_scr_reset-userpin.svg) center top no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
    vertical-align: top;
    max-width: 55px;
    height: 0;
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 35px 0 15px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 30px;
    font-size: 0px !important;
}

.LightTheme .ResetUserPin {
    background: url(../../Images/NewUI/LightTheme/op_scr_reset-userpin.svg) center top no-repeat;
    background-size: 30px 30px;
}

.parent {
    display: table;
    width: 100%;
    height: calc(100% - 40px);
    /* optional, just for the demo */
}

.child {
    display: table-cell;
    vertical-align: middle;
    /* optional, just for the demo */
}

.CancelPopup {
    background: url(../../Images/NewUI/op_scr_cancel-popup.svg) center center no-repeat;
    background-size: 30px 30px !important;
    border: 0 none;
    cursor: pointer;
    /*margin-right: 25px;*/
    max-width: 60px;
    height: 60px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    min-width: 60px;
    font-size: 0px !important;
    font-family: Calibri,Segoe UI Light, Arial, Helvetica, sans-serif !important;
    /*margin-top: 5px;*/
}

.LightTheme .CancelPopup {
    background: url(../../Images/NewUI/LightTheme/op_scr_cancel-popup.svg) center center no-repeat;
    background-size: 30px 30px !important;
}

.CancelPopup.Dark {
    background: url(../../Images/NewUI/op_scr_cancel-popup-dark.svg) center center no-repeat;
    color: #000;
}

.LightTheme .CancelPopup.Dark {
    background: url(../../Images/NewUI/LightTheme/op_scr_cancel-popup.svg) center center no-repeat;
}


.hide {
    display: none;
}

.show {
    display: block;
}

.searchbox a.searchbtn.SmsSelect, .searchbox a.searchbtn.SmsSelect:hover {
    background: #ffffff url(../../Images/NewUI/op_scr_sms_select.svg) right center no-repeat !important;
    background-size: 30px 30px !important;
}

.searchbox a.searchbtn.FaxSelect, .searchbox a.searchbtn.FaxSelect:hover {
    background: #ffffff url(../../Images/NewUI/op_scr_fax_select.svg) right center no-repeat !important;
    background-size: 30px 30px !important;
}

.searchbox a.searchbtn.EmailSelect, .searchbox a.searchbtn.EmailSelect:hover {
    background: #ffffff url(../../Images/NewUI/op_scr_email_select.svg) right center no-repeat !important;
    background-size: 30px 30px !important;
}

.searchbox a.searchbtn.InternalSelect, .searchbox a.searchbtn.InternalSelect:hover {
    background: #ffffff url(../../Images/NewUI/op_scr_internal_select.svg) right center no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .searchbox a.searchbtn.SmsSelect, .searchbox a.searchbtn.SmsSelect:hover {
    background: #ffffff url(../../Images/NewUI/LightTheme/op_scr_sms_select.svg) right center no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .searchbox a.searchbtn.FaxSelect, .LightTheme .searchbox a.searchbtn.FaxSelect:hover {
    background: #ffffff url(../../Images/NewUI/LightTheme/op_scr_fax_select.svg) right center no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .searchbox a.searchbtn.EmailSelect, .LightTheme .searchbox a.searchbtn.EmailSelect:hover {
    background: #ffffff url(../../Images/NewUI/LightTheme/op_scr_email_select.svg) right center no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .searchbox a.searchbtn.InternalSelect, .LightTheme .searchbox a.searchbtn.InternalSelect:hover {
    background: #ffffff url(../../Images/NewUI/LightTheme/op_scr_internal_select.svg) right center no-repeat !important;
    background-size: 30px 30px !important;
}

.gm-style {
    color: rgba(0,0,0,0.75);
}

.LightTheme .gm-style {
    /*color: rgba(255,255,255,0.75);*/
}

#dialog-addComment {
    height: auto !important;
}

    #dialog-addComment .medium {
        width: 230px;
    }

.EditRecordParentOrder {
    background: url(../../Images/NewUI/op_grid_view-edit-white.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.LightTheme .EditRecordParentOrder {
    background: url(../../Images/NewUI/LightTheme/op_grid_view-edit-white.svg) center center no-repeat;
    background-size: 30px 30px;
}

.SelectedRow {
    background: rgba(0, 158, 225,0.5);
}

.ui-tabs .ui-tabs-nav, .tabs {
    background: none !important;
    border: none !important;
    padding: 0 0 15px 0 !important;
}

.tabs {
    font-size: 12px !important;
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
    border: none !important;
}

    .tabs ul:not(.ui-tabs-nav):not(.attachmentList-ul), .tabs > div:not(.ui-tabs-panel):not(.FilterCnt) {
        display: none;
    }

    .tabs.grid {
        padding: 0 0 0 40px !important;
    }

        .tabs.grid.Popup {
            padding: 0 0 0 0px !important;
        }

        .tabs.grid .grid {
            padding: 0;
        }

.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
}

.ui-tabs .ui-tabs-nav li {
    background: rgba(0,159,227,0.25) !important;
    border: none !important;
    margin: 5px 10px 5px 0px !important;
}

.IONETheme .ui-tabs .ui-tabs-nav li {
    background: rgba(0, 169, 112,0.25) !important;
}

.IONETheme .ui-tabs .ui-tabs-nav li {
    background: rgba(0, 169, 112,0.25) !important;
}

.ui-tabs .ui-tabs-nav li a {
    color: rgba(255,255,255,0.75);
}

.LightTheme .ui-tabs .ui-tabs-nav li a {
    color: rgba(0,0,0,0.75);
}

.LightTheme .OrderSettingsTab .ui-tabs .ui-tabs-nav li a, .LightTheme .QuotationSettingsTab .ui-tabs .ui-tabs-nav li a, .LightTheme .CommonSettingsTab .ui-tabs .ui-tabs-nav li a {
    color: rgba(255,255,255,0.75);
}

.ui-tabs .ui-tabs-nav li.ui-state-active {
    background: rgba(0,159,227,0.85) !important;
}

.IONETheme .ui-tabs .ui-tabs-nav li.ui-state-active {
    background: rgba(0, 169, 112,0.85) !important;
}

.AutotaskTabs div .small:not(:first-child) {
    width: 40px;
}

.AutotaskTabs:not(.Quotation) div .small:first-child {
    width: 290px;
}

.CoordinatorTabs:not(.Quotation) div .small:not(:last-of-type) {
    width: 90px;
}

.CoordinatorTabs.Quotation div .small:not(:nth-last-child(-n+2)) {
    width: 90px;
}

.OrderTrades .topMiddleArea .col {
    margin: 0;
}

.OrderTrades .topMiddleArea .small, .OrderTrades div.FormElementlabelTop .ChkBoxCnt,
.OrderTrades div.FormElementlabelTop .ChkBoxCnt input[type="checkbox"], .OrderTrades div.FormElementlabelTop .ChkBoxCnt input + label:before, .OrderTrades div.FormElementlabelTop .ChkBoxCnt input + label {
    width: 90px;
}

.innerBlockTable {
    /*border-top: 1px solid #fff;*/
    margin-top: 3px;
}

.linkOrders {
    background: url(../../Images/NewUI/op_scr_link.svg) center center no-repeat;
    background-size: 30px 30px;
    /*width: 26px;
    height: 30px;
    border: 0 none;
    cursor: pointer;*/
    vertical-align: top;
}

.LightTheme .linkOrders {
    background: url(../../Images/NewUI/LightTheme/op_scr_link.svg) center center no-repeat;
    background-size: 30px 30px;
}

.readedNews {
    background: url(../../Images/NewUI/op_grid_newsreadstatus.svg) center top no-repeat;
    background-size: 30px 30px;
    width: 30px !important;
    height: 30px !important;
    display: inline-block;
    /*text-indent: -9999px;*/
    /*cursor: pointer;*/
}

.LightTheme .readedNews {
    background: url(../../Images/NewUI/LightTheme/op_grid_newsreadstatus.svg) center top no-repeat;
    background-size: 30px 30px;
}

.unreadNews {
    background: url(../../Images/NewUI/op_grid_newsunreadstatus.svg) center top no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-indent: -9999px;
    /*cursor: pointer;*/
}

.LightTheme .unreadNews {
    background: url(../../Images/NewUI/LightTheme/op_grid_newsunreadstatus.svg) center top no-repeat;
    background-size: 30px 30px;
}

.Popup768, .ui-dialog.Popup768 {
    width: 980px;
    height: 810px;
    padding-bottom: 30px !important;
}

    .Popup768[aria-describedby="dialog-CompanyPerson"], .ui-dialog.Popup768[aria-describedby="dialog-CompanyPerson"] {
        height: 860px;
    }

    .Popup768[aria-describedby="dialog-ItemStock"], .ui-dialog.Popup768[aria-describedby="dialog-ItemStock"] {
        height: 400px;
        width: 400px;
    }

    .ui-dialog.Popup768.FixedLeftPosition {
        height: 920px;
    }

.PopupPriceList, .ui-dialog.PopupPriceList {
    width: 1350px;
    height: auto;
    padding-bottom: 30px !important;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.PopupPriceList.medium {
    top: 5% !important;
    left: 10% !important;
}


.ui-dialog .SearchFormCnt {
    padding-bottom: 50px;
}

.ui-dialog .AppointmentProposal .SearchFormCnt {
    padding-bottom: 0px;
}

.LightTheme .ui-dialog .AppointmentProposal .SearchFormCnt {
    margin-bottom: 0px;
}

.LightTheme .ui-dialog .SearchFormCnt {
    margin-bottom: 50px;
    padding-bottom: 0px;
}

.required:after {
    content: "*";
    font-weight: bold;
    color: red;
}

.IONETheme .required:after {
    color: #c6392a;
}

.ui-autocomplete, ngui-auto-complete {
    background: rgba(0,0,0,0.75) !important;
    z-index: 999999 !important;
}

.scrollableAutoComplete {
    max-height: 220px;
    overflow-y: auto;
    padding-right: 5px;
}

.breakword {
    word-break: break-word !important;
    white-space: normal !important;
}

.LightTheme .ui-autocomplete, .LightTheme ngui-auto-complete {
    background: rgba(255,255,255,0.75) !important;
}

a.ViewBtn, a.ViewBtn:hover {
    background: #ffffff url(../../Images/NewUI/op_grid_view-edit-dark.svg) right center no-repeat !important;
    background-size: 30px 30px !important;
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    right: -5px;
    /*-moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    border: 1px solid #d3d3d3;
    border-left: 0 none;*/
}

.LightTheme a.ViewBtn, .LightTheme a.ViewBtn:hover {
    background: #ffffff url(../../Images/NewUI/LightTheme/op_grid_view-edit-dark.svg) right center no-repeat !important;
    background-size: 30px 30px !important;
}

.small.Extra1Pixel {
    width: 121px;
}

.smallest.Extra1Pixel {
    width: 75px;
}

.grid .smallest.Extra1Pixel .txtbox {
    width: 65px;
}

.ui-jqgrid .ui-state-hover, .ui-jqgrid .ui-state-hover a {
    color: rgba(255,255,255,0.75) !important;
}

.LightTheme .ui-jqgrid .ui-state-hover, .LightTheme .ui-jqgrid .ui-state-hover a {
    color: rgba(0,0,0,0.75) !important;
}

.ui-jqgrid {
    background: none !important;
    border: none !important;
}

    .ui-jqgrid .ui-pg-table td {
        height: 60px;
        line-height: 40px;
    }

.subgrid-cell, .subgrid-data {
    background: none !important;
    border: none !important;
}

.onoffswitch {
    position: relative;
    width: 140px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

    .onoffswitch.Small {
        width: 70px;
    }

    .onoffswitch.Medium {
        width: 105px;
    }

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 25px;
    width: 145px !important;
}

.onoffswitch.Small .onoffswitch-label {
    width: 75px !important;
}

.onoffswitch.Medium .onoffswitch-label {
    width: 110px !important;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 19px;
        padding: 0;
        line-height: 19px;
        font-size: 14px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        padding-left: 10px;
        background-color: #FFFFFF;
        color: #999999;
        margin-left: -2px;
    }

    .onoffswitch-inner:after {
        padding-right: 10px;
        background-color: #FFFFFF;
        color: #999999;
        text-align: right;
        margin-left: 2px;
    }

.onoffswitch-switch {
    display: block;
    width: 38px;
    margin: -9.5px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 99px;
    border: 2px solid #999999;
    border-radius: 25px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch.Small .onoffswitch-switch,
.onoffswitch.Medium .onoffswitch-switch {
    right: 42px;
    width: 28px;
    margin: -4.5px;
}

.onoffswitch.Medium .onoffswitch-switch {
    right: 76px;
}

.Scanner .onoffswitch.Small .onoffswitch-switch,
.Scanner .onoffswitch.Medium .onoffswitch-switch {
    height: 28px;
    top: 20px;
}

.onoffswitch.Small .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch,
.onoffswitch.Medium .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: -5px;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch {
    transition: all 0.3s ease-in 0s;
}

div.leftformelement input + label.onoffswitch-label:before {
    background: none;
}


.RightAlign {
    text-align: right !important;
}

.EditableField.Amount input, .EditableField.Amount input {
    min-width: 85%;
    background: none;
    border: none;
    float: left;
    text-align: right;
}

.EditableField.Date input, .EditableField.Date input {
    min-width: 100%;
    background: none;
    border: none;
}

#BillPaymentDataTable .EditableField input {
    color: rgba(255,255,255,0.75);
}

.approvedESSR {
    background: url(../../Images/NewUI/op_scr_approve_ESSR.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .approvedESSR {
    background: url(../../Images/NewUI/LightTheme/op_scr_approve_ESSR.svg) center center no-repeat;
    background-size: 30px 30px;
}

.rejectESSR {
    background: url(../../Images/NewUI/op_scr_reject_ESSR.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .rejectESSR {
    background: url(../../Images/NewUI/LightTheme/op_scr_reject_ESSR.svg) center center no-repeat;
    background-size: 30px 30px;
}

.BottomDivider {
    min-width: 1px !important;
    padding: 0px !important;
    background: rgba(255,255,255,0.75) !important;
    margin-bottom: -3px !important;
}

.LightTheme .BottomDivider {
    background: rgba(0,159,227,0.75) !important;
}

.LightTheme.IONETheme .BottomDivider {
    background: rgba(0, 169, 112,0.75) !important;
}

.CancelOrderDiv {
    margin-left: 20px;
    margin-top: 10px;
}

    .CancelOrderDiv .StyleTxtBoxName {
        background: #f5f5f5;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        border: 1px solid #d3d3d3;
        padding: 5px;
        margin-top: 5px;
        color: #2b2b2b;
        outline: none;
        width: 400px;
        height: 85px;
        resize: none;
    }

    .CancelOrderDiv label {
        color: rgba(255,255,255,0.9);
    }

.LightTheme .CancelOrderDiv label {
    color: rgba(0,0,0,0.9);
}

.EditTaskRecord {
    background: url(../../Images/NewUI/op_oth_linked-object-arrow.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-indent: -9999px;
    margin-top: 20px;
}

.LightTheme .EditTaskRecord {
    background: url(../../Images/NewUI/LightTheme/op_oth_linked-object-arrow.svg) center center no-repeat;
    background-size: 30px 30px;
}

.DismissReminder {
    background: url(../../Images/NewUI/op_scr_cancel-popup.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 60px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
    min-width: 60px;
    font-size: 0px !important;
    font-family: Calibri,Segoe UI Light, Arial, Helvetica, sans-serif !important;
}

.LightTheme .DismissReminder {
    background: url(../../Images/NewUI/LightTheme/op_scr_cancel-popup.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

#gview_ShipmentDataTable .ui-jqgrid-bdiv::-webkit-scrollbar, #gview_CreditVoucherDataTable .ui-jqgrid-bdiv::-webkit-scrollbar {
    width: 0em !important;
}

#gview_ShipmentDataTable .ui-jqgrid-bdiv::-webkit-scrollbar-track, #gview_CreditVoucherDataTable .ui-jqgrid-bdiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0) !important;
}

#gview_ShipmentDataTable .ui-jqgrid-bdiv::-webkit-scrollbar-thumb, #gview_CreditVoucherDataTable .ui-jqgrid-bdiv::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0.5) !important;
    outline: 1px solid rgba(0,0,0,0.5) !important;
}

.openIoneVersion, #openIoneVersion {
    background: url(../../Images/NewUI/com_footer-logo.svg) center center no-repeat;
    height: 60px;
}

.LightTheme .openIoneVersion, .LightTheme #openIoneVersion {
    /*background: url(../../Images/NewUI/LightTheme/com_footer-logo.svg) center center no-repeat;*/
}

.EditAutoItem {
    background: url(../../Images/NewUI/op_scr_orderitem_edit.svg) center top no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    line-height: 25px;
    padding-top: 19px;
    font-size: 0px;
    text-align: center;
    color: #2b2b2b;
    cursor: pointer;
    margin-right: 25px !important;
}

.LightTheme .EditAutoItem {
    background: url(../../Images/NewUI/LightTheme/op_scr_orderitem_edit.svg) center top no-repeat;
    background-size: 30px 30px;
}

.DisplayInline div {
    display: inline-block;
}

.SearchResultBottomNav.NoBottomMargin {
    margin-bottom: 0px !important;
}

.appintmentProposal {
    background: url(../../Images/NewUI/op_scr_appointmentProposal.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 55px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 0px !important;
    min-width: 30px;
    vertical-align: top;
}

.LightTheme .appintmentProposal {
    background: url(../../Images/NewUI/LightTheme/op_scr_appointmentProposal.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.openProductionStep {
    background: url(../../Images/NewUI/obj_ProductionStep.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 55px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 0px !important;
    min-width: 30px;
}

.LightTheme .openProductionStep {
    background: url(../../Images/NewUI/LightTheme/obj_ProductionStep.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.appointmentDates {
    background: url(../Images/NewUI/op_scr_datepicker_calender_light.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 55px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 0px !important;
    min-width: 30px;
}

.LightTheme .appointmentDates {
    background: url(../Images/NewUI/LightTheme/op_scr_datepicker_calender.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.searchIcon {
    background: url(../Images/NewUI/op_scr_search.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 55px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 0px !important;
    min-width: 30px;
}

.LightTheme .searchIcon {
    background: url(../Images/NewUI/LightTheme/op_scr_search.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.machineProposal {
    background: url(../Images/NewUI/op_scr_merge-records.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 55px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 0px !important;
    min-width: 30px;
}

.LightTheme .machineProposal {
    background: url(../Images/NewUI/LightTheme/op_scr_merge-records.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.whoIsClose {
    background: url(../../Images/NewUI/op_scr_appointmentProposal_whoIsClose.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 55px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 0px !important;
    min-width: 30px;
    vertical-align: top;
}

.LightTheme .whoIsClose {
    background: url(../../Images/NewUI/LightTheme/op_scr_appointmentProposal_whoIsClose.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.SelectAppintmentProposal {
    background: url(../../Images/NewUI/op_scr_selectAppintmentProposal.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 55px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 0px !important;
    min-width: 30px;
}

.LightTheme .SelectAppintmentProposal {
    background: url(../../Images/NewUI/LightTheme/op_scr_selectAppintmentProposal.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}


#jqgh_AppointmentProposalDataTable_TechnicianName {
    position: absolute;
}

#AppointmentProposalDataTable_LastColumn {
    padding-right: 7px;
}

#AppointmentProposalDataTable .LastColumn:hover {
    content: "";
}

#AccountDataTable_LastColumn {
    padding-right: 20px !important;
}

.searchwithopenexport a:nth-child(3) {
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    right: -3px;
    border-left: 0 none;
}

.searchwithopenexport a:nth-child(2) {
    right: 30px;
    border-right: none;
    border-radius: 0 0 0 0;
}

.CompanySection {
    width: 258px;
    background-color: white;
    color: black;
    height: 117px;
}

    .CompanySection p {
        color: black;
        padding: 0 5px 0 5px;
    }

    .CompanySection .txtbox {
        height: 25px;
        width: 190px;
    }

.IONETheme .CompanySection .txtbox {
    box-shadow: none !important;
}

.CompanySectionTD {
    position: relative;
    width: 258px;
}

    .CompanySectionTD a.searchbtn, .CompanySectionTD a.searchbtn:hover {
        background: #ffffff url(../../Images/NewUI/op_scr_search-in-text.svg) right no-repeat !important;
        background-size: 25px 25px !important;
        width: 30px;
        height: 30px;
        display: block;
        text-indent: -9999px;
        position: absolute;
        top: 21px;
        right: 0px;
        border: none;
        border-left: 0 none;
    }

.IONETheme .CompanySectionTD a.searchbtn,
.IONETheme .CompanySectionTD a.searchbtn:hover,
.IONETheme.LightTheme .CompanySectionTD a.searchbtn,
.IONETheme.LightTheme .CompanySectionTD a.searchbtn:hover {
    background-size: 30px 30px !important;
}

.LightTheme .CompanySectionTD a.searchbtn, .LightTheme .CompanySectionTD a.searchbtn:hover {
    background: #ffffff url(../../Images/NewUI/LightTheme/op_scr_search-in-text.svg) right no-repeat !important;
    background-size: 25px 25px !important;
}

a.searchbtn.addbtn, a.searchbtn.addbtn:hover {
    right: 30px;
    background: #ffffff url(../../Images/NewUI/LightTheme/op_oth_add-create-new-black.svg) right no-repeat !important;
    background-size: 25px 25px !important;
}

.LightTheme a.searchbtn.addbtn, .LightTheme a.searchbtn.addbtn:hover {
    right: 30px;
    background: #ffffff url(../../Images/NewUI/LightTheme/op_oth_add-create-new-black.svg) right no-repeat !important;
    background-size: 25px 25px !important;
}

.IONETheme a.searchbtn.addbtn, .IONETheme a.searchbtn.addbtn:hover, .IONETheme .LightTheme a.searchbtn.addbtn, .IONETheme .LightTheme a.searchbtn.addbtn:hover {
    background: #ffffff url(../../Images/NewUI/LightTheme/op_oth_add.svg) right no-repeat !important;
    background-size: 30px 30px !important;
}

.CompanySectionTD a.searchbtn.addbtn, .CompanySectionTD a.searchbtn.addbtn:hover, .CompanySectionTD.LightTheme a.searchbtn.addbtn, .CompanySectionTD .LightTheme a.searchbtn.addbtn:hover {
    right: 0px;
    top: 55px;
}

.CustomerSectionNotes .medium .textarea {
    height: 107px;
}

a.searchbtn.openObj, a.searchbtn.openObj:hover {
    top: 90px;
    background: #ffffff url(../../Images/NewUI/LightTheme/op_grid_view-edit.svg) right no-repeat !important;
    background-size: 25px 25px !important;
}

.LightTheme a.searchbtn.openObj, .LightTheme a.searchbtn.openObj:hover {
    top: 90px;
    background: #ffffff url(../../Images/NewUI/LightTheme/op_grid_view-edit.svg) right no-repeat !important;
    background-size: 25px 25px !important;
}


.FLeftWithMargin {
    margin-left: 140px;
}

.editSave.WithNewTab {
    background: url(../../Images/NewUI/op_scr_save_order_open_tab.svg) center center no-repeat;
    background-size: 30px 30px;
    max-width: 120px;
}

.editSave.PrintOrder {
    background: url(../../Images/NewUI/op_scr_save_order_and_print.svg) center center no-repeat;
    background-size: 30px 30px;
    max-width: 120px;
}

.LightTheme .editSave.PrintOrder {
    background: url(../../Images/NewUI/LightTheme/op_scr_save_order_and_print.svg) center center no-repeat;
    background-size: 30px 30px;
}

.editSave.WithCreateBillNewTab {
    background: url(../../Images/NewUI/op_scr_save_order_bill_open_tab.svg) center center no-repeat;
    background-size: 30px 30px;
    max-width: 120px;
}

.editSave.WithNewTab.HoeckerMultiOrderButtons {
    background: url(../../Images/NewUI/op_scr_save_order_open_tab_new.svg) center center no-repeat;
    background-size: 30px 30px;
    max-width: 120px;
}

.LightTheme .editSave.WithNewTab {
    background: url(../../Images/NewUI/LightTheme/op_scr_save_order_open_tab.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .editSave.WithCreateBillNewTab {
    background: url(../../Images/NewUI/LightTheme/op_scr_save_order_bill_open_tab.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .editSave.WithNewTab.HoeckerMultiOrderButtons {
    background: url(../../Images/NewUI/LightTheme/op_scr_save_order_open_tab_new.svg) center center no-repeat;
    background-size: 30px 30px;
}

.valign tr td {
    vertical-align: middle;
}

.switch_dashboard {
    background: url(../../Images/NewUI/op_scr_switch_dashboard.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: block;
    position: fixed;
    top: 35px;
    left: 40px;
    z-index: 101;
}

.LightTheme .switch_dashboard {
    background: url(../../Images/NewUI/LightTheme/op_scr_switch_dashboard.svg) center center no-repeat;
    background-size: 30px 30px;
}

.slide {
    position: relative;
}

.tileSearchtxtBox {
    background: none;
    border: none;
    text-align: center;
    color: #fff;
}

.LightTheme .tileSearchtxtBox {
    color: #000;
}

.TileTable {
    width: 100%;
    border-spacing: 1px;
    text-align: left;
    font-size: 12px;
    margin-top: 10px;
}

.NewDashboardBox .TileTitle {
    font-size: 17px;
    float: left;
    width: 10px;
}

.TileTable tr {
    height: 20px;
}

.TileTable p {
    max-height: 19px;
    overflow: hidden;
    vertical-align: middle;
    word-break: break-all;
    cursor: pointer;
}

.LightTheme .TileTable p {
    color: #000;
}

.TaskTileTable td:first-child {
    width: 10%;
}

.TaskTileTable td:last-child {
    width: 90%;
}

.OrderTileTable td:first-child, .VehicleTileTable td:first-child, .DocumentTileTable td:first-child {
    width: 50%;
}

.OrderTileTable td:last-child, .VehicleTileTable td:last-child, .DocumentTileTable td:last-child {
    width: 50%;
}

.CalenderTile .ui-datepicker {
    width: 300px;
    background: none;
    border: none;
    color: #fff;
    margin-left: -10px;
}

.LightTheme .CalenderTile .ui-datepicker {
    color: #000;
}

.CalenderTile .ui-datepicker table {
    border-collapse: inherit;
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

    .CalenderTile .ui-datepicker table tr {
        height: 35px;
    }

.CalenderTile .ui-datepicker .ui-datepicker-header {
    background: none;
    border: none;
    margin-left: 15px;
    margin-top: -10px;
}

.CalenderTile .ui-datepicker th {
    padding: 0px;
}

.CalenderTile .ui-datepicker td span, .CalenderTile .ui-datepicker td a {
    padding: 0;
    background: none;
    border: none;
}



::-webkit-input-placeholder {
    font-style: italic;
}

::-moz-placeholder {
    font-style: italic;
}
/* firefox 19+ */
:-ms-input-placeholder {
    font-style: italic;
}
/* ie */
input:-moz-placeholder {
    font-style: italic;
}


.LightTheme ::-webkit-input-placeholder {
    color: var(--placeholder-color) !important;
    font-style: italic;
}

.LightTheme ::-moz-placeholder {
    color: var(--placeholder-color) !important;
    font-style: italic;
}
/* firefox 19+ */
.LightTheme :-ms-input-placeholder {
    color: var(--placeholder-color) !important;
    font-style: italic;
}
/* ie */
.LightTheme input:-moz-placeholder {
    color: var(--placeholder-color) !important;
    font-style: italic;
}

.AddRecordTile {
    background: url(../../Images/NewUI/op_oth_add-create-new.svg) center center no-repeat;
    background-size: 15px 15px !important;
    width: 8px;
    height: 8px;
    display: block;
    float: left;
    margin: 0;
    text-indent: -9999px;
    padding: 8px;
    margin: 0 0 0 110px;
}

.LightTheme .AddRecordTile {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new.svg) center center no-repeat;
    background-size: 15px 15px !important;
}

.BackToCalender {
    background: url(../../Images/NewUI/op_scr_promote.svg) center center no-repeat;
    background-size: 15px 15px !important;
    width: 8px;
    height: 8px;
    display: block;
    float: left;
    margin: 0;
    text-indent: -9999px;
    padding: 8px;
    margin: 0 0 0 95px;
}

.LightTheme .BackToCalender {
    background: url(../../Images/NewUI/LightTheme/op_scr_promote.svg) center center no-repeat;
    background-size: 15px 15px !important;
}

.CalenderTile .ui-datepicker select.ui-datepicker-month, .CalenderTile .ui-datepicker select.ui-datepicker-year {
    background: none;
    border: none;
    color: #fff;
}

.LightTheme .CalenderTile .ui-datepicker select.ui-datepicker-month, .LightTheme .CalenderTile .ui-datepicker select.ui-datepicker-year {
    color: #000;
}

.CalenderTile .ui-datepicker select.ui-datepicker-month option, .CalenderTile .ui-datepicker select.ui-datepicker-year option {
    color: #000;
}

.ShipmentTabDiv hr {
    width: 957px;
    margin-left: 0;
}

    .ShipmentTabDiv hr.MiniHr {
        width: 396px;
        margin-left: 0;
    }

    .ShipmentTabDiv hr.FreightHr {
        width: 957;
        margin-left: 160px;
    }

.Locked {
    background: rgba(0,159,227,0.9);
}

.IONETheme .Locked {
    /*background: rgba(0, 169, 112,0.9);*/
}

.IONETheme .dataTables_wrapper .Locked a.LockTechnician:not(.icon-normal):not(.icon-tristate):not(.icon-none):not(.AvoidCSS) {
    color: white !important;
}

.ui-resizable-handle {
    z-index: 99999 !important;
    margin-top: 0px !important;
    cursor: col-resize !important;
}

    .ui-resizable-handle.ui-resizable-s {
        cursor: row-resize !important;
        height: 7px;
        width: 100%;
        bottom: -5px;
        left: 0;
        position: absolute;
    }

.Combine .PageTitle {
    background: rgba(0,0,0,0.5);
}

.LightTheme .Combine .PageTitle {
    background: rgba(255,255,255,0.5);
}

.AddRow {
    padding-bottom: 0px;
    margin-top: -10px;
    background: url(../../Images/NewUI/op_oth_add.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 0;
    display: inline-block;
    padding: 35px 0 15px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 11px;
    min-width: 30px;
    vertical-align: top;
    position: absolute;
}

.LightTheme .LiveTemplate .AddRow {
    background: url(../../Images/NewUI/op_oth_add.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

    .AddRow.Blue,
    .LightTheme .LiveTemplate .AddRow.Blue {
        background: url(../../Images/NewUI/op_oth_add_blue_with_circle.svg) center center no-repeat !important;
        background-size: 30px 30px !important;
    }

.LightTheme .AddRow {
    background: url(../../Images/NewUI/LightTheme/op_oth_add.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.AddNewObject {
    padding-bottom: 0px;
    margin-top: -10px;
    background: url(../../Images/NewUI/op_scr_add.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 0;
    display: inline-block;
    padding: 35px 0 15px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 11px;
    min-width: 30px;
    vertical-align: top;
    position: absolute;
}

.LightTheme .AddNewObject {
    background: url(../../Images/NewUI/LightTheme/op_scr_add.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}


.AddRow.New,
.LightTheme .AddRow.New {
    background: url(../../Images/NewUI/op_oth_add_new.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .LiveTemplate .PreviewTableTdDiv .AddRow {
    background: url(../../Images/NewUI/op_oth_add_green.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.PublicHoliday .AddRow {
    top: 4px;
}

.IONETheme.LightTheme .LiveTemplate .PreviewTableTdDiv .AddRow {
    background: url(../../Images/NewUI/op_oth_add_green.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
    padding-top: 20px !important;
}

.RemoveRow {
    padding-bottom: 0px;
    position: absolute;
    margin-top: -10px;
    background: url(../../Images/NewUI/op_oth_remove.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 0;
    display: inline-block;
    padding: 35px 0 15px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 11px;
    min-width: 30px;
    vertical-align: top;
}

.LightTheme .RemoveRow {
    background: url(../../Images/NewUI/op_oth_remove.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .RemoveRow {
    background: url(../../Images/NewUI/LightTheme/op_oth_remove-new.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .RemoveRow.green {
    background: url(../../Images/NewUI/LightTheme/op_oth_remove_green.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.RightPosition {
    right: 0;
}

.Approve {
    padding-bottom: 0px;
    position: absolute;
    margin-top: -10px;
    background: url(../../Images/NewUI/op_scr_approve_timesegment.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 0;
    display: inline-block;
    padding: 35px 0 15px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 11px;
    min-width: 30px;
    vertical-align: top;
}

.LightTheme .Approve {
    background: url(../../Images/NewUI/LightTheme/op_scr_approve_timesegment.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.Decline {
    padding-bottom: 0px;
    position: absolute;
    margin-top: -10px;
    background: url(../../Images/NewUI/op_scr_reject.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 0;
    display: inline-block;
    padding: 35px 0 15px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 11px;
    min-width: 30px;
    vertical-align: top;
}

.LightTheme .Decline {
    background: url(../../Images/NewUI/LightTheme/op_scr_reject.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.ApproveTaskWithSegment.Approve {
    margin-top: 0px;
}

/*#TechnicianTable tbody tr:last-child {
    display: none;
}*/

.editableField.OpenOrders {
    cursor: pointer;
}


/*****/
#ui_notifIt {
    position: fixed;
    top: 20px !important;
    left: 22px;
    padding-right: 12px;
    cursor: pointer;
    overflow: hidden;
    z-index: 2000;
    width: 97.1% !important;
    height: auto !important;
}

    #ui_notifIt:hover {
        opacity: 1 !important;
    }

    #ui_notifIt p {
        text-align: center;
        font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
        font-size: 14px;
        padding: 23px 0 23px 0;
        margin: 0;
        line-height: 14px !important;
    }

#notifIt_close {
    position: absolute;
    color: #FFF;
    top: 0;
    padding: 0px 5px;
    right: 0;
}

    #notifIt_close:hover {
        background-color: rgba(255, 255, 255, 0.3);
    }

/* Color setup */
/* You are free to change all of this */
#ui_notifIt.success {
    background-color: rgba(15, 204, 54,0.95);
    color: white;
}

.IONETheme #ui_notifIt.success {
    background-color: #00a970;
}

#ui_notifIt.success p {
    /*background: url("/Images/NewUI/com_success-white.png") no-repeat center top;
        line-height: 65px !important;*/
}

#ui_notifIt.error {
    background-color: rgba(255,191,36,0.95);
    color: white;
}

.IONETheme #ui_notifIt.error {
    background-color: #e1d32e;
}

#ui_notifIt.error p {
    /*background: url("/Images/NewUI/com_error-white.png") no-repeat center top+5px;*/
}

#ui_notifIt.warning {
    background-color: orange;
    color: white;
}

#ui_notifIt.info {
    background-color: deepskyblue;
    color: white;
}

#ui_notifIt.default {
    background-color: #EEE;
    color: #444;
}

/* notifit confirm */
.notifit_confirm_bg {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
}

.notifit_confirm * {
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
}

.notifit_confirm {
    position: fixed;
    top: 0;
    left: 0;
    padding: 30px 30px 0px 30px;
    background-color: #EEE;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}

.notifit_confirm_accept,
.notifit_confirm_cancel {
    padding: 10px 20px;
    color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 10px;
    outline: 0;
    cursor: pointer;
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

.notifit_confirm_accept {
    background-color: #9ACD32;
}

    .notifit_confirm_accept:hover {
        background-color: #ABDE43;
    }

.notifit_confirm_cancel {
    background-color: #FF4500;
}

    .notifit_confirm_cancel:hover {
        background-color: #FF5611;
    }

.notifit_confirm_message {
    text-align: center;
    margin-bottom: 20px;
}

/*****/
.txtbox.MyTaskSearch, .txtbox.MyCalenderSearch {
    width: 100%;
    background: none;
    border: none;
    text-align: center;
    color: rgba(255,255,255,0.75) !important;
    margin-bottom: 5px;
}

.LightTheme .txtbox.MyTaskSearch, .LightTheme .txtbox.MyCalenderSearch {
    color: rgba(0,0,0,0.75) !important;
}

.activeFilter {
    border-left: 5px solid rgba(0,159,227,0.9) !important;
}

.IONETheme .activeFilter {
    border-left: 5px solid rgba(0, 169, 112,0.9) !important;
}

.IONETheme .activeFilter {
    border-left: 5px solid rgba(0, 169, 112,0.9) !important;
}

#dialog-PauseReason label[for="PauseCancelReason"] {
    font-size: 20px;
    margin-left: -60px;
}

#dialog-PauseReason .selectbox {
    margin: 40px 0 50px 0;
    color: #fff;
    /*padding: 0 5px 5px 5px;*/
    font-size: 20px;
    width: 95%;
}

    #dialog-PauseReason .selectbox select {
        width: 100%;
        border: 0;
        color: #2b2b2b;
        background: transparent;
        -webkit-appearance: none;
        outline: none;
        height: 35px;
        padding-left: 5px;
    }

.PersonPaymentsDiv .col:not(.small) {
    margin-left: -20px;
}

.row.AddPaymentRow .col:not(.small) {
    margin-left: -20px;
}

.InternaPayGradeDiv .GradeTable {
    text-align: center;
}

.GradeTable td.small, .GradeTable td.medium, .GradeTable th.small, .GradeTable th.medium {
    background: rgba(0,0,0,0.6);
    height: 30px;
    color: rgba(255,255,255,0.80);
}

.GradeTable th.PercentageColumn, .GradeTable td.PercentageColumn {
    width: 30px;
}

.GradeTable th.GroupNumberColumn, .GradeTable td.GroupNumberColumn {
    width: 50px;
    vertical-align: middle;
}

.GradeTable td.small.PercentageColumn input {
    width: 30px !important;
    text-align: center;
}

.GradeTable td.small input {
    width: 40px !important;
    text-align: right;
    background: none;
    border: none;
    color: rgba(255,255,255,0.8) !important;
    float: left;
    padding: 0;
}

.GradeTable td.small .currency {
    color: rgba(255,255,255,0.8);
    position: relative;
    float: right;
    padding: 0 5px 0 0;
}

.GradeTable td.BlankColumn, .GradeTable th.BlankColumn {
    width: 30px;
}

.TimeLogDiv .HeaderRow .col {
    margin-bottom: 0px;
    vertical-align: bottom;
}


.TimeLogDiv div.FormElementlabelTop .smallest .ChkBoxCnt {
    margin-top: -10px;
    margin-left: -5px;
}

.TimeLogDiv .ui-datepicker-trigger {
    top: 0;
}

.TimeLogDiv hr {
    width: 550px;
    margin: 0;
}

.addTimeLog {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-black.svg) center center no-repeat;
    background-size: 30px 30px !important;
    color: #646567;
    text-indent: -9999px;
    float: left;
    margin-left: -30px;
    width: 30px;
    height: 30px;
    position: absolute;
}

.LightTheme .addTimeLog {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-black.svg) center center no-repeat;
    background-size: 30px 30px !important;
}

.removeTimeLog {
    background: url(../../Images/NewUI/op_oth_remove.svg) center center no-repeat;
    background-size: 30px 30px !important;
    color: #646567;
    text-indent: -9999px;
    float: left;
    margin-left: -30px;
    width: 30px;
    height: 30px;
    position: absolute;
}

.LightTheme .removeTimeLog {
    background: url(../../Images/NewUI/op_oth_remove.svg) center center no-repeat;
    background-size: 30px 30px !important;
}

.TimeLogDiv .SumRow {
    margin-left: -3px;
}

    .TimeLogDiv .SumRow label {
        margin-top: 5px;
    }

.TimeLogDiv .grid .smallest .currencytxtbox {
    width: 48px;
}

.PinboardBody {
    width: 96%;
    min-height: 450px;
    padding: 20px;
    color: black;
    font-size: 14px;
    max-height: 450px;
}

    .PinboardBody .PiboardImage {
    }

.ui-dialog.PinboardNews {
    background: rgba(0,0,0,0.5) !important;
    border: none !important;
}

.LightTheme .ui-dialog.PinboardNews {
    background: rgba(255,255,255,0.6) !important;
}

.ui-dialog.PinboardNews .ui-dialog-titlebar span {
}

.ui-dialog.PinboardNews .ui-dialog-content {
    background: rgba(255,255,255,0.85) !important;
}

.ui-dialog.PinboardNews .ui-dialog-titlebar .PinboardFrom {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}

.ui-dialog.PinboardNews span.ui-dialog-title {
    font-size: 16px !important;
    /*font-weight: normal !important;*/
}

.PinboardFrom.SenderName {
    font-size: 16px !important;
}

.PinboardMessage {
    padding-top: 5px;
    font-size: 14px;
    font-weight: normal;
}

.LightTheme .SendOrderNews.FromEdit {
    background: url(../../Images/NewUI/LightTheme/op_scr_savenews.svg) center center no-repeat;
    background-size: 30px 30px;
}

.SendOrderNews.FromEdit {
    background: url(../../Images/NewUI/op_scr_savenews.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    margin: 5px 0 0 0 !important;
    float: none !important;
    max-width: 55px;
    min-width: 30px;
    height: 0;
    padding: 0px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    vertical-align: top;
}

.row.seperaterRow {
    height: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
    background: rgba(0,159,227,0.25) !important;
}

.IONETheme .row.seperaterRow {
    background: rgba(0, 169, 112,0.25) !important;
}

.SeparaterPageTitle {
    /*background: rgba(0,159,227,0.9) url(../../Images/NewUI/op_grid_view-edit-white.svg) left+20px center no-repeat;*/
    color: #fff;
    font-weight: normal;
    padding: 0 0 0 20px;
    margin: 0 0 0px 0;
    height: 30px;
    line-height: 30px;
    text-align: left;
    font-size: 17px;
}

.LightTheme .SeparaterPageTitle {
    color: #000;
}

.SendNewsImg {
    background: url(../../Images/NewUI/op_grid_newsunreadstatus.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 0 20px 0 20px;
}

.LightTheme .SendNewsImg {
    background: url(../../Images/NewUI/LightTheme/op_grid_newsunreadstatus.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AutoNews {
    background: url(../../Images/NewUI/op_scr_AutoNews.svg) center center no-repeat;
    background-size: 30px 30px;
}

LightTheme .AutoNews {
    background: url(../../Images/NewUI/LightTheme/op_scr_AutoNews.svg) center center no-repeat;
    background-size: 30px 30px;
}

.EditRecord.EventRHS {
    background: url(../../Images/NewUI/obj_event.svg) center center no-repeat;
    background-size: 30px 30px;
    margin-top: 20px;
}


.LightTheme .EditRecord.EventRHS {
    background: url(../../Images/NewUI/LightTheme/obj_event.svg) center center no-repeat;
    background-size: 30px 30px;
    margin-top: 20px;
}

.OrderEntry.EditRecord {
    margin-top: 20px;
    margin-right: 10px;
}

.BottomRow.row a {
    max-width: 60px;
    height: 60px;
    display: inline-block;
    /* margin-right: 25px !important; */
    padding: 0 10px 0 10px;
    color: #FFF !important;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 40px;
    cursor: pointer;
    font-size: 0px;
}

.QuickOrderTaskDiv .mediumlarge textarea.txtbox {
    max-width: 290px;
}

.SelectProposal.NotFixed, .SelectProposal.Fixed, .ui-jqgrid .ui-state-hover a.SelectProposal.NotFixed, .ui-state-hover a.SelectProposal.Fixed {
    padding: 3px;
    color: white !important;
    background: rgba(0,159,227,0.9);
}

.IONETheme .SelectProposal.NotFixed, .IONETheme .SelectProposal.Fixed, .IONETheme .ui-jqgrid .ui-state-hover a.SelectProposal.NotFixed, .IONETheme .ui-state-hover a.SelectProposal.Fixed {
    background: rgba(0, 169, 112,0.9);
}

.TimeLogContainer .smallest .selectbox, .TimeLogContainer .smallest .selectbox select {
    width: 58px;
}

img#personPicture {
    float: right;
    max-height: 500px;
    max-width: 500px;
}

#NewsPopupLinkedObjectId {
    cursor: pointer;
}


/***/
/*.ui-dialog:not([aria-describedby="dialogExportPdf"]):not(.Dialog_RM) .SearchResultBottomNav {
    position: fixed;
    bottom: 51px;
    padding-left: 20px;
    margin-left: -20px;
    width: 769px;
    border-top: 1px solid rgba(211,211,211,1);
}*/

/*.ui-dialog:not(.Dialog_RM) .searchFooter {
    position: fixed;
    bottom: 50px;
    border-top: 1px solid rgba(211,211,211,1);
}

.ui-dialog:not([aria-describedby="dialogExportPdf"]):not(.Dialog_RM) .dataTables_info {
    padding-bottom: 80px;
}*/
/***/

.FixedLeftPosition {
    left: 0px !important;
    top: 180px !important;
}

.ui-dialog.FixedLeftPosition .ui-dialog-titlebar, .LightTheme .ui-dialog.FixedLeftPosition .ui-dialog-titlebar, .ui-dialog.dialog-OrderSettings .ui-dialog-titlebar, .LightTheme .ui-dialog.dialog-OrderSettings .ui-dialog-titlebar {
    background: rgba(0,159,227,0.9) !important;
}

.IONETheme .ui-dialog.FixedLeftPosition .ui-dialog-titlebar, .LightTheme.IONETheme .ui-dialog.FixedLeftPosition .ui-dialog-titlebar, .IONETheme .ui-dialog.dialog-OrderSettings .ui-dialog-titlebar, .LightTheme.IONETheme .ui-dialog.dialog-OrderSettings .ui-dialog-titlebar {
    background: rgba(0, 169, 112,0.9) !important;
}

.ui-dialog.FixedLeftPosition .ui-dialog-titlebar span.ui-dialog-title, .LightTheme .ui-dialog.FixedLeftPosition .ui-dialog-titlebar span.ui-dialog-title, .ui-dialog.dialog-OrderSettings .ui-dialog-titlebar span.ui-dialog-title, .LightTheme .ui-dialog.dialog-OrderSettings .ui-dialog-titlebar span.ui-dialog-title {
    color: #fff !important;
}

.LightTheme .ui-dialog.FixedLeftPosition .SearchTitle, .ui-dialog.FixedLeftPosition .SearchTitle {
    display: none;
}

.FixedLeftPosition #SearchItemForm {
    padding-top: 10px;
    margin-top: -10px;
}

.LightTheme .FixedLeftPosition .dataTables_info {
    /*color: rgba(255,255,255,0.75);*/
}

.FixedLeftPosition #SearchItemResutNav {
    background: rgba(0,0,0,0.75);
    height: 59px;
    margin-right: 29px;
}

.LightTheme .FixedLeftPosition #SearchItemResutNav {
    background: rgba(255,255,255,0.75);
}

.FixedLeftPosition .SearchResultBottomNav {
    margin-right: 29px;
}

.dialog-OrderSettings {
    left: 245px !important;
    top: 180px !important;
}

.ui-dialog.dialog-OrderSettings {
    background: rgba(0,0,0,0.8) !important;
}

.LightTheme .ui-dialog.dialog-OrderSettings {
    background: rgba(255,255,255,0.8) !important;
}

.OrderSettingsTab, .QuotationSettingsTab, .CommonSettingsTab {
    width: 660px;
    position: absolute;
    background: rgba(0,0,0,0.8);
    margin-top: 3px;
    z-index: 99999;
}

.LightTheme .OrderSettingsTab, .LightTheme .QuotationSettingsTab, .LightTheme .CommonSettingsTab {
    background: rgba(11, 29, 37, 0.75);
}

.LightTheme:not(.IONETheme) .AngularApp .ui-dialog.QuotationSettingsTab {
    background: rgba(11, 29, 37, 0.75) !important;
}

.OrderSettingsTab .Title, .QuotationSettingsTab .Title, .CommonSettingsTab .Title {
    height: 20px;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    background: rgba(0,159,227,0.9) !important;
    margin-bottom: 20px;
}

.IONETheme .OrderSettingsTab .Title, .IONETheme .QuotationSettingsTab .Title, .IONETheme .CommonSettingsTab .Title {
    background: rgba(0, 169, 112,0.9) !important;
}

.OrderSettingsTab .Bottom, .QuotationSettingsTab .Bottom, .CommonSettingsTab .Bottom, .addressChangePopup .Bottom {
    height: 20px;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-size: 17px;
    background: rgba(0,0,0,0.9) !important;
}


.LightTheme .OrderSettingsTab .Bottom, .LightTheme .QuotationSettingsTab .Bottom, .LightTheme .CommonSettingsTab .Bottom {
    background: rgba(11, 29, 37,0.25) !important;
}

.OrderSettingsTab .Bottom .Close, .QuotationSettingsTab .Bottom .Close, .CommonSettingsTab .Bottom .Close, .addressChangePopup .Bottom .Close {
    width: 30px;
    height: 30px;
    float: right;
    cursor: pointer;
    background: url(../../Images/NewUI/op_oth_confirm-ok.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme .OrderSettingsTab .Bottom .Close,
.IONETheme .QuotationSettingsTab .Bottom .Close,
.IONETheme .CommonSettingsTab .Bottom .Close,
.IONETheme .addressChangePopup .Bottom .Close {
    background: url(../../Images/NewUI/op_oth_confirm-ok.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .OrderSettingsTab .Bottom .Close,
.LightTheme .QuotationSettingsTab .Bottom .Close,
.LightTheme .CommonSettingsTab .Bottom .Close {
    width: 30px;
    height: 30px;
    background: url(../../Images/NewUI/op_oth_confirm-ok.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme.LightTheme .OrderSettingsTab .Bottom .Close,
.IONETheme.LightTheme .QuotationSettingsTab .Bottom .Close,
.IONETheme.LightTheme .CommonSettingsTab .Bottom .Close {
    background: url(../../Images/NewUI/LightTheme/op_oth_confirm-ok.svg) center center no-repeat;
    background-size: 30px 30px;
}

.AddNewRowItem {
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 0 20px 30px 10px;
    margin-left: -5px;
    background: url(../../Images/NewUI/op_scr_add_item.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .AddNewRowItem {
    background: url(../../Images/NewUI/LightTheme/op_scr_add_item.svg) center center no-repeat;
    background-size: 30px 30px;
}




.tp-control-arrows {
    height: 40px;
    float: left;
}

.tp-control-pages {
    height: 40px;
}

.tp-control-arrow-left, .EditBottomNav .tp-control-arrow-left {
    /*height: 30px;
        display: inline-block;
        text-indent: -9999px;
        margin-right: 1% !important;*/
    max-width: 55px;
    height: 55px;
    display: inline-block;
    /*margin-right: 25px !important;*/
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 40px;
    line-height: 25px;
    font-size: 0px;
    background: url(../../Images/NewUI/op_scr_previous_record.svg) center center no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
    float: none !important;
}

/*.EditBottomNav.NewUIQuotationLive .tp-control-arrow-left, .EditBottomNav.NewUIOrderLive .tp-control-arrow-left {
    float: left !important;
}*/

.LightTheme .tp-control-arrow-left, .LightTheme .EditBottomNav .tp-control-arrow-left {
    background: url(../../Images/NewUI/LightTheme/op_scr_previous_record.svg) center center no-repeat;
    background-size: 30px 30px;
}

.tp-control-arrow-first, .EditBottomNav .tp-control-arrow-first {
    /*height: 30px;
        display: inline-block;
        text-indent: -9999px;
        margin-right: 1% !important;*/
    max-width: 55px;
    height: 55px;
    display: inline-block;
    /*margin-right: 25px !important;*/
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 40px;
    line-height: 25px;
    font-size: 0px;
    background: url(../../Images/NewUI/op_grid_first.svg) center center no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
}

.EditBottomNav.NewUIQuotationLive .tp-control-arrow-first, .EditBottomNav.NewUIOrderLive .tp-control-arrow-first {
    float: left !important;
}

.LightTheme .tp-control-arrow-first, .LightTheme .EditBottomNav .tp-control-arrow-first {
    background: url(../../Images/NewUI/LightTheme/op_grid_first.svg) center center no-repeat;
    background-size: 30px 30px;
}

.tp-control-arrow-right, .EditBottomNav .tp-control-arrow-right {
    /*height: 30px;
        display: inline-block;
        text-indent: -9999px;
        margin-right: 1% !important;*/
    max-width: 55px;
    height: 55px;
    display: inline-block;
    /*margin-right: 25px !important;*/
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 40px;
    line-height: 25px;
    font-size: 0px;
    background: url(../../Images/NewUI/op_scr_next_record.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
    cursor: pointer;
    float: none !important;
}

.LightTheme .tp-control-arrow-right, .LightTheme .EditBottomNav .tp-control-arrow-right {
    background: url(../../Images/NewUI/LightTheme/op_scr_next_record.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.tp-control-arrow-last, .EditBottomNav .tp-control-arrow-last {
    /*height: 30px;
        display: inline-block;
        text-indent: -9999px;
        margin-right: 1% !important;*/
    max-width: 55px;
    height: 55px;
    display: inline-block;
    /*margin-right: 25px !important;*/
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 40px;
    line-height: 25px;
    font-size: 0px;
    background: url(../../Images/NewUI/op_grid_last.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
    cursor: pointer;
    float: right;
}

.LightTheme .tp-control-arrow-last, .LightTheme .EditBottomNav .tp-control-arrow-last {
    background: url(../../Images/NewUI/LightTheme/op_grid_last.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.tp-control-arrow-first.unactive,
.tp-control-arrow-last.unactive,
.tp-control-arrow-left.unactive,
.tp-control-arrow-right.unactive {
    opacity: 0.3;
    /*cursor: not-allowed;*/
}

.tp-page {
    background: #777777;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    margin: 0 5px;
    padding: 10px;
}

    .tp-page.active {
        background: #ff0000;
        color: #FFFFFF;
    }

.IONETheme .tp-page.active {
    background: #c6392a;
}

.controls, .pager {
    display: inline-block;
    height: 55px !Important;
    padding: 0;
    margin: 0;
}

.EditBottomNavTable .controls, .pager {
    float: right;
}

.IONETheme .EditBottomNavTable .controls, .ngpager {
    float: right;
    border-left: 2px solid lightgrey;
    border-right: 2px solid lightgrey;
}

.mce-notification.mce-notification-warning.mce-has-close.mce-in, .mce-statusbar {
    display: none !important;
}

.Hidden, .dataTables_processing.Hidden {
    display: none !important;
}

.SearchResultBottomNav .Ok {
    cursor: pointer;
    background: url(../../Images/NewUI/op_oth_confirm-ok.svg) center center no-repeat;
    height: 60px;
    width: 60px;
    float: right;
    background-size: 30px 30px;
}

.IONETheme.LightTheme .SearchResultBottomNav .Ok {
    background: url(../../Images/NewUI/LightTheme/op_oth_confirm-ok.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LeftAligned {
    float: left !important;
}

.CreateCalenderTask .ui-dialog-titlebar {
    display: none;
}

.CreateCalenderTask {
    padding-top: 20px !important;
}

.dialog-CreateCalenderTask .txtBox, .dialog-CreateCalenderTask .datetimePicker {
    width: 90%;
    color: white;
    text-align: center;
    margin-bottom: 15px;
    background: none;
}

.LightTheme .dialog-CreateCalenderTask .txtBox, .LightTheme .dialog-CreateCalenderTask .datetimePicker {
    color: black;
}

.dialog-CreateCalenderTask .CloseButton {
    margin-left: 50px;
    width: 30px;
    height: 60px;
    background: url(../../Images/NewUI/op_oth_confirm-cancel.svg) center center no-repeat;
    cursor: pointer;
}

.dialog-CreateCalenderTask .editSave {
    margin-right: 80px;
    float: right;
    width: 30px;
    height: 60px;
    background: url(../../Images/NewUI/op_oth_confirm-ok.svg) center center no-repeat;
}

.LightTheme .dialog-CreateCalenderTask .editSave {
    background: url(../../Images/NewUI/op_oth_confirm-ok.svg) center center no-repeat;
}

.dialog-CreateCalenderTask .RecurrenceInterval {
    text-align: center;
    width: 90%;
}

.dialog-CreateCalenderTask #RecurrenceDiv {
    width: 400px;
}

.dialog-CreateCalenderTask .RecurrenceInterval .selectbox {
    margin-left: 38%;
}

.RecurrenceOption {
    text-align: center;
}

.HalfSize {
    width: 50% !important;
    margin-right: 0 !important;
}

    .HalfSize input {
    }

    .HalfSize .selectbox {
        margin-left: 40px;
    }

.FullSize {
    width: 90% !important;
}

    .FullSize input.txtbox {
        float: left;
        margin-left: 38%;
    }

.RecurrenceTime, .NoMarginRight {
    margin-right: 0px !important;
}

.RecurrenceMonth {
    margin-left: -5px !important;
}

.dialog-CreateCalenderTask .FLeft {
    margin-left: 10px;
}

.RecurrenceInterval .Interval {
    cursor: pointer;
}

.pRelative a.searchbtn.Locked, .pRelative a.searchbtn.Locked:hover {
    background: url(../../Images/NewUI/op_scr_locked.svg) right no-repeat !important;
    background-size: 25px 25px !important;
    right: -2px;
}

.LightTheme .pRelative a.searchbtn.Locked, .LightTheme .pRelative a.searchbtn.Locked:hover {
    background: url(../../Images/NewUI/op_scr_locked.svg) right no-repeat !important;
    background-size: 25px 25px !important;
    right: -2px;
}

.pRelative a.searchbtn.UnLocked, .pRelative a.searchbtn.UnLocked:hover {
    background: url(../../Images/NewUI/op_scr_unlocked.svg) right no-repeat !important;
    background-size: 25px 25px !important;
    right: -2px;
}

.LightTheme .pRelative a.searchbtn.UnLocked, .LightTheme .pRelative a.searchbtn.UnLocked:hover {
    background: url(../../Images/NewUI/op_scr_unlocked.svg) right no-repeat !important;
    background-size: 25px 25px !important;
    right: -2px;
}

a.searchbtn.Locked.weekend, a.searchbtn.UnLocked.weekend, .LightTheme a.searchbtn.Locked.weekend, .LightTheme a.searchbtn.UnLocked.weekend {
    background-color: #d3d3d3 !important;
}

.UnLocked.txtbox, .currencytxtbox.UnLocked, a.searchbtn.UnLocked.weekend, .LightTheme a.searchbtn.UnLocked.weekend {
    background-color: rgba(255,255,0,0.75) !important;
}

.Resources {
    position: fixed;
    width: 200px;
    height: 215px;
    max-height: 215px;
    top: 550px;
    overflow: hidden;
    background: rgba(0,0,0,0.85);
    left: 500px;
    border: 1px solid white;
    color: white;
}

.LightTheme .Resources {
    color: black;
    background: rgba(255,255,255,0.85);
}

.Resources table tr td {
    vertical-align: middle;
}

.Resources .Bottom {
    height: 35px;
    width: 100%;
}

    .Resources .Bottom .Close {
        cursor: pointer;
        background: url(../../Images/NewUI/op_oth_confirm-ok.svg) center center no-repeat;
        height: 30px;
        width: 30px;
        float: right;
        margin-right: 10px;
    }

    .Resources .Bottom .Cancel {
        cursor: pointer;
        background: url(../../Images/NewUI/op_oth_confirm-cancel.svg) center center no-repeat;
        height: 30px;
        width: 30px;
        float: left;
        margin-left: 10px;
    }

.ResourceSelection {
    cursor: pointer;
}

    .ResourceSelection .txtBox {
        min-height: 13px;
    }

.Resources .ResourcesTable {
    height: 180px;
    max-height: 180px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

.demo.Temporary {
    height: 770px;
    margin-top: 80px;
    margin-bottom: 50px;
}

#AccountDataTable .ui-state-highlight a, #AccountDataTable .ui-widget-content .ui-state-highlight a, #AccountDataTable .ui-widget-header .ui-state-highlight a {
    color: rgba(234,231,200,0.9);
}

.PreviewTableTdOuterDiv {
    /*margin-left: 100px;
    margin-right: 100px;*/
}

.PreviewHeader {
    background: url(../../Images/NewUI/op_scr_schedule_header.png) center center no-repeat;
    width: 100%;
    height: 30px;
}

.PreviewFooter {
    background: url(../../Images/NewUI/op_scr_schedule_footer.png) center center no-repeat;
    width: 100%;
    height: 100px;
}

.PreviewLogo {
    background: url(../../Images/NewUI/op_scr_schedule_logo.png) center center no-repeat;
    width: 150px;
    height: 150px;
}

#NewsDataTable td div.NewsListMessage {
    max-height: 100px;
    overflow: hidden;
}

#MyNewsDataTable td div.NewsListMessage {
    height: 30px;
}

.ui-jqgrid-bdiv div:first-child {
    height: 100% !important;
}

.Expanded .NewsSection {
    left: -520px;
    width: 700px;
}

.dialog-incoming {
    top: 90px !important;
    right: 20px !important;
    left: initial !important;
}

.dialogWarehouseMovment .quantity {
    width: 154px !important;
}

.dialogWarehouseMovment .selectbox {
    width: 152px !important;
}

.dialogWarehouseMovment .searchbox {
    width: 240px !important;
}

.dialogWarehouseMovment .smallest2 {
    right: 5px;
}


.AddressCnt .BuildingAddress .FontExtraLarge {
    font-size: 17px !important;
    margin-bottom: 5px !important;
}


#gbox_CDRDataTable table thead tr th:first-child,
#CDRDataTable tbody tr td:first-child,
.poptable #gbox_PhoneUserDataTable table thead tr th:first-child,
.poptable #PhoneUserDataTable tbody tr td:first-child,
#TemporaryEmploymentDataTable tbody tr td:first-child,
#gbox_TemporaryEmploymentDataTable table thead tr th:first-child,
#gbox_WarehouseTransactionDataTable table thead tr th:first-child,
#WarehouseTransactionDataTable tbody tr td:first-child {
    padding-left: 10px !important;
}

#gbox_CDRDataTable .ui-jqgrid-htable thead tr th:first-child div,
.poptable #PhoneUserDataTable .ui-jqgrid-htable thead tr th:first-child div {
    position: absolute !important;
}

.SmallSpecial {
    width: 23px;
    display: inline-block;
    float: left;
    margin-left: -2px;
}

#PaletDataTable tbody tr td.LastColumn,
#GroupDataTable tbody tr td.LastColumn,
#DialPlanDataTable tbody tr td.LastColumn,
#PhoneUserDataTable tbody tr td.LastColumn,
#VoiceMailBoxDataTable tbody tr td.LastColumn,
#WarehouseDataTable tbody tr td.LastColumn,
#WarehouseTransactionDataTable tbody tr td.LastColumn {
    padding-right: 20px !important;
}

.MrgnBtm10Preceding.smallestPreceding {
    width: 20px;
    display: inline;
}

.SearchFormCnt .smallestPreceding label {
    margin-top: 10px;
}

div.leftformelement .smallestPreceding .txtBox {
    width: 30px;
}

div.leftformelement .styleselectPreceding.smallest {
    width: 60px;
    display: inline-block;
    float: right;
    margin-top: 1px;
    right: 3px;
}

.EditPersonRequirement {
    cursor: pointer;
}

.dialogEditRequirement span {
    color: rgba(255,255,255,0.75);
}

.LightTheme .dialogEditRequirement span {
    color: rgba(0,0,0,0.75);
}

.AddLinkButton {
    background: url(../../Images/NewUI/op_oth_add-create-new-black.svg) center center no-repeat;
    background-size: 30px 30px !important;
    color: #646567;
    text-indent: -9999px;
    float: left;
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
}

.LightTheme .AddLinkButton {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-black.svg) center center no-repeat;
    background-size: 15px 15px !important;
}

.AddLinkButton:hover {
    background: url(../../Images/NewUI/op_oth_add-create-new-dark.svg) center center no-repeat;
}

.LightTheme .AddLinkButton:hover {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-dark.svg) center center no-repeat;
}

.AddLinkButton + label {
    margin-left: 40px;
    margin-top: 5px;
}

.RemoveLinkButton {
    background: url(../../Images/NewUI/op_oth_remove-black.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #646567;
    text-indent: -9999px;
    float: left;
    width: 30px;
    padding-top: 0px;
    position: absolute;
    margin-top: 20px;
    height: 30px;
    cursor: pointer;
}

.LightTheme .RemoveLinkButton {
    background: url(../../Images/NewUI/LightTheme/op_oth_remove-black.svg) center center no-repeat;
    background-size: 30px 30px;
}


.TimeLogLabel {
    margin-top: 22px !important;
    font-size: 18px;
    font-weight: bold;
}

.TimeLogTable {
    width: 100%;
    margin-top: 20px !important;
}

    .TimeLogTable .TimeLogSearchTD {
        width: 175px;
    }

#TaskResourceDataTable.IONETheme {
    display: block !important;
}

    #TaskResourceDataTable.IONETheme tr td {
        vertical-align: bottom !important;
    }

        #TaskResourceDataTable.IONETheme tr td.VerticalCenter {
            vertical-align: middle !important;
        }

#OrderQuotationResourceDataTable.IONETheme {
    display: none !important;
}

.TimeLogSearchFooter {
    margin-left: -60px !important;
    width: 190px;
    margin-top: 8px !important;
}

    .TimeLogSearchFooter .BtnSearch {
        float: right !important;
    }

.TimeLogTable .TimeLogSearchTD .PageTitle {
    background: rgba(0,159,227,0.9);
    width: 170px;
}

.IONETheme .TimeLogTable .TimeLogSearchTD .PageTitle {
    background: #00a970;
}

.TimeLogTable .AddressCntCreate {
    padding: 0 0 0 10px;
}

.FLeftFull {
    width: 100%;
}

.TimeLogLabel #lblPerson {
    margin-left: 10px;
}

[contentEditable=true]:empty:before {
    content: attr(placeholder);
    display: block; /* For Firefox */
    opacity: 0.5;
    font-style: italic;
}

[contentEditable=true], .editablePreNotes.editable.editableContent {
    /*min-height: 30px;*/
    color: #000;
    font-family: Calibri, Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 12pt;
}

[contentEditable=true], .editablePostNotes.editable.editableContent {
    /*min-height: 30px;*/
    color: #000;
    font-family: Calibri, Segoe UI, Arial, Helvetica, sans-serif;
    font-size: 12pt;
}

.UC49118 .LiveTemplateItemDescription {
    color: #000;
    font-family: Arial, Calibri, Helvetica, sans-serif !important;
    font-size: 18px !important;
}

.LiveTemplateItemDescription {
    color: #000;
    font-family: Segoe UI, Calibri, Arial, Helvetica, sans-serif !important;
    font-size: 14px;
}

.UC49109 .LiveTemplateItemDescription {
    font-size: 15px !important;
}
/*.LightTheme [contentEditable=true] {
    color: #fff;
}*/

.BillPayment .ui-widget-content .ui-icon {
    background: url(../../Images/NewUI/op_oth_add-create-new-black.svg) center center no-repeat;
    height: 30px;
    width: 30px;
    padding-left: 10px;
    background-size: 30px 30px;
}

.BillPayment .ui-icon.ui-icon-circlesmall-minus {
    background: url(../../Images/NewUI/op_oth_remove-black.svg) center center no-repeat;
    height: 30px;
    width: 30px;
    padding-left: 10px;
    background-size: 30px 30px;
}

.LightTheme .BillPayment .ui-icon.ui-icon-circlesmall-minus {
    background: url(../../Images/NewUI/LightTheme/op_oth_remove-black.svg) center center no-repeat;
    height: 30px;
    width: 30px;
    padding-left: 10px;
    background-size: 30px 30px;
}

.LightTheme .BillPayment .ui-widget-content .ui-icon {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new-black.svg) center center no-repeat;
    background-size: 30px 30px;
}

.BillPayment .ui-jqgrid tr.jqgroup td {
    font-weight: normal;
    overflow: hidden;
    white-space: pre;
    height: 22px;
    padding: 0 2px 0 2px;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    border-bottom-style: solid;
    font-size: 14px;
    line-height: 30px;
    vertical-align: middle;
}

.LightTheme .BillPayment .ui-jqgrid tr.jqgroup td {
    font-weight: normal;
    overflow: hidden;
    white-space: pre;
    height: 22px;
    padding: 0 2px 0 2px;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    border-bottom-style: solid;
    font-size: 14px;
}

.BillPayment .EditableField input {
}

.BillPayment span.EditableField {
    background: #ffffff;
    border: none;
    padding: 0 5px;
    color: #2b2b2b;
    outline: none;
    height: 30px;
    line-height: 30px;
    padding: 5px;
}

    .BillPayment span.EditableField.Date {
        background: #ffffff;
        border: none;
        padding: 0 5px;
        color: #2b2b2b;
        outline: none;
        height: 30px;
        line-height: 30px;
        padding: 5px;
        width: 108px;
        padding-right: 55px;
    }

.SortByDate {
    cursor: pointer;
    background: url(../../Images/NewUI/op_ctrl_pull-down.png) center center no-repeat;
    height: 30px;
    width: 30px;
}

.label1 {
    padding-top: 8px;
}

.IncludeBZ1 p {
    margin-top: 25px;
}

.BillingPeriod .PrintPopupLabel {
    width: 300px;
    margin-left: 40px;
    margin-top: -30px;
}

.ShipmentDetails textarea {
    resize: none !important;
}

.SpecialHrRow.row {
    margin-left: 159px;
    margin-top: -15px;
}

hr.CommentHr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.SpecialHrRow .SpecialHr {
    height: 15px;
    background: rgba(255,255,255,0.2);
    float: left;
    width: 100%;
}

.EditRequirementErrorMsg.Visible {
    display: block;
    visibility: visible;
    height: 40px;
}

.comment {
    /*display: inline-block;*/
    /*width: 100%;*/
    min-height: 100px;
    /*padding: 10px;*/
    color: #000000 !important;
}

.commentBox {
    height: 100% !important;
    width: 388px;
    background-color: #ffffff;
    padding: 10px;
    color: #000000 !important;
}

    .commentBox.large {
        width: 518px;
    }

    .commentBox label {
        color: #000000 !important;
    }

    .commentBox .date {
        float: right !important;
        margin: 0px !important;
        margin: 0px 5px 0px 0px !important;
    }

    .commentBox .name {
        float: left !important;
        margin: 0px 0px 0px 5px !important;
    }

    .commentBox textarea {
        background: #ffffff;
        border: none;
        padding: 5px;
        color: #2b2b2b;
        outline: none;
        height: 100%;
        width: 380px !important;
        overflow: hidden !important;
        min-height: 50px !important;
        min-width: 360px !important;
        resize: both !important;
    }

        .commentBox textarea.large {
            width: 510px !important;
        }

.attachmentList {
    float: left !important;
    margin-left: 20px !important;
}

    .attachmentList a {
        color: #ffffff;
        /*text-decoration: underline;*/
        font-size: 12px;
    }

    .attachmentList li:not(ngui-auto-complete ul li) {
        list-style: disc !important;
        font-size: 12px;
        color: #ffffff;
        text-decoration: underline !important;
    }

    .attachmentList li:last-child {
        margin-bottom: 10px;
    }

.inputfile, .btn {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .inputfile + label, .btn + label {
        font-size: 12px;
        color: #000000 !important;
        background-color: #FEFEFE;
        display: inline-block;
        /*width: 80px;*/
        padding: 8px;
        text-align: center;
    }

        .inputfile:hover + label,
        .inputfile + label:hover, .btn:hover + label,
        .btn + label:hover {
            background-color: #369;
        }

div.FormElement .attachmentList div:not(.imageSelectionCheckBox) > input + label:before {
    background: none;
}

.deleteButton {
}

.deleteButton {
    right: 10px !important;
    background: url(../../Images/NewUI/op_oth_close-popup-transparent.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
    border: none !important;
    width: 30px !important;
    height: 30px !important;
}

.LightTheme .deleteButton {
    background: url(../../Images/NewUI/LightTheme/op_oth_close-popup-transparent.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.attachmentList img, .attachmentList iframe {
    border: 1px solid #ddd;
    /*border-radius: 2px;
    padding: 2px;*/
    width: 100px;
    height: 100px;
    border: 0 none;
}

    .attachmentList img.autoSize {
        width: auto !important;
        padding-top: 0px;
        max-height: 133px;
        margin-top: 0px;
    }

img:hover {
    box-shadow: 0 0 2px 1px #369;
}

.attachmentList {
    width: 500px;
    /*overflow-y: hidden;
    overflow-x: scroll;*/
    overflow: auto;
    white-space: nowrap;
}

.ui-dialog .ui-dialog-content.dialog-CreateCompany {
    overflow: hidden;
}

.StockManufacturingList {
    width: 80%;
}

.AddArticle, .AddManufacturingStep, .AddMachineType, .AddProducedItem, .AddMaterialItem, .AddTool, .AddResourceSource, .AddMaterialSource, .AddItemOutputSource, .AddMileStone, .AddLinkButton, .AddWorkingHours, .AddCommon {
    background: url(../Images/NewUI/op_oth_add-create-new-black.svg) center center no-repeat;
    background-size: 30px 30px !important;
    color: #646567;
    text-indent: -9999px;
    float: left;
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
}

.LightTheme .AddArticle, .LightTheme .AddManufacturingStep, .LightTheme .AddMachineType, .LightTheme .AddProducedItem, .LightTheme .AddMaterialItem, .LightTheme .AddTool, .LightTheme .AddResourceSource, .LightTheme .AddMaterialSource, .LightTheme .AddItemOutputSource, .LightTheme .AddMileStone, .LightTheme .AddLinkButton, .LightTheme .AddWorkingHours, .LightTheme .AddCommon {
    background: url(../Images/NewUI/LightTheme/op_oth_add-create-new-black.svg) center center no-repeat;
    background-size: 15px 15px !important;
}

    .LightTheme .AddLinkButton.AddTicket, .LightTheme .AddLinkButton.AddTaskButton {
        background: url(../Images/NewUI/LightTheme/op_oth_add-create-new-black.svg) center center no-repeat !important;
        background-size: 18px 18px !important;
    }

        .LightTheme .AddLinkButton.AddTicket:hover, .LightTheme .AddLinkButton.AddTaskButton:hover {
            background: url(../Images/NewUI/LightTheme/op_oth_add-create-new-black.svg) center center no-repeat !important;
            background-size: 18px 18px !important;
        }

.AddLinkButton.AddTicket, .AddLinkButton.AddTaskButton {
    background: url(../Images/NewUI/op_oth_add-create-new-black.svg) center center no-repeat !important;
    background-size: 18px 18px !important;
}

    .AddLinkButton.AddTicket:hover, .AddLinkButton.AddTaskButton:hover {
        background: url(../Images/NewUI/LightTheme/op_oth_add-create-new-dark.svg) center center no-repeat !important;
        background-size: 15px 15px !important;
    }

.AddArticle:hover, .AddManufacturingStep:hover, .AddMachineType:hover, .AddProducedItem:hover, .AddMaterialItem:hover, .AddTool:hover, .AddResourceSource:hover, .AddMaterialSource:hover, .AddItemOutputSource:hover, .AddMileStone:hover, .AddLinkButton:hover, .AddWorkingHours:hover, .AddCommon:hover {
    background: url(../Images/NewUI/op_oth_add-create-new-dark.svg) center center no-repeat;
}

.LightTheme .AddArticle:hover, .LightTheme .AddManufacturingStep:hover, .LightTheme .AddProducedItem:hover, .LightTheme .AddMachineType:hover, .LightTheme .AddMaterialItem:hover, .LightTheme .AddTool:hover, .LightTheme .AddResourceSource:hover, .LightTheme .AddMaterialSource:hover, .LightTheme .AddItemOutputSource:hover, .LightTheme .AddMileStone:hover, .LightTheme .AddLinkButton:hover, .LightTheme .AddWorkingHours:hover, .LightTheme .AddCommon:hover {
    background: url(../Images/NewUI/LightTheme/op_oth_add-create-new-dark.svg) center center no-repeat;
}

.AddArticle + label, .AddManufacturingStep + label, .AddProducedItem + label, .AddMachineType + label, .AddMaterialItem + label, .AddTool + label, .AddResourceSource + label, .AddMaterialSource + label, .AddItemOutputSource + label, .AddLinkButton + label {
    margin-left: 40px;
    margin-top: 5px;
}

.RemoveArticle, .RemoveManufacturingStep, .RemoveMachineType, .RemoveMaterialItem, .RemoveProducedItem, .RemoveTool, .RemoveResourceSource, .RemoveMaterialSource, .RemoveItemOutputSource, .RemoveMileStone, .RemoveWorkingHours, .RemoveCommon {
    background: url(../Images/NewUI/op_oth_remove-black.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #646567;
    text-indent: -9999px;
    float: left;
    width: 30px;
    padding-top: 0px;
    position: absolute;
    margin-top: 20px;
    height: 30px;
    cursor: pointer;
}

.RemoveMileStone {
    margin-top: 0px;
}

.mileStone_0 .RemoveMileStone {
    margin-top: 20px;
}

.LightTheme .RemoveArticle, .LightTheme .RemoveManufacturingStep, .LightTheme .RemoveMachineType, .LightTheme .RemoveMaterialItem, .LightTheme .RemoveProducedItem, .LightTheme .RemoveTool, .LightTheme .RemoveResourceSource, .RemoveMaterialSource, .RemoveItemOutputSource, .LightTheme .RemoveMileStone, .LightTheme .RemoveWorkingHours, .LightTheme .RemoveCommon {
    background: url(../Images/NewUI/LightTheme/op_oth_remove-black.svg) center center no-repeat;
    background-size: 30px 30px;
}

.RightAlignedAmount {
    float: right;
    margin-right: 70px;
}

.HavingStockList {
    background: url(../Images/NewUI/op_scr_moreSkills.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 0;
    display: inline-block;
    padding: 15px 0 15px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 11px;
    min-width: 30px;
    vertical-align: top;
    margin-top: 15px;
}

.LightTheme .HavingStockList {
    background: url(../Images/NewUI/LightTheme/op_scr_moreSkills.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.RightAlignedAmount + .multiselectbox {
    margin-top: 5px;
}

#TaskResourceDataTable.IONETheme {
    display: block !important;
}

    #TaskResourceDataTable.IONETheme tr td {
        vertical-align: bottom !important;
    }

        #TaskResourceDataTable.IONETheme tr td.VerticalCenter {
            vertical-align: middle !important;
        }

#OrderQuotationResourceDataTable.IONETheme {
    display: none !important;
}

.Display_ConfirmBooking_BookingDateTimeToDiv.FRight {
    float: right !important;
}

.ProjectItemSchedule {
    background: url(../Images/NewUI/op_scr_force_change_pin.svg) center center no-repeat;
    vertical-align: top;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    padding: 20px;
    cursor: pointer;
}

.LightTheme .ProjectItemSchedule {
    background: url(../Images/NewUI/LightTheme/op_scr_force_change_pin.svg) center center no-repeat;
    background-size: 30px 30px;
}

.HistoryIcon {
    background: url(../Images/NewUI/op_scr_history.svg) center center no-repeat;
    vertical-align: top;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    padding: 20px;
    cursor: pointer;
}

.LightTheme .HistoryIcon {
    background: url(../Images/NewUI/LightTheme/op_scr_history.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ProjectItemDetails #ProjectItemTable #NewRowItem {
    width: 80%;
    vertical-align: bottom;
    background: none;
}

.ProjectItemDetails #ProjectItemTable .EditOrderItem.SearchItem.ProjectItem {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.ProjectItemDetails #ProjectItemTable .txtbox, .ProjectItemDetails #ProjectItemTable .currencytxtbox,
.ProjectItemDetails #ProjectScheduleTable .txtbox, .ProjectItemDetails #ProjectScheduleTable .currencytxtbox,
.ProjectItemDetails #ProductionCalculationTable .txtbox, .ProjectItemDetails #ProductionCalculationTable .currencytxtbox {
    color: rgba(255,255,255,0.75);
    background: none;
    width: 100%;
    min-height: 100%;
    overflow-y: visible;
    resize: none;
}

.ProjectItemDetails table tr td {
    vertical-align: middle;
}

.ProjectItemDetails #ProjectItemTable textarea, .ProjectItemDetails #ProjectScheduleTable textarea, .ProjectItemDetails #ProductionCalculationTable textarea {
    margin-top: 15px;
    margin-bottom: -15px;
}

.ProjectItemDetails .SearchResultBottomNav {
    margin-bottom: 0px !important;
    margin-left: -10px;
}

.AddRecord.ProjectItem.InTable {
    max-width: 30px;
    height: 30px;
    display: inline-block;
    color: #FFF !important;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    min-width: 30px;
    cursor: pointer;
    font-size: 0px;
}

#ProjectItemTable .ChkBoxCnt {
    width: 20px;
    float: right;
}

.Bars {
    display: inline-block;
    line-height: 30px;
    height: 30px;
    margin: 5px 0 5px 0;
    vertical-align: middle;
    cursor: pointer;
}

.dialogBaseCostEstimate .Bars, .dialogBaseCostActuals .Bars, .dialogBaseCostHistory .Bars {
    margin-top: 0px;
}

.Bars p {
    line-height: 30px !important;
    width: 4000%;
    margin-left: 2px;
}

.Bars.Estimated {
    background: #FF9933;
}

.Bars.Actual {
    background: green;
}

.Bars.History {
    background: red;
}

.IONETheme .Bars.History {
    background: #c6392a;
}

.Bars.ActualEstimated {
    border: 1px dotted green;
    margin-left: -3px;
    height: 28px;
    vertical-align: middle;
}

.dialogBaseCostActuals .Bars.ActualEstimated {
    display: inline-table;
    background-color: #FF9933;
    border: none;
}

.dialogBaseCostActuals .Bars.Actuals {
    background-color: green;
}

    .dialogBaseCostActuals .Bars.Actuals pre, .dialogBaseCostActuals .Bars.ActualEstimated pre {
        overflow: visible;
        height: 30px !important;
        line-height: 30px !important;
        margin: 0;
        padding: 0;
        color: white;
        font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif;
    }

tbody tr td.LastColumn.ActionButton {
    padding-right: 20px !important;
}

.removeLevel {
    background: url(../Images/NewUI/op_oth_remove-black.svg) center center no-repeat;
    background-size: 20px 20px;
    color: #646567;
    margin-top: -20px;
    float: right;
    width: 20px;
    margin-right: -25px;
}

.workFlowActionImg {
    background: url(../Images/NewUI/op_scr_workflow_arrow.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    height: 55px;
    display: inline-block;
    color: #FFF;
    min-width: 30px;
    float: left;
}

.LightTheme .workFlowActionImg {
    background: url(../Images/NewUI/LightTheme/op_scr_workflow_arrow.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}

.workFlowActionLbl {
    padding-top: 20px;
    font-weight: bold;
}

.hidden {
    display: none;
}

.ExtraHeight {
    height: 70px;
}

.ProposeMachinePerson {
    background-color: rgba(0,0,0,0.5);
    height: 55px;
    margin-right: 10px;
}

.LightTheme .ProposeMachinePerson {
    background-color: rgba(0,0,0,0.5);
}

.ProposeMachinePerson a {
    background: url(../Images/NewUI/op_scr_search.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 55px;
    display: inline-block;
    padding: 0 10px 0 10px;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 0px !important;
    min-width: 30px;
    float: right;
}

.LightTheme .ProposeMachinePerson a {
    background: url(../Images/NewUI/LightTheme/op_scr_search.svg) center center no-repeat;
    background-size: 30px 30px;
    color: #000;
}


.ui-jqgrid-bdiv div.MilstoneBars, div.MilstoneBars {
    line-height: 30px;
    height: 30px !important;
    margin: 5px 5px 5px 5px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
}

.ui-jqgrid-bdiv .MilstoneBars p, .MilstoneBars p {
    line-height: 30px !important;
    width: 350%;
    margin-left: 2px;
}

.ui-jqgrid-bdiv .MilstoneBars.Planned, .MilstoneBars.Planned {
    border: 1px solid #FDD600;
    vertical-align: middle;
    float: left;
    height: 28px !important;
    margin-left: -5px;
    border-left: none;
}

.ui-jqgrid-bdiv .MilstoneBars.RequiredMaterial, .MilstoneBars.RequiredMaterial {
    border: 1px solid #FDD600;
    vertical-align: middle;
    float: left;
    height: 28px !important;
}

.ui-jqgrid-bdiv .MilstoneBars.Produced, .MilstoneBars.Produced {
    background: red;
    float: left;
    height: 30px !important;
    font-size: 0;
}

.IONETheme .ui-jqgrid-bdiv .MilstoneBars.Produced, .IONETheme .MilstoneBars.Produced {
    background: #c6392a;
}

#ControlCenterMaterialDataTable .MilstoneBars.Produced {
    font-size: 12px;
}

.ui-jqgrid-bdiv .MilstoneBars.Delayed, .MilstoneBars.Current {
    background: green;
    float: left;
    height: 30px !important;
}

.ui-jqgrid-bdiv .MilstoneBars.Ordered, .MilstoneBars.Ordered {
    background: #FF6A00;
    float: left;
    height: 30px !important;
}

div.MilstoneBars.Required {
    border: 1px solid #FDD600;
    vertical-align: middle;
    float: left;
    height: 28px !important;
    margin-left: -5px !important;
    border-left: none;
}

div.MilstoneBars.Total {
    border: 1px solid #fff;
    vertical-align: middle;
    float: left;
    height: 28px !important;
    margin-left: -5px !important;
    border-left: none;
}

.ui-jqgrid-bdiv .MilstoneBars.Planned.OnlyPlanned, .MilstoneBars.Planned.OnlyPlanned {
    margin-left: 5px;
    border-left: 1px solid #FDD600;
    width: 198px !important;
}


/*.Bars.Actual {
    background: green;
}

.Bars.History {
    background: red;
}

.Bars.ActualEstimated {
    border: 1px dotted green;
    margin-left: -3px;
    height: 28px;
    vertical-align: middle;
}*/


.ProjectDocumentHeaderImage {
    background: url(../Images/Report/op_scr_ProjectDocument.png) center center no-repeat;
    background-size: 80%;
    height: 100px;
    padding: 10px;
}

.MilestoneStatus {
    background: none !important;
}

#jqgh_ControlCenterMilestoneDataTable_LastColumn .ChkBoxCnt, #jqgh_ControlCenterMachineDataTable_LastColumn .ChkBoxCnt, #jqgh_ControlCenterPersonDataTable_LastColumn .ChkBoxCnt, #jqgh_ControlCenterMaterialDataTable_LastColumn .ChkBoxCnt {
    width: 70px;
}

.PreviousNext {
    position: relative;
    display: inline-block;
}

.PreviousNextDateDisplay.dateDisplay {
    margin-top: 6px !important;
    margin-left: 10px;
    width: 80px !important;
    text-align: center !important;
}

.PreviousNext a.headerPrevDate {
    background: url(../Images/NewUI/op_grid_previous.svg) left top no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    cursor: pointer;
}

.LightTheme .PreviousNext a.headerPrevDate {
    background: url(../Images/NewUI/LightTheme/op_grid_previous.svg) left top no-repeat;
    background-size: 20px 20px;
}

.PreviousNext a.headerPrevDate:hover {
    background: url(../Images/NewUI/op_grid_previous-hover.svg) left top no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    cursor: pointer;
}

.LightTheme .PreviousNext a.headerPrevDate:hover {
    background: url(../Images/NewUI/LightTheme/op_grid_previous-hover.svg) left top no-repeat;
    background-size: 20px 20px;
}


.PreviousNext a.headerNextDate {
    background: url(../Images/NewUI/op_grid_next.svg) left top no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    margin-left: 100px;
}

.LightTheme .PreviousNext a.headerNextDate {
    background: url(../Images/NewUI/LightTheme/op_grid_next.svg) left top no-repeat;
    background-size: 20px 20px;
}

.PreviousNext a.headerNextDate:hover {
    background: url(../Images/NewUI/op_grid_next-hover.svg) left top no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    cursor: pointer;
}

.LightTheme .PreviousNext a.headerNextDate:hover {
    background: url(../Images/NewUI/LightTheme/op_grid_next-hover.svg) left top no-repeat;
    background-size: 20px 20px;
}

.MilestoneStatus .MonthName {
    width: 100px;
    display: inline-block;
    float: left;
    text-align: center;
    margin-left: 5px;
    margin-bottom: -5px;
}

.BarInfo {
    width: 100px;
    display: inline-block;
    height: 30px;
}

.MilstoneBarsProduced {
    background: green;
}

.MilstoneBarsDelayed {
    background: red;
}

.IONETheme .MilstoneBarsDelayed {
    background: #c6392a;
}

.MilstoneBarsOrdered {
    background: #FF6A00;
}

.MilstoneBarsPlanned {
    background: none;
    border: 1px solid #FDD600;
    height: 28px;
}

.MilstoneBarsMaxCapacity {
    background: none;
    border: 1px solid #FFF;
    height: 28px;
}

.BottomInfo {
    margin-left: 30.5%;
    display: inline-block;
}

    .BottomInfo p {
        display: inline-block;
        line-height: 40px;
        vertical-align: text-bottom;
        margin-right: 10px;
    }

.popupInfo p {
    color: white;
    font-size: 15px;
}

.popupInfo .RightAlign {
    margin-right: 10px;
}

.popupInfo label {
    display: inline-block;
}

.TotalCapacity {
    display: inherit;
    line-height: 40px;
}

.WeekMonthPreview p:first-child {
    display: none;
}

.WeekMonthPreview .WeekMonthSlotBooking {
    margin: 5px 0 5px 0;
    background-color: #9bd8eb;
    text-align: left;
    height: 17px;
    text-overflow: ellipsis;
}

    .WeekMonthPreview .WeekMonthSlotBooking.WeekendBooking {
        background-color: #00a2e8;
    }

    .WeekMonthPreview .WeekMonthSlotBooking.BlankSlot {
        background-color: transparent;
    }


.groupMenu.txtbox {
    font-size: 17px;
    color: rgba(255,255,255,0.75);
    /*margin: 0 20px 10px -20px;*/
    padding: 0;
    font-weight: bold;
    height: initial;
    line-height: initial;
    background: none;
    margin-left: 0;
}

.LightTheme .groupMenu.txtbox {
    color: rgba(0,0,0,0.75);
}

.MenuGrid {
    padding-left: 0px;
    padding-top: 20px;
}

    .MenuGrid .FLeft .selectbox {
        background-color: rgba(0,0,0,0.3);
    }

        .MenuGrid .FLeft .selectbox select {
            color: #ffffff;
        }

.LightTheme .MenuGrid .FLeft .selectbox select {
    color: #2B2B2B;
}

.MenuGrid .FLeft .selectbox option {
    color: #2B2B2B;
}

.LightTheme .MenuGrid .FLeft .selectbox {
    background-color: rgba(255,255,255,0.9);
}

.MenuGrid .TopMenuNav {
    display: block;
    left: 0px;
    top: -15px !important;
    height: initial !important;
    width: initial !important;
    min-height: initial !important;
    background: initial !important;
}

.Seperator {
    width: 22px;
    display: inline-block;
    float: left;
    text-align: center;
    height: 30px;
    line-height: 30px;
}

#ExpandTaskOrderSearchCriteria_Content {
    margin-top: 60px;
    z-index: 9999;
    display: block !important;
}

.UserCompanyFont {
    font-family: relative-mono11pitch, Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    color: gray;
    -webkit-appearance: none;
}

/*.NewBillUI .PageTitle, .NewBillUI .AddressCntCreate, .NewBillUI .grid {
    padding: 0 0 0 20px;
}

@media screen and (max-width:1850px) {

    .DashboardNew .NewBillUI .grid .large textarea, 
    .DashboardNew .NewBillUI .grid .large .multiselectbox select, 
    .DashboardNew .NewBillUI .grid .large .multiselectbox, 
    .DashboardNew .NewBillUI .grid .large {
        width: 248px;
    }
}

@media screen and (min-width:1850px) {

.NewBillUI .PreviewTable .PreviewTableTdDiv {
        height: 700px;
    }
}
	
.NewBillUI .FilterCnt {
    margin-top: -5px;
}


@media screen and (max-width:1850px) {

    .NewBillUI .grid .extraLarge textarea {
        width: 385px;
    }

    .NewBillUI .grid .extraLarge, .NewBillUI .topMiddleArea {
        width: 400px;
    }
}*/

.UC49106 #TaskOrderContentDiv {
    display: none !important;
}

.IONETheme #TaskOrderContentDiv {
    margin-top: 20px;
}

    .IONETheme #TaskOrderContentDiv #Task_Order_Div_Clone {
        max-height: calc(100vh - 180px);
        overflow-y: auto;
    }

        .IONETheme #TaskOrderContentDiv #Task_Order_Div_Clone::-webkit-scrollbar {
            width: 0;
        }

.nowrap {
    white-space: nowrap;
}

.attachmentList.ShowPreviewIcon a {
    background-size: 100px 100px !important;
    display: block;
    width: 100px;
    height: 100px;
    background: url(../Images/NewUI/obj_attachment.svg) left top no-repeat;
    font-size: 0px;
    border: 1px solid lightgray;
}

    .attachmentList.ShowPreviewIcon a[class*="image"] {
        background: none;
    }

    .attachmentList.ShowPreviewIcon a:not([class*="image"]) img {
        display: none;
    }

    .attachmentList.ShowPreviewIcon a[class*='excel'], .attachmentList.ShowPreviewIcon a[class*='spreadsheet'] {
        background: url(../Images/NewUI/obj_attachment_excel.svg) left top no-repeat;
    }

    .attachmentList.ShowPreviewIcon a[class*='word'] {
        background: url(../Images/NewUI/obj_attachment_word.svg) left top no-repeat;
    }

    .attachmentList.ShowPreviewIcon a[class*='pdf'] {
        background: url(../Images/NewUI/obj_attachment_pdf.svg) left top no-repeat;
    }

        .attachmentList.ShowPreviewIcon a[class*='excel'] img, .attachmentList.ShowPreviewIcon a[class*='spreadsheet'] img, .attachmentList.ShowPreviewIcon a[class*='word'] img, .attachmentList.ShowPreviewIcon a[class*='pdf'] img {
            display: none;
        }

.coaDocumentDialog {
    width: 500px !important;
}

.grid .pRelative.searchbox span.currency {
    right: 20px;
    z-index: 99;
}

.EqualPayCalculation {
    color: white;
    padding: 0 20px 80px 20px;
}

.LightTheme .EqualPayCalculation {
    color: black;
}

.EqualPayCalculation th, .EqualPayCalculation td {
    padding: 0.5em;
    text-align: left;
}

    .EqualPayCalculation td[colspan="2"] {
        text-align: center;
    }

.EqualPayCalculation tfoot tr td:first-child {
    padding-left: 10px;
}


.EqualPayCalculation tbody td:nth-child(2), .EqualPayCalculation thead th:nth-child(2),
.EqualPayCalculation tbody td:nth-child(3), .EqualPayCalculation thead th:nth-child(3),
.EqualPayCalculation tfoot tr:first-child td:nth-child(2),
.EqualPayCalculation tfoot tr:first-child td:nth-child(3) {
    padding-left: 110px;
}

.EqualPayCalculation tfoot tr:first-child td:nth-child(2),
.EqualPayCalculation tfoot tr:first-child td:nth-child(3) {
    border-bottom: 1px solid white;
}

.LightTheme .EqualPayCalculation tfoot tr:first-child td:nth-child(2),
.LightTheme .EqualPayCalculation tfoot tr:first-child td:nth-child(3) {
    border-bottom: 1px solid black;
}

.EqualPayCalculation tbody td {
    border-right: 3px solid white;
}

    .EqualPayCalculation tbody td:first-child {
        border-left: 3px solid white;
    }

.EqualPayCalculation tbody tr:first-child td {
    border-top: 3px solid white;
}

.EqualPayCalculation tbody tr:last-child td {
    border-bottom: 3px solid white;
}

.LightTheme .EqualPayCalculation tbody td {
    border-right: 3px solid black;
}

    .LightTheme .EqualPayCalculation tbody td:first-child {
        border-left: 3px solid black;
    }

.LightTheme .EqualPayCalculation tbody tr:first-child td {
    border-top: 3px solid black;
}

.LightTheme .EqualPayCalculation tbody tr:last-child td {
    border-bottom: 3px solid black;
}

.AccountTdInclude {
    width: 109% !important;
}

.link {
    cursor: pointer;
    text-decoration: underline;
    font-weight: 500;
}

.addressChangePopup .Bottom .AddRecord {
    width: 30px;
    height: 30px;
    float: right;
    cursor: pointer;
    background: url(../../Images/NewUI/op_oth_add-create-new.svg) center center no-repeat !important;
    padding-right: 50px;
}

.LightTheme .addressChangePopup .Bottom .AddRecord {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new.svg) center center no-repeat;
}

.AddressCnt .goodsMovementImg {
    background: url(../../Images/NewUI/obj_goodsMovement.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .goodsMovementImg {
    background: url(../../Images/NewUI/LightTheme/obj_goodsMovement.svg) left top no-repeat;
    background-size: 66px 65px;
}


.AddressCnt .WarehouseTransactionImg {
    background: url(../../Images/NewUI/obj_warehousetransaction.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .WarehouseTransactionImg {
    background: url(../../Images/NewUI/LightTheme/obj_warehousetransaction.svg) left top no-repeat;
    background-size: 66px 65px;
}

table.display tr.odd.active td p a, table.display tr.even.active td p a {
    color: #fff;
}

.PersonLink {
    background: url(../../Images/NewUI/obj_person.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 60px;
    height: 60px;
    display: inline-block;
    font-size: 0px;
    text-align: center;
    color: #2b2b2b;
    cursor: pointer;
    padding-top: 10px;
}

.LightTheme .PersonLink {
    background: url(../../Images/NewUI/LightTheme/obj_person.svg) center center no-repeat;
    background-size: 30px 30px;
}

.timeLogValidationDialog .message {
    text-align: left;
    width: 520px;
}

    .timeLogValidationDialog .message p {
        text-align: center !important;
        height: 15px !important;
    }

.timeLogValidationDialog.DeletePopupPosition {
    width: 560px !important;
    height: 300px !important;
}

    .timeLogValidationDialog.DeletePopupPosition .ui-dialog-content {
        width: 560px !important;
    }

.timeLogValidationDialog #warning_message {
    width: 492px !important;
    vertical-align: top;
    height: 184px !important;
}

/* Start Of NEW UI */

.IONETheme .DashboardBox a {
    background-size: 55px 55px !important;
}

.IONETheme .LoginBox {
    background-color: transparent;
}

.IONETheme .LoginBoxShadow {
    background: none;
}

.IONETheme .Footer:not(.Login) {
    display: none;
}

.LoginPage.IONETheme ::-webkit-input-placeholder {
    color: var(--placeholder-color) !important;
    font-style: normal;
    font-family: relative-mono10pitch, Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 2px;
}

.LoginPage.IONETheme ::-moz-placeholder {
    color: var(--placeholder-color) !important;
    font-style: normal;
    font-family: relative-mono10pitch, Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 2px;
}
/* firefox 19+ */
.LoginPage.IONETheme :-ms-input-placeholder {
    color: var(--placeholder-color) !important;
    font-style: normal;
    font-family: relative-mono10pitch, Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 2px;
}
/* ie */
.LoginPage.IONETheme input:-moz-placeholder {
    color: var(--placeholder-color) !important;
    font-style: normal;
    font-family: relative-mono10pitch, Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    letter-spacing: 2px;
}

.IONETheme.LoginPage .field-validation-error {
    display: none;
}

.IONETheme .PinTextBox {
    margin-left: 45px;
}

.IONETheme .LoginForm.Form {
    margin: 10px 120px;
}

.IONETheme .LoginForm input.SubmitBtn {
    background: none;
    color: #00A870;
    font-size: 17px !important;
    letter-spacing: 2px;
}

    .IONETheme .LoginForm input.SubmitBtn.Login {
        /*color: #00A870;
        background: url(../../Images/NewUI/login_confirm.svg) center center no-repeat;
        font-size: 0 !important;
        width: 30px;
        height: 30px;
        background-size: 30px 30px;*/
    }

.IONETheme.Wrapper.LoginPage {
    background: rgb(244,244,244) !important;
}

.LoginForm input.TextBox {
    font-size: 15px !important;
}

.IONETheme .LoginForm input.TextBox {
    width: 238px;
    text-align: center;
    font-size: 15px !important;
    background-color: rgb(244,244,244);
}

.IONETheme .LoginForm input.TextBox,
.IONETheme .LoginForm select {
    color: #00A870;
}

    .IONETheme .LoginForm input.TextBox:focus::-webkit-input-placeholder {
        color: transparent !important;
    }

    .IONETheme .LoginForm input.TextBox:focus:-moz-placeholder {
        color: transparent !important;
    }
    /* FF 4-18 */
    .IONETheme .LoginForm input.TextBox:focus::-moz-placeholder {
        color: transparent !important;
    }
    /* FF 19+ */
    .IONETheme .LoginForm input.TextBox:focus:-ms-input-placeholder {
        color: transparent !important;
    }

    .IONETheme .LoginForm input.TextBox.PinTextBox {
        margin-top: 20px;
    }

        .IONETheme .LoginForm input.TextBox.PinTextBox:focus::-webkit-input-placeholder {
            color: transparent !important;
        }

        .IONETheme .LoginForm input.TextBox.PinTextBox:focus:-moz-placeholder {
            color: transparent !important;
        }
        /* FF 4-18 */
        .IONETheme .LoginForm input.TextBox.PinTextBox:focus::-moz-placeholder {
            color: transparent !important;
        }
        /* FF 19+ */
        .IONETheme .LoginForm input.TextBox.PinTextBox:focus:-ms-input-placeholder {
            color: transparent !important;
        }

.IONETheme a.ForgotPassword {
    color: #00A870 !important;
    position: fixed;
    bottom: 0;
    height: 60px;
    text-align: right;
    margin: 0 0 0 -90px;
    right: 40px;
}

.IONETheme .LoginForm label {
    display: none;
}

.IONETheme.LoginPage .Footer.Login {
    text-align: left;
    margin-left: 50px;
}

.IONETheme .Language {
    color: #00A870 !important;
}

.IONETheme .PinAuth .multiAuth > a {
    border: none;
    color: #00A870;
}

.IONETheme body,
.IONETheme.LoginPage,
.IONETheme .Language,
.IONETheme a.ForgotPassword,
.IONETheme .ListDataCnt,
.IONETheme input[type="text"],
.IONETheme select,
.IONETheme textarea:not(.AutoExpandable),
.IONETheme .ui-dialog,
.IONETheme .DashboardBox a,
.IONETheme .BreadCrumb,
.IONETheme .TopMenuNav .MenuCol ul li a.AddLink {
    font-size: 12px !important;
}

.IONETheme .Language, .IONETheme a.ForgotPassword {
    font-size: 15px !important;
}

.IONETheme .ui-dialog-titlebar span {
    font-size: 15px !important;
}

.IONETheme body,
.IONETheme.LoginPage,
.IONETheme .Language,
.IONETheme a.ForgotPassword,
.IONETheme .ListDataCnt:not(.LiveTemplate),
.IONETheme input,
.IONETheme select,
.IONETheme textarea:not(.AutoExpandable),
.IONETheme .ui-dialog,
.IONETheme .DashboardBox a,
.IONETheme .BreadCrumb,
.IONETheme .TopMenuNav .MenuCol ul li a.AddLink,
.IONETheme .TopLinks a span,
.IONETheme .NewDashboardBox .tile,
.IONETheme .MyNews a,
.IONETheme .MyReminderTask a,
.IONETheme .MyCalender a,
.IONETheme .MyTask a,
.IONETheme .MyWarning a,
.IONETheme #chk-dropdown .dropdown li a,
.IONETheme .BasicFontStyle,
.IONETheme input.editSavePopup,
.IONETheme .AddressCnt,
.IONETheme .SearchFormCnt input.BtnSearch,
.IONETheme .ui-dialog-titlebar span,
.IONETheme .SearchFormCnt input.BtnSearch,
.IONETheme .SearchFieldRow table tr td,
.IONETheme .SearchFieldUp,
.IONETheme .SearchFieldDown,
.IONETheme input.editSaveSearchFieldPopup,
.IONETheme .defaultSearch,
.IONETheme .tabs,
.IONETheme .CalenderTile .ui-datepicker table,
.IONETheme #ui_notifIt p,
.IONETheme .notifit_confirm *,
.IONETheme .dialogBaseCostActuals .Bars.Actuals pre,
.IONETheme .dialogBaseCostActuals .Bars.ActualEstimated pre,
.IONETheme h1,
.IONETheme .msgBox .alert p,
.IONETheme .payment tbody tr td .small,
.IONETheme .paymentTitle td,
.IONETheme legend,
.IONETheme .AngularApp .gantt_tooltip,
.IONETheme .AngularApp .gantt_tooltip pre,
.IONETheme .savecolumns .row, .savecolumnsForPopup .row,
.IONETheme .dialogIoneVersion,
.IONETheme .NewsSection .NewsTitle,
.IONETheme .LinkedObject .TitleArrow,
.IONETheme .LinkedPopup .TitleArrow,
.IONETheme .ConfirmBooking .EditBottomNavNew a,
.IONETheme .DeleteBooking .EditBottomNavNew a,
.IONETheme .bar p,
.IONETheme .RM .tooltip,
.IONETheme .DoneExportTemplate,
.IONETheme .ui-jqgrid .ui-jqgrid-htable th div,
.IONETheme .ui-jqgrid tr.ui-row-ltr td,
.IONETheme .LoginForm input,
.IONETheme .MrgnBtm10Preceding .BtnDelete,
.IONETheme ul.PlusList li,
.IONETheme .CancelPopup {
    font-family: relative-mono10pitch, Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
}

.IONETheme.LightTheme #dialogMyReminderTask table.display tr,
.IONETheme.LightTheme #dialogMyWarning table.display tr,
.IONETheme.LightTheme #dialogMyNews table.display tr,
.IONETheme.LightTheme #dialogMyCalender table.display tr,
.IONETheme.LightTheme #dialogMyTask table.display tr {
    background: rgba(255,255,255,0.5) !important;
}

    .IONETheme.LightTheme #dialogMyReminderTask table.display tr:hover,
    .IONETheme.LightTheme #dialogMyWarning table.display tr:hover,
    .IONETheme.LightTheme #dialogMyNews table.display tr:hover,
    .IONETheme.LightTheme #dialogMyCalender table.display tr:hover,
    .IONETheme.LightTheme #dialogMyTask table.display tr:hover,
    .IONETheme.LightTheme #dialogMyReminderTask table.display tr:hover td,
    .IONETheme.LightTheme #dialogMyWarning table.display tr:hover td,
    .IONETheme.LightTheme #dialogMyNews table.display tr:hover td,
    .IONETheme.LightTheme #dialogMyCalender table.display tr:hover td,
    .IONETheme.LightTheme #dialogMyTask table.display tr:hover td {
        background: rgba(244,244,244,1) !important;
    }

.IONETheme .BreadCrumb {
    margin-left: 230px;
    margin-bottom: 0px;
    background: none !important;
    height: initial;
}

.IONETheme.LoginPage p[align=center] {
    width: 238px;
}

.IONETheme.LoginPage .PinAuth p[align=center] {
    margin-left: 45px;
    width: 248px;
}

.IONETheme .DashboardBox a {
    height: 35px;
    width: 365px;
    text-align: left;
    padding-left: 20px;
    background-color: rgb(51, 51, 51) !important;
    border-right: 5px solid rgb(51, 51, 51);
    color: rgba(255,255,255,1) !important;
}

.IONETheme .TopLinks .Username p {
    color: rgb(0,0,0) !important;
}

.LightTheme.IONETheme .TopLinks a span {
    color: rgb(51,51,51);
}

.IONETheme .TopLinks a span {
    right: 5px;
}

.IONETheme .TopLinks .Username {
    display: none;
}

.IONETheme a.logout {
    /*display: none;*/
    margin-right: 0px;
}

.IONETheme.LightTheme .DashboardBox a {
    margin-left: 2px;
    margin-top: 2px;
    background-color: rgb(244,244,244) !important;
    border-right: 5px solid rgb(244,244,244);
    color: rgb(51, 51, 51) !important;
}

.IONETheme .DashboardBox a {
    margin-left: 2px;
    margin-top: 2px;
}

.IONETheme .MainFrameSearchPanel {
    float: left;
    margin-left: 40px;
    background: transparent !important;
    position: initial;
    display: block !important;
}

.IONETheme .TopDropDown {
    margin-left: 30px;
}

.IONETheme .TopLinks > a {
    padding: 0px 30px 0 30px;
}

.IONETheme .DashboardBox a:hover {
    background-color: rgb(25, 25, 25) !important;
    border-right: 5px solid #00a970;
}

.IONETheme.LightTheme .DashboardBox a:hover {
    background-color: rgba(255,255,255,0.5) !important;
}

.IONETheme .DashboardBox a {
    background-position: center right+40px !important;
}

.IONETheme div.Clear + a {
    margin-left: 0px;
}

.IONETheme .DashboardNew {
    background: black;
}

.IONETheme.LightTheme .DashboardNew {
    background: rgb(244,244,244);
}

.IONETheme.LightTheme .Transparent {
    background: rgb(244,244,244);
}

.IONETheme .TopLinks a span {
    top: 30px;
    right: -5px;
}

.IONETheme .menus {
    width: 98.5%;
    height: 0%;
}

.IONETheme .TopMenuNav {
    background: rgb(36,36,36);
    padding: 0 0px 30px 0;
    left: -4px;
    margin-top: 16px;
    width: calc(100vw - 54px);
    min-height: calc(100vh - 85px);
}

    .IONETheme .TopMenuNav .MenuCol ul li {
        width: 270px;
        height: 50px;
        border-left: 5px solid rgb(25,25,25);
        border-top: 1px solid rgb(36,36,36);
        border-bottom: 1px solid rgb(36,36,36);
    }

        .IONETheme .TopMenuNav .MenuCol ul li a.AddLink {
            padding: 18px 5px;
            width: 230px;
        }

    .IONETheme .TopMenuNav .MenuCol .AddData, .IONETheme .TopMenuNav .MenuCol .RemoveData {
        padding: 35px 8px 8px 8px;
        margin: 0 0 0 0;
        float: right;
    }

    .IONETheme .TopMenuNav .MenuCol ul li a:only-child {
        /*margin-left: 25px;*/
    }

    .IONETheme .TopMenuNav .MenuCol {
        width: 275px;
        border-left: 1px solid rgb(36,36,36);
        border-right: 1px solid rgb(36,36,36);
        margin: 0;
        background: rgb(25,25,25);
    }

        .IONETheme .TopMenuNav .MenuCol h2 {
            margin: 25px 20px 10px 5px;
        }

        .IONETheme .TopMenuNav .MenuCol ul li:hover {
            background: rgb(37, 37, 37);
            border-left: 5px solid #00a970;
        }

        .IONETheme .TopMenuNav .MenuCol ul li .smallmedium1.col {
            margin-top: 10px;
        }

.IONETheme.LightTheme .BreadCrumb a,
.IONETheme.LightTheme .TopMenuNav .MenuCol h2,
.IONETheme.LightTheme .TopMenuNav .MenuCol ul li a.AddLink {
    color: rgb(51,51,51) !important;
}

.IONETheme .BreadCrumb a,
.IONETheme.LightTheme .BreadCrumb a {
    color: #00a970 !important;
}

.IONETheme.LightTheme .TopLinks a.Calender_new {
    background: url("../../Images/NewUI/LightTheme/op_tb_my-calender_new.svg") center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme .TopMenuNav .MenuCol .AddData {
    background: url(../../Images/NewUI/op_oth_add-create-new.svg) center center no-repeat !important;
    background-size: 15px 15px !important;
    float: right;
}

    .IONETheme .TopMenuNav .MenuCol .AddData:hover {
        background: url(../../Images/NewUI/op_oth_add-create-new-dark.svg) center center no-repeat !important;
        background-size: 15px 15px !important;
    }

.IONETheme.LightTheme .TopMenuNav .MenuCol .AddData {
    background: url(../../Images/NewUI/LightTheme/op_oth_add-create-new.svg) center center no-repeat !important;
    background-size: 15px 15px !important;
}

    .IONETheme.LightTheme .TopMenuNav .MenuCol .AddData:hover {
        background: url(../../Images/NewUI/op_oth_add-create-new-dark.svg) center center no-repeat !important;
        background-size: 15px 15px !important;
    }

.IONETheme .firstBreadCrumbDiv {
    background: url(../../Images/NewUI/op_scr_breadcrumb.svg) right center no-repeat !important;
    background-size: 10px 10px !important;
}

.IONETheme .breadCrumbDiv {
    background: url(../../Images/NewUI/op_scr_breadcrumb.svg) right center no-repeat !important;
    background-size: 10px 10px !important;
}

.IONETheme .lastBreadCrumbDiv {
    background: url(../../Images/NewUI/op_scr_breadcrumb.svg) right center no-repeat !important;
    background-size: 10px 10px !important;
}

/*.IONETheme .EditContainer .LeftData,*/
.IONETheme .NewsArea,
.IONETheme ul.PlusList > li,
.IONETheme .ListDataCnt .FlatSearchCnt,
.IONETheme .dataTables_wrapper,
.IONETheme.LightTheme .dataTables_wrapper,
.IONETheme .SearchResultBottomNav,
.IONETheme #SearchResutNav,
.IONETheme #SearchCompanyResutNav,
.IONETheme #SearchPersonResutNav,
IONETheme #SearchTeamResutNav,
.IONETheme #SearchTeamResutNavOrder,
.IONETheme .searchFooter,
.IONETheme table.display thead tr {
    background: rgb(51, 51, 51);
}

.IONETheme .MyCalender .dataTables_wrapper {
    background: rgb(51, 51, 51) !important;
}

.IONETheme.LightTheme .EditContainer .LeftData,
.IONETheme.LightTheme .NewsArea,
.IONETheme.LightTheme ul.PlusList > li,
.IONETheme.LightTheme .ListDataCnt .FlatSearchCnt,
.IONETheme.LightTheme .dataTables_wrapper,
.IONETheme.LightTheme.LightTheme .dataTables_wrapper,
.IONETheme.LightTheme .SearchResultBottomNav,
.IONETheme.LightTheme #SearchResutNav,
.IONETheme.LightTheme #SearchCompanyResutNav,
.IONETheme.LightTheme #SearchPersonResutNav,
.IONETheme.LightTheme #SearchTeamResutNav,
.IONETheme.LightTheme #SearchTeamResutNavOrder,
.IONETheme.LightTheme .searchFooter,
.IONETheme.LightTheme table.display thead tr,
.IONETheme.LightTheme .ui-dialog,
.IONETheme.LightTheme .ui-dialog,
.IONETheme.LightTheme .OrderSettingsTab,
.IONETheme.LightTheme .QuotationSettingsTab {
    background: rgb(244, 244, 244) !important;
}

.IONETheme .ui-dialog {
    background: rgba(0,0,0,0.9) !important;
}

.IONETheme.LightTheme .SearchResultBottomNav,
.IONETheme.LightTheme .searchFooter {
    background: rgb(255,255,255) !important;
}

.IONETheme.LightTheme table.display tr.odd:hover,
.IONETheme.LightTheme table.display tr.even:hover {
    background: rgb(244, 244, 244) !important;
}

.IONETheme table.display tr.odd:hover,
.IONETheme table.display tr.even:hover {
    cursor: pointer;
}

.IONETheme .EditContainer .LeftData {
    margin-bottom: 20px;
    margin-left: 3px;
    margin-top: 20px;
}

.IONETheme .EditContainer table tr td.BrdrRight {
    padding-right: 27px;
}

.IONETheme .EditContainer .RightData {
    width: 183px;
}

.IONETheme.LightTheme .SearchDataCnt.FormElement,
.IONETheme.LightTheme .ListDataCnt .FlatSearchCnt {
    margin-left: 3px;
}

.IONETheme.LightTheme .SearchDataCnt.FormElement {
    margin-right: 3px;
}

.IONETheme.LightTheme .EditContainer .LeftData:not(.PreviewPage),
.IONETheme.LightTheme .EditContainer .LeftData.KeepShadowEffect,
.IONETheme.LightTheme .RightData .NewsSection,
.IONETheme.LightTheme .ListDataCnt .FlatSearchCnt,
.IONETheme.LightTheme .SearchDataCnt.FormElement,
.IONETheme.LightTheme .LinkedObject,
.IONETheme.LightTheme .LeftSideFavouritePanel,
.IONETheme.LightTheme .EditBottomNav,
.IONETheme.LightTheme .EditBottomNavTablePagination,
.IONETheme.LightTheme #dialogMyTask,
.IONETheme.LightTheme #dialogMyReminderTask,
.IONETheme.LightTheme #dialogMyWarning,
.IONETheme.LightTheme #dialogMyNews,
.IONETheme.LightTheme #dialogMyCalender,
.IONETheme.LightTheme .MySettingsDiv,
.IONETheme.LightTheme quicktime-log,
.IONETheme.LightTheme .Transparent,
.IONETheme.LightTheme .TopMenuNav,
.IONETheme .DashboardBox a,
.IONETheme .DashboardBox a:hover,
.IONETheme.LightTheme .Task_Order_Quotation_Boxs,
.IONETheme.LightTheme .RequirementTicketSection {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
}

.IONETheme.LightTheme .openIoneVersion, .IONETheme.LightTheme #openIoneVersion {
    background: url("../../Images/NewUI/log_logo.svg") center center no-repeat;
    background-size: 100% 100%;
    background-color: rgb(244,244,244);
}

.IONETheme .ListDataCnt .FlatSearchCnt,
.IONETheme .SearchDataCnt.FormElement,
.IONETheme .LeftSideFavouritePanel {
    margin-top: 20px;
}

.IONETheme .Header table.HeaderTable {
    margin-bottom: 0px;
}

.IONETheme .LinkedObject {
    margin-top: 20px !important;
    padding-top: 0px;
    margin-right: 3px;
    margin-bottom: 20px;
}

.IONETheme .MainFrame .MainFrame_2_Td {
    padding-left: 15px;
}

.IONETheme.DarkTheme .EditBottomNav {
    background: rgb(51,51,51);
}

.IONETheme .EditBottomNav {
    margin-left: 3px;
    padding-right: 14px;
}

.IONETheme .MyCalenderDiv div.FormElement select {
    color: white;
}

.IONETheme.LightTheme .MyCalenderDiv div.FormElement select {
    color: black;
}

.IONETheme .MyCalenderDiv .selectbox {
    background-color: black;
}

.IONETheme.LightTheme .MyCalenderDiv .selectbox {
    background-color: transparent;
}

.IONETheme .smallHouseNumber {
    width: 58px !important;
}

.IONETheme.LightTheme #dialogMyTask,
.IONETheme.LightTheme #dialogMyReminderTask,
.IONETheme.LightTheme #dialogMyWarning,
.IONETheme.LightTheme #dialogMyNews,
.IONETheme.LightTheme #dialogMyCalender,
.IONETheme.LightTheme .MySettingsDiv,
.IONETheme.LightTheme quicktime-log {
    background: rgb(244,244,244);
}

.IONETheme #dialogMyTask,
.IONETheme #dialogMyReminderTask,
.IONETheme #dialogMyWarning,
.IONETheme #dialogMyNews,
.IONETheme #dialogMyCalender,
.IONETheme quicktime-log, {
    background: rgb(51,51,51);
}

.IONETheme .MyCalender .MyCalenderDiv {
    background: none;
}

.IONETheme .MenuGrid .TopMenuNav .MenuCol ul li:empty {
    display: none;
}

/*.IONETheme .NewsSection:empty {
    display: none;
}*/

.AngularApp news-panel + ione-rhs .LinkedObject,
.AngularApp news-panel + .RightData .LinkedObject {
    margin: 370px 0px 20px 0 !important;
}

.IONETheme .AngularApp news-panel + ione-rhs .LinkedObject:not(.NewsChatPopup),
.IONETheme .AngularApp news-panel + .RightData .LinkedObject:not(.NewsChatPopup) {
    margin: 370px 3px 20px 0 !important;
}

.IONETheme.LightTheme .tableCell, .IONETheme.LightTheme .scaleTable .SubAccTitle span {
    color: rgba(0,0,0,0.75);
}

.LightTheme .scaleTable .SubAccTitle.SubAccOpen span {
    cursor: pointer;
    background: url(../../Images/NewUI/LightTheme/op_oth_expand_up.svg) left center no-repeat !important;
}

.LightTheme .scaleTable .SubAccTitle span {
    cursor: pointer;
    background: url(../../Images/NewUI/LightTheme/op_oth_expand_right.svg) left center no-repeat !important;
}

/*.IONETheme #ui_notifIt, .IONETheme .msgBox {
    text-align: right;
    margin: 15px 0 0 0;
    position: fixed;
    bottom: 23px !important;
    top: initial !important;
    left: 30px;
}

    .IONETheme #ui_notifIt p, .IONETheme .msgBox p {
        padding: 21px 20px 25px 20px;
        text-align: right;
        float: right;
    }

    .IONETheme #ui_notifIt.error,
    .IONETheme .msgBox .alert-danger,
    .IONETheme .msgBox .alert-success,
    .IONETheme #ui_notifIt.success {
        background-color: transparent !important;
    }

        .IONETheme #ui_notifIt.error p,
        .IONETheme .msgBox .alert-danger p {
            background-color: #e1d32e;
        }

        .IONETheme #ui_notifIt.success p,
        .IONETheme .msgBox .alert-success p {
            background-color: #00a970;
        }

        .IONETheme .msgBox .alert-danger p,
        .IONETheme .msgBox .alert-success p {
            margin-right: 35px;
        }*/

/*.IONETheme.LightTheme a.communication {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/Communication_white.png) center 20px no-repeat;
}

    .IONETheme.LightTheme a.communication:hover,
    .IONETheme.LightTheme a.communication:active,
    .IONETheme.LightTheme a.Communication.Active {
        background: rgba(255,255,255,0.5) url(../../Images/NewUI/Communication_green.png) center 20px no-repeat;
    }*/

.IONETheme .RightData .NewsSection {
    margin-right: 3px;
    margin-top: 20px;
    z-index: 750;
}

.IONETheme .ui-tabs .ui-tabs-nav li,
.IONETheme .ui-tabs .ui-tabs-nav li.ui-state-active,
.IONETheme tabs .tabHeader li,
.IONETheme tabs .tabHeader li.active {
    background: transparent !important;
}

    .IONETheme .ui-tabs .ui-tabs-nav li.ui-state-active,
    .IONETheme tabs .tabHeader li.active {
        border-bottom: 3px solid #00a970 !important;
    }

.IONETheme .ui-tabs .ui-tabs-nav li,
.IONETheme tabs .tabHeader li {
    padding: 5px 10px 5px 0px !important;
    margin: 0px !important;
    border-bottom: 1px solid rgba(51,51,51,0.1) !important;
}

    .IONETheme .ui-tabs .ui-tabs-nav li a,
    .IONETheme tabs .tabHeader li div {
        padding: .5em 1em;
    }

.IONETheme.LightTheme .grid label,
.IONETheme.LightTheme .PageTitle,
.IONETheme.LightTheme tabs .tabHeader li,
.IONETheme.LightTheme .ui-tabs .ui-tabs-nav li a,
.IONETheme.LightTheme table.display td p,
.IONETheme.LightTheme table.display td .Datatable_Notes,
.IONETheme.LightTheme .ui-jqgrid table td .Datatable_Notes,
.IONETheme.LightTheme table.display thead th p,
.IONETheme.LightTheme .ListDataCnt,
.IONETheme.LightTheme a,
.IONETheme.LightTheme .ui-widget-content a,
.IONETheme.LightTheme .SearchFormCnt label,
.IONETheme.LightTheme .dataTables_info,
.IONETheme.LightTheme .defaultSearch,
.IONETheme.LightTheme .savecolumns p,
.IONETheme.LightTheme .savecolumnsForPopup p,
.IONETheme.LightTheme .SearchFieldRow table tr td,
.IONETheme.LightTheme .ui-dialog-titlebar span,
.IONETheme.LightTheme .PrintObjectDiv td,
.IONETheme.LightTheme .QuotationSettingsTab .ui-dialog-titlebar.Title span,
.IONETheme.LightTheme .CommonSettingsTab .ui-dialog-titlebar.Title span,
.IONETheme.LightTheme .OrderSettingsTab .Title,
.IONETheme.LightTheme .QuotationSettingsTab .Title,
.IONETheme.LightTheme .CommonSettingsTab .Title {
    color: rgb(51,51,51) !important;
}

.IONETheme .BlurEffect {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
}

.IONETheme .LightBlurEffect {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
}

.IONETheme.LightTheme .ui-dialog,
.IONETheme.LightTheme .OrderSettingsTab {
    box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
}

.IONETheme.LightTheme .ui-widget-overlay,
.IONETheme.LightTheme .modal-background {
    opacity: .3 !important;
    background-color: var(--mdc-theme-text-primary-on-light,rgba(0,0,0,.87));
}

.IONETheme .ui-dialog-titlebar span,
.IONETheme .OrderSettingsTab .Title,
.IONETheme .QuotationSettingsTab .Title,
.IONETheme .CommonSettingsTab .Title {
    margin-left: 10px;
    text-align: left !important;
}

.IONETheme.LightTheme .DetailAccordianCnt .AccTitle {
    border-left: 5px solid transparent;
}

.LightTheme.IONETheme .DetailAccordianCnt .AccOpen {
    border-left: 5px solid #00a970;
    background: transparent;
}

.IONETheme.LightTheme .LiveTemplate input[type='text']:not(.LiveTemplate),
.IONETheme.LightTheme .LiveTemplate textarea,
.IONETheme .NewUIOrderLive .NewUIOrderLive textarea,
.IONETheme.LightTheme .NewUIOrderLive .NewUIOrderLive textarea,
.IONETheme.LightTheme .NewUIOrderLive .NewUIOrderLive input[type='text'],
.IONETheme .NewUIOrderLive .NewUIOrderLive input[type='text'],
.IONETheme.LightTheme .NewBillUI .Preview select,
.IONETheme.LightTheme .NewBillUI .Preview textarea,
.IONETheme.LightTheme .NewBillUI .Preview input[type='text'],
.IONETheme .NewBillUI .Preview input[type='text'],
.IONETheme.LightTheme .NewUIOrderLive .NewUIOrderLive select,
.IONETheme.LightTheme .NewUIOrderLive .NewUIOrderLive .searchbox a.searchbtn,
.IONETheme.LightTheme .NewUIOrderLive .NewUIOrderLive .searchbox a.searchbtn:hover,
.IONETheme.LightTheme .LiveTemplate .Preview a.searchbtn,
.IONETheme.LightTheme .LiveTemplate .Preview .searchbox a.searchbtn:hover,
.IONETheme .NewUIOrderLive .NewUIOrderLive select,
.IONETheme.LightTheme .LiveTemplate select,
.IONETheme.LightTheme .txtbox.MyTaskSearch,
.IONETheme.LightTheme .txtbox.MyCalenderSearch,
.IONETheme.LightTheme .MyCalenderDiv div.FormElement select,
.IONETheme.LightTheme .MyCalender .datePickerInput,
.IONETheme.LightTheme input[type='text'].calculateNetTotalTextbox,
.IONETheme.LightTheme input[type='text'].calculateGrossTotalTextbox,
.IONETheme.LightTheme select.NoBox,
.IONETheme.LightTheme .GradeTable input[type='text'],
.IONETheme.LightTheme .LiveTemplate .EditObjectLink,
.IONETheme.LightTheme select[multiple="multiple"] {
    box-shadow: none;
}

.IONETheme.LightTheme input[type='text'],
.IONETheme.LightTheme input[type='number'],
.IONETheme.LightTheme textarea,
.IONETheme.LightTheme select,
.IONETheme.LightTheme .NewsSection .NewsMessage,
.IONETheme.LightTheme p.multiselectbox,
.IONETheme.LightTheme .SumoSelect > .CaptionCont {
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.1), 0 -1px 5px rgb(244,244,244), 0 1px 5px rgb(244,244,244);
}

.IONETheme.LightTheme .NewsSection .NewsTitle span,
.IONETheme.LightTheme .LinkedObject .TitleArrow span,
.IONETheme.LightTheme .SearchTitle {
    color: rgb(255,255,255) !important;
}

.IONETheme.LightTheme .searchbox a.searchbtn,
.IONETheme.LightTheme .searchbox a.searchbtn:hover,
.IONETheme.LightTheme .matchOrder,
.IONETheme.LightTheme .InLineEditRecord,
.IONETheme .searchbox a.ViewBtn,
.IONETheme .searchbox a.ViewBtn:hover,
.IONETheme .searchbox a.editSavePDFOrder.dark,
.IONETheme .searchbox a.editSavePDFOrder.dark:hover {
    height: 30px;
    top: 0px;
    box-shadow: inset 0 1px 5px rgba(0,0,0,0.1), 0 -1px 5px rgb(244,244,244), 0 1px 5px rgb(244,244,244);
    clip-path: inset(0 0 0 2px);
}

.IONETheme .searchbox a.searchbtn.smallsearchbtn,
.IONETheme .searchbox a.searchbtn.smallsearchbtn:hover, {
    height: 17px !important;
    top: 2px;
    background-size: 17px 17px !important;
}

.IONETheme .searchbox a.Settings {
    padding: 0 0 0 0;
}

    .IONETheme .searchbox a.Settings.smallsettingbtn,
    .IONETheme .searchbox a.Settings.smallsettingbtn:hover {
        height: 17px !important;
        top: 1px;
        background-size: 17px 17px !important;
        background: url(../../Images/NewUI/datafield_settings.svg) right no-repeat;
        right: 0px;
        width: 20px;
        min-width: 17px;
    }

    .IONETheme .searchbox a.Settings, .IONETheme .searchbox a.Settings:hover {
        display: block;
        text-indent: -9999px;
        position: absolute;
        border: none;
        border-left: 0 none;
    }

.IONETheme .searchbox.selectdatafield a.searchbtn, .searchbox.selectdatafield a.searchbtn:hover {
    right: 20px !important;
}

.IONETheme .paging_full_numbers a.paginate_active,
.IONETheme .paging_full_numbers a.paginate_button:hover {
    background: #00a970;
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.QuotationSettingsTab,
.IONETheme .ui-dialog.ui-widget.ui-widget-content.ione-dialog.QuotationSettingsTab,
.ui-dialog.ui-widget.ui-widget-content.ione-dialog.CommonSettingsTab,
.IONETheme .ui-dialog.ui-widget.ui-widget-content.ione-dialog.CommonSettingsTab {
    top: 105px !important;
    width: 1280px !important;
    height: 800px !important;
}

.IONETheme.LightTheme .OrderSettingsTab .Bottom,
.IONETheme.LightTheme .QuotationSettingsTab .Bottom,
.IONETheme.LightTheme .CommonSettingsTab .Bottom,
.IONETheme.LightTheme .SearchFieldPopupBottomNav {
    background: rgb(244,244,244) !important;
}

.IONETheme.LightTheme .OrderSettingsTab .Title,
.IONETheme.LightTheme .QuotationSettingsTab .Title,
.IONETheme.LightTheme .CommonSettingsTab .Title,
.IONETheme.LightTheme .TopMenuNav .MenuCol,
.IONETheme.LightTheme .TopMenuNav .MenuCol ul li:hover,
.IONETheme.LightTheme .TopMenuNav {
    background: rgb(244,244,244) !important;
}

    .IONETheme.LightTheme .TopMenuNav .MenuCol {
        border-left: 1px solid rgb(244,244,244);
        border-right: 1px solid rgb(244,244,244);
    }

        .IONETheme.LightTheme .TopMenuNav .MenuCol ul li {
            border-left: 5px solid rgb(244,244,244);
            border-top: 1px solid rgb(244,244,244);
            border-bottom: 1px solid rgb(244,244,244);
            background: rgba(255,255,255,0.5) !important;
        }

            .IONETheme.LightTheme .TopMenuNav .MenuCol ul li:hover {
                border-left: 5px solid #00a970;
            }

.IONETheme .white_content img {
    width: 32px;
    height: 32px;
    top: 50%;
    left: 50%;
}

.IONETheme.LightTheme .QuotationSettingsTab .AddressCnt .QuotationImg {
    background: url(../../Images/NewUI/LightTheme/obj_Quotation.svg) left top no-repeat;
    background-size: 66px 65px;
}

.IONETheme.LightTheme .SearchFieldPopupBottomNav {
    border-top: rgba(211,211,211,0.8) 1px solid !important;
}

.IONETheme .grid .smallmedium .currencytxtbox {
    width: 158px;
}

.IONETheme .grid .smallmedium .selectbox {
    /*width: 167px;*/
}

.IONETheme .MyNewsPopup .ui-dialog-title {
    margin-left: 0px !important;
}

.IONETheme .TopMenuNav .MenuCol h2 label {
    margin-left: 5px;
}

.IONETheme .TopMenuNav .MenuCol .txtbox {
    margin-left: 10px;
    box-shadow: none;
    font-size: 17px !important;
}

.IONETheme .MainFrameSearchPanelImg:hover {
    opacity: 1.0;
    box-shadow: none;
}

.IONETheme .LeftSideFavouritePanel tbody tr td a[class*="Image"] {
    display: none;
}

.IONETheme .LeftSideFavouritePanel .txtBox {
    width: 148px;
}

.IONETheme table.display tr.odd,
.IONETheme table.display tr.even {
    background: black;
}

.IONETheme .LeftSideFavouritePanel a {
    background-color: transparent;
}

.IONETheme td[width='180']:empty {
    width: 0px;
}


.IONETheme ::-webkit-input-placeholder {
    color: var(--placeholder-color) !important;
}

.IONETheme ::-moz-placeholder {
    color: var(--placeholder-color) !important;
}
/* firefox 19+ */
.IONETheme :-ms-input-placeholder {
    color: var(--placeholder-color) !important;
}
/* ie */
.IONETheme input:-moz-placeholder {
    color: var(--placeholder-color) !important;
}


.IONETheme.LightTheme ::-webkit-input-placeholder {
    color: var(--placeholder-color) !important;
}

.IONETheme.LightTheme ::-moz-placeholder {
    color: var(--placeholder-color) !important;
}
/* firefox 19+ */
.IONETheme.LightTheme :-ms-input-placeholder {
    color: var(--placeholder-color) !important;
}
/* ie */
.IONETheme.LightTheme input:-moz-placeholder {
    color: var(--placeholder-color) !important;
}

/* End Of NEW UI */

.draggableHeader {
    cursor: move;
}

.RoleTable.DashboardTab th {
    text-align: left;
}

.RoleTable .roleHeader {
    margin-top: 15px;
}

.FixedHeightRolePanel {
    max-height: 600px;
    overflow-y: auto;
}

.RoleTable.MainMenuTab th {
    text-align: center;
    border-bottom: 1px solid;
    min-width: 70px;
    position: sticky;
    top: 0;
    z-index: 9;
}

.LightTheme .RoleTable.MainMenuTab th {
    background: rgb(244, 244, 244) !important;
}

.RoleTable.MainMenuTab td.checkboxTd {
    border-left: 1px solid;
    border-bottom: 1px solid;
    min-width: 70px;
}

.RoleTable.MainMenuTab td:first-child {
    border-bottom: 1px solid;
}

.RoleTable.MainMenuTab td.checkboxTd:last-child {
    width: 100%;
}

.permission .RoleTable.MainMenuTab .AccInpBox {
    margin: 15px 10px 10px 23px;
}

.RoleTable.MainMenuTab td.checkboxTd:last-child .AccInpBox {
    width: 275px !important;
}

.RoleTable.MainMenuTab td.checkboxTd:last-child .ChkBoxCnt input + label {
    padding-left: 2px;
    vertical-align: middle;
    text-align: center;
    display: block;
    margin-top: -37px;
}

.RoleTable.MainMenuTab td.checkboxTd:last-child .ChkBoxCnt input + label {
    padding-left: 2px;
    vertical-align: middle;
    text-align: center;
    display: block;
    margin-top: -37px;
    /*width: 275px;*/
}

.RoleTable.MainMenuTab td.checkboxTd:last-child .ChkBoxCnt input {
    /*width: 275px;*/
}

    .RoleTable.MainMenuTab td.checkboxTd:last-child .ChkBoxCnt input + label:before {
        /*width: 275px;*/
        background-position: top center;
        top: 5px;
    }

    .RoleTable.MainMenuTab td.checkboxTd:last-child .ChkBoxCnt input:checked + label:before {
        /*width: 275px;*/
        background-position: center bottom;
    }

.signatureBlock .signature {
    color: #000;
    font-family: Calibri, Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 12pt;
}

.ShowHideSignature {
    background: url(../../Images/NewUI/op_scr_add_signature.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .ShowHideSignature {
    background: url(../../Images/NewUI/LightTheme/op_scr_add_signature.svg) center center no-repeat;
    background-size: 30px 30px;
}

a.quotations {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_quotations.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

    a.quotations:hover {
        background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_quotations_h.svg) center 20px no-repeat;
        margin-bottom: 1px;
    }

.LightTheme a.quotations {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/LightTheme/mod_quotations.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

    .LightTheme a.quotations:hover {
        background: rgba(0,0,0,0.5) url(../../Images/NewUI/LightTheme/mod_quotations_h.svg) center 20px no-repeat;
        margin-bottom: 1px;
    }

a.masterdata {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_masterdata.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

    a.masterdata:hover {
        background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_masterdata_h.svg) center 20px no-repeat;
        margin-bottom: 1px;
    }

.LightTheme a.masterdata {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/LightTheme/mod_masterdata.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

    .LightTheme a.masterdata:hover {
        background: rgba(0,0,0,0.5) url(../../Images/NewUI/LightTheme/mod_masterdata_h.svg) center 20px no-repeat;
        margin-bottom: 1px;
    }

a.incomingrequest {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_incomingrequest.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

    a.incomingrequest:hover {
        background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_incomingrequest_h.svg) center 20px no-repeat;
        margin-bottom: 1px;
    }

a.orders {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_orders.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

    a.orders:hover {
        background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_orders_h.svg) center 20px no-repeat;
        margin-bottom: 1px;
    }

a.orderconfirmations {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_orderconfirmations.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

    a.orderconfirmations:hover {
        background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_orderconfirmations_h.svg) center 20px no-repeat;
        margin-bottom: 1px;
    }

a.invoices {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_invoices.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

    a.invoices:hover {
        background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_invoices_h.svg) center 20px no-repeat;
        margin-bottom: 1px;
    }

.LightTheme a.orders {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/LightTheme/mod_orders.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

    .LightTheme a.orders:hover {
        background: rgba(0,0,0,0.5) url(../../Images/NewUI/LightTheme/mod_orders_h.svg) center 20px no-repeat;
        margin-bottom: 1px;
    }

.LightTheme a.orderconfirmations {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/LightTheme/mod_orderconfirmations.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

    .LightTheme a.orderconfirmations:hover {
        background: rgba(0,0,0,0.5) url(../../Images/NewUI/LightTheme/mod_orderconfirmations_h.svg) center 20px no-repeat;
        margin-bottom: 1px;
    }

.LightTheme a.invoices {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/LightTheme/mod_invoices.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

    .LightTheme a.invoices:hover {
        background: rgba(0,0,0,0.5) url(../../Images/NewUI/LightTheme/mod_invoices_h.svg) center 20px no-repeat;
        margin-bottom: 1px;
    }

a.production {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_production.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

    a.production:hover {
        background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_production_h.svg) center 20px no-repeat;
        margin-bottom: 1px;
    }

.LightTheme a.production {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/LightTheme/mod_production.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

    .LightTheme a.production:hover {
        background: rgba(0,0,0,0.5) url(../../Images/NewUI/LightTheme/mod_production_h.svg) center 20px no-repeat;
        margin-bottom: 1px;
    }

/*.IONETheme.LoginBox .Logo {
    background: url("../../Images/NewUI/log_logo_1.svg") center center no-repeat;
    background-size: 100% 100%;
}*/

.IONETheme.LightTheme .EditObjectLink {
    background-size: 26px 26px;
}

.IONETheme .EditObjectLink {
    background-size: 26px 26px;
}

.IONETheme ::-webkit-input-placeholder {
    color: var(--placeholder-color) !important;
}

.IONETheme ::-moz-placeholder {
    color: var(--placeholder-color) !important;
}
/* firefox 19+ */
.IONETheme :-ms-input-placeholder {
    color: var(--placeholder-color) !important;
}
/* ie */
.IONETheme input:-moz-placeholder {
    color: var(--placeholder-color) !important;
}


.IONETheme.LightTheme ::-webkit-input-placeholder {
    color: var(--placeholder-color) !important;
}

.IONETheme.LightTheme ::-moz-placeholder {
    color: var(--placeholder-color) !important;
}
/* firefox 19+ */
.IONETheme.LightTheme :-ms-input-placeholder {
    color: var(--placeholder-color) !important;
}
/* ie */
.IONETheme.LightTheme input:-moz-placeholder {
    color: var(--placeholder-color) !important;
}

.IONETheme.LightTheme [contentEditable=true]:empty:before,
.IONETheme [contentEditable=true]:empty:before {
    color: #00a970;
    opacity: 1;
}

.IONETheme.LightTheme .LiveTemplate [contentEditable=true]:empty:before,
.IONETheme .LiveTemplate [contentEditable=true]:empty:before {
    color: var(--placeholder-color) !important;
}

/*.IONETheme.LoginBox .Logo {
    background: url("../../Images/NewUI/log_logo_1.svg") center center no-repeat;
    background-size: 100% 100%;
}*/

.CreateManualNews {
    /*z-index:100000 !important;*/
}

.ConfirmAttachment {
    height: 325px !important;
}

.ConfirmAttachmentNoFormalLetter {
    height: 250px !important;
}

.CreateManualNews .ExpandCollapseNews {
    display: none;
}

.CreateManualNews.ui-dialog .ui-dialog-content {
    position: initial !important;
}

.CreateManualNews .RightData.FormElement .NewsSection {
    box-shadow: none !important;
    color: rgba(255, 255, 255, 0.50);
}

.LightTheme .CreateManualNews .RightData.FormElement .NewsSection {
    color: rgba(0,0,0,1) !important;
}

.CreateManualNews .NewsArea .NewsMessageDiv label {
    margin-left: -1px;
}

.CreateManualNews .NewsSection .NewsMessageDiv {
    margin: 10px 10px 5px 26px;
}

.CreateManualNews .NewsArea label[for='UserSubject'] {
    margin-left: -6px;
}

.CreateManualNews .NewsArea label[for='Recipient'] {
    margin-left: 25px;
}

.CreateManualNews .NewsArea .SendNewsDiv {
    margin-left: 20px;
    position: initial !important;
}

.CreateManualNews .NewsSection .NewsMessage {
    min-height: 240px;
}

.CreateManualNews .NewsArea .UserSubject {
    padding-top: 10px;
}

.IONETheme .CreateManualNews .RightData .NewsSection {
    margin-top: 0px;
}

.IONETheme.LightTheme .removeRecipient {
    background-size: 12px 15px;
}

.IONETheme.LightTheme .RecipientsList .searchbox a.searchbtn {
    right: 1px;
}

.IONETheme.LightTheme .InLineEditRecord {
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
}

.smallmedium .mergedSelectlist {
    /* padding: 5px!important; */
    width: 175px !important;
    padding-left: 106px !important;
    height: 30px !important;
}

.smallmedium .selectTextbox {
    width: 95px !important;
    /* padding: 0 6px 6px 6px !important; */
    padding-left: 6px !important;
}

.objectImg {
    background-size: 66px 65px !important;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.AddressCnt .goodsIssueImg {
    background: url(../../Images/NewUI/obj_goodsIssue.svg) left top no-repeat;
}

.LightTheme .AddressCnt .goodsIssueImg {
    background: url(../../Images/NewUI/LightTheme/obj_goodsIssue.svg) left top no-repeat;
}

.AddressCnt .EditorTemplateImg {
    background: url(../../Images/NewUI/obj_editorTemplate.svg) left top no-repeat;
}

.LightTheme .AddressCnt .EditorTemplateImg {
    background: url(../../Images/NewUI/LightTheme/obj_editorTemplate.svg) left top no-repeat;
}

.ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se {
    cursor: nw-resize !important;
}

.smallmedium1 .selectTextbox {
    width: 70px !important;
    padding-left: 6px !important;
}

.smallmedium1 .mergedSelectlist {
    /* padding: 5px!important; */
    width: 175px !important;
    padding-left: 86px !important;
    height: 30px !important;
}

.FormalLetterContainerDiv {
    height: 408px;
    background-color: #fff;
}

    .FormalLetterContainerDiv .editableContent {
        min-height: 100px;
        /*width: 628px;*/
        background-color: #fff;
        /*padding: 10px;*/
    }


.ui-dialog.ui-widget.ui-widget-content.FormalLetterDialog {
    height: 565px;
    width: 940px;
    min-height: 330px;
    min-width: 200px;
    z-index: 99999;
    left: 30%;
}

.FormalLetterDialog .LiveTemplate .PreviewTable .PreviewTableTdDiv {
    width: 898px !important;
}

.FormalLetterDialog .EditBottomNav {
    padding: 0px !important;
}

.FormalLetterDialog .PreviewTableTdDiv {
    margin: 20px !important;
}

.FormalLetterDialog .LiveTemplate .PreviewTable .PreviewTableTdDiv {
    max-height: 397px !important;
    min-height: 397px;
}

.LiveTemplate .PreviewTable .PreviewTableTdDiv.FormalLetterEdit {
    width: 930px !important;
    margin-left: 0px !important;
    margin-top: 5px !important;
    margin-right: 5px !important;
}

    .LiveTemplate .PreviewTable .PreviewTableTdDiv.FormalLetterEdit .PreviewDiv {
        margin: 24px 0px 24px 32px !important;
    }

.LiveTemplate .Preview td, .Preview .editablePreNotes.editable.editableContent,
.LiveTemplate .Preview td .ng2-datetime-picker-wrapper input[type="text"] {
    font-family: Calibri,Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 12pt !important;
    font-weight: normal;
    color: #000000;
    display: table-cell;
    padding-bottom: 3px;
}

.LiveTemplate .Preview td, .Preview .editablePostNotes.editable.editableContent {
    font-family: Calibri, Segoe UI, Arial, Helvetica, sans-serif !important;
    font-size: 12pt !important;
    font-weight: normal;
    color: #000000;
    display: table-cell;
    padding-bottom: 3px;
}

.UC49129 .LiveTemplate .Preview td,
.UC49129.AngularVersion .LiveTemplate .Preview .LiveTemplateItmeTableFullWidth tbody tr td,
.UC49129 .Preview .editablePostNotes.editable.editableContent,
.UC49129.IONETheme .LiveTemplate .Preview input[type="text"],
.UC49129.IONETheme .LiveTemplate .Preview select,
.UC49129.IONETheme .LiveTemplate .Preview [contentEditable=true] {
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
}
/*As per ticket TIC-0079-21 CSS changed as IVG except font size.*/
.UC49109 .LiveTemplate .Preview td,
.UC49109.AngularVersion .LiveTemplate .Preview .LiveTemplateItmeTableFullWidth tbody tr td,
.UC49109 .Preview .editablePostNotes.editable.editableContent,
.UC49109.IONETheme .LiveTemplate .Preview input[type="text"],
.UC49109.IONETheme .LiveTemplate .Preview select,
.UC49109.IONETheme .LiveTemplate .Preview [contentEditable=true] {
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
}

.FormalLetterDialog .ListDataCnt {
    margin-bottom: 0px !important;
}

.ui-dialog.FormalLetterDialog .dialog.ui-dialog-content {
    padding-top: 0px !important;
}

.ui-dialog.FormalLetterDialog .ui-dialog-content {
    position: unset;
}

.ui-dialog.exportTemplateListDialog {
    z-index: 100000 !important;
}


.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialog.FormalLetterDialog {
    height: 565px;
    width: 940px;
    min-height: 330px;
    min-width: 200px;
    z-index: 99999;
    left: 30%;
}


.FormalLetterDialog .EditBottomNav {
    padding: 0px !important;
}

.FormalLetterDialog .PreviewTableTdDiv {
    margin: 20px !important;
}

.FormalLetterDialog .LiveTemplate .PreviewTable .PreviewTableTdDiv {
    max-height: 388px !important;
    min-height: 388px;
}

#FormalLetterTemplateId .PreviewTable .PreviewTableTdDiv {
    height: 470px;
}

.AddressCnt .moduleSelectionOrderTemplateImg {
    background: url(../../Images/NewUI/obj_moduleSelectionOrderTemplateImg.svg) left top no-repeat;
}

.LightTheme .AddressCnt .moduleSelectionOrderTemplateImg {
    background: url(../../Images/NewUI/LightTheme/obj_moduleSelectionOrderTemplateImg.svg) left top no-repeat;
}

.EditRecord.InLineEditing {
    vertical-align: text-top;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

div.FormElement input.topAligned + label:before {
    margin-top: -8px !important;
}

.grid label.VerticleCenterAlignedLabel {
    margin-top: 26px;
    display: inline-block !important;
}

.grid label.VerticleMiddleAlignedLabel {
    margin-top: 8px !important;
}

.VerticleCenterAlignedLabel + .ChkBoxCnt {
    margin-top: 20px !important;
    margin-right: 0px !important;
}

.compact .VerticleCenterAlignedLabel + .ChkBoxCnt {
    margin-top: 0px !important;
}

.grid .compact label.VerticleCenterAlignedLabel {
    margin-top: 5px !important;
}


.legend .styleImg {
    text-decoration: none;
    background: url(../../Images/NewUI/filled-circle.svg) top center no-repeat;
    background-size: 10px 10px;
    height: 10px;
    width: 10px;
    display: block;
    float: left;
    margin-top: 4px;
    margin-right: 10px;
}

    .legend .styleImg.red {
        background: url(../../Images/NewUI/filled-circle-red.svg) top center no-repeat;
        background-size: 10px 10px;
    }

    .legend .styleImg.green {
        background: url(../../Images/NewUI/filled-circle-green.svg) top center no-repeat;
        background-size: 10px 10px;
    }

    .legend .styleImg.yellow {
        background: url(../../Images/NewUI/filled-circle-yellow.svg) top center no-repeat;
        background-size: 10px 10px;
    }

    .legend .styleImg.gray {
        background: url(../../Images/NewUI/filled-circle-gray.svg) top center no-repeat;
        background-size: 10px 10px;
    }


tooltipInnerBlock {
    width: 110%;
    padding-left: 0px;
    margin-left: -10px;
}

.tooltipInnerBlockRightSpan {
    margin-right: 20px !important;
}

.tooltipInnerBlockLeftSpan {
    margin-left: 0px;
}

.OutgoingOrderOverView {
    border-radius: 3px;
    min-height: 100px;
    width: 220px;
    margin-bottom: 20px;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
}

    .OutgoingOrderOverView tooltipBox {
        margin: 0px 5px 0px 5px;
    }

    .OutgoingOrderOverView div .title {
        border-bottom: 1px solid #FFFFFF !important;
        height: 20px;
    }

    .OutgoingOrderOverView .tooltipInnerBlockRightSpan {
        float: right;
        margin: 0px !important;
    }

.NewsChat.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialog.CreateManualNews {
    left: initial;
    width: 900px;
    height: auto;
    right: 22px;
    top: 78px;
}

.IONETheme .NewsChat.ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialog.CreateManualNews {
    right: 21px;
    top: 82px;
}

.NewsChat .FullWidth {
    width: 100% !important;
    padding-right: 0px;
}

.NewsChat table {
    padding-right: 30px;
}

.Email_new {
    cursor: pointer;
}

.NewsChat .ui-dialog-titlebar span.ui-dialog-title {
    text-align: left !important;
    padding-left: 50px;
    /*  background: url(../../Images/NewUI/obj_news.svg) left center no-repeat !important;
    background-size: 30px 30px !important;*/
    height: 30px;
}

.LightTheme .NewsChat .ui-dialog-titlebar span.ui-dialog-title {
    /*background: url(../../Images/NewUI/LightTheme/obj_news.svg) left center no-repeat !important;*/
    /*background-size: 30px 30px !important;*/
    background: none;
}

.ui-dialog.ui-widget.ui-widget-content.SearchSettings {
    height: 230px !important;
    width: 380px;
}

.ContactLabel {
    font-size: 16px;
}

.NewsChat .subject {
    font-weight: bold;
    color: #fff;
}

.NewsChat .creationDate {
    font-size: 9px;
    color: #9c9e9f !important;
}

.NewsChat .recipientsList .searchbox {
    margin-left: 0px;
}

.NewsChat .recipientName,
.NewsChat .message,
.NewsChat .recentRecipient {
    font-size: 11px;
    color: #fff;
}

.LightTheme .NewsChat .recipientName,
.LightTheme .NewsChat .message,
.LightTheme .NewsChat .recentRecipient {
    color: rgba(0,0,0,0.9);
}

.NewsChat .mainContent {
    height: 250px;
    overflow-y: auto;
    border: 1px solid white;
    overflow-x: hidden;
}

.NewsChat .recentRecipients label {
    cursor: pointer;
    height: 25px;
}

.NewsChat .recentRecipients {
    margin-top: 10px;
    max-height: 380px;
    overflow: auto;
}

.NewsChat .LinkedObject {
    margin: 0 !important;
    padding: 0 !important;
    width: 100px !important;
}

.NewsChat .PlusList {
    width: 100px;
    display: inline-block;
}

.NewsChat ul.PlusList li {
    padding-left: 0px;
}

    .NewsChat ul.PlusList li a.TextLink {
        padding-left: 1px;
    }

.NewsChat .TitleArrow {
    width: 80px;
    background-position-x: 5px !important;
}

.NewsChat .LinkedObject .TitleArrow span {
    padding-left: 35px;
    font-size: 9px;
}

.NewsChat .UserSubject .txtBox,
.NewsChat.CreateManualNews .NewsSection .NewsMessageDiv {
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    word-break: break-word;
}

.NewsChat.CreateManualNews .NewsSection .NewsMessage {
    min-height: 50px;
    padding-right: 35px;
}

.NewsChat .NewsChatSearchLinkedObject.searchbtn {
    top: 22px !important;
    right: -10px !important;
}

.NewsChat .NewsChatSearchLinkedObject.searchbtn,
.NewsChat .NewsChatAttach.searchbtn,
.NewsChat .settings.searchbtn {
    box-shadow: none !important;
    background-color: transparent;
}

    .NewsChat .NewsChatAttach.searchbtn,
    .NewsChat .NewsChatAttach.searchbtn:hover,
    .LightTheme .NewsChat .NewsChatAttach.searchbtn,
    .LightTheme .NewsChat .NewsChatAttach.searchbtn:hover {
        top: 50px !important;
        right: -10px !important;
        background: url(../../Images/NewUI/LightTheme/op_scr_manual_news_attachment.svg) center center no-repeat !important;
        background-size: 25px 25px !important;
    }

.NewsChat .AttachmentList {
    width: 100%;
    max-height: 120px;
    overflow: auto;
}

.NewsChat #ConversationTable .AttachmentList {
    max-height: initial;
}

.NewsChat .Attachment {
    width: 50px;
    height: 50px;
    display: block;
    float: left;
    margin: 5px 10px 5px 0px;
    display: inline-block;
    background: url(../../Images/NewUI/obj_attachment.svg) center center no-repeat !important;
    background-size: 50px 50px !important;
    border: 1px white solid;
}

    .NewsChat .Attachment[class*='excel'], .NewsChat .Attachment[class*='spreadsheet'] {
        background: url(../../Images/NewUI/obj_attachment_excel.svg) center center no-repeat !important;
        background-size: 50px 50px !important;
    }

    .NewsChat .Attachment[class*='word'] {
        background: url(../../Images/NewUI/obj_attachment_word.svg) center center no-repeat !important;
        background-size: 50px 50px !important;
    }

    .NewsChat .Attachment[class*='pdf'] {
        background: url(../../Images/NewUI/obj_attachment_pdf.svg) center center no-repeat !important;
        background-size: 50px 50px !important;
    }

    .NewsChat .Attachment:not([class*="image"]) img {
        display: none;
    }

    .NewsChat .Attachment[class*="image"] {
        background: none !important;
    }

        .NewsChat .Attachment[class*="image"] img {
            width: 50px;
            height: 50px;
        }

.NewsChat .NewsSection .Send {
    float: right !important;
}

.NewsChat .borderLine {
    width: 100%;
    height: 1px;
    background: white;
}

.NewsChat .mainContent table {
    padding-right: 0px;
}

.LinkButton {
    padding-bottom: 0px;
    position: absolute;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 0;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 11px;
    min-width: 30px;
    vertical-align: top;
    width: 30px !important;
    height: 30px !important;
}

.AddDeliveryNote {
    background: url(../../Images/NewUI/op_scr_add_deliverynote.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .AddDeliveryNote {
    background: url(../../Images/NewUI/LightTheme/op_scr_add_deliverynote.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.CancelButton {
    background: url(../../Images/NewUI/op_scr_cancel.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

    .CancelButton:hover {
        background: url(../../Images/NewUI/op_scr_cancel.svg) 0px 0px no-repeat !important;
        background-size: 30px 30px !important;
    }

.LightTheme .CancelButton {
    background: url(../../Images/NewUI/LightTheme/op_scr_cancel.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

    .LightTheme .CancelButton:hover {
        background: url(../../Images/NewUI/LightTheme/op_scr_cancel.svg) 0px 0px no-repeat !important;
        background-size: 30px 30px !important;
    }


.UndoButton {
    background: url(../../Images/NewUI/op_scr_undo.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

    .UndoButton:hover {
        background: url(../../Images/NewUI/op_scr_undo_red.svg) 0px 0px no-repeat !important;
        background-size: 30px 30px !important;
    }

.LightTheme .UndoButton {
    background: url(../../Images/NewUI/LightTheme/op_scr_undo.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

    .LightTheme .UndoButton:hover {
        background: url(../../Images/NewUI/LightTheme/op_scr_undo_red.svg) 0px 0px no-repeat !important;
        background-size: 30px 30px !important;
    }

.NextButton {
    background: url(../../Images/NewUI/op_scr_next.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .NextButton {
    background: url(../../Images/NewUI/LightTheme/op_scr_next.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.PrevButton {
    background: url(../../Images/NewUI/op_scr_prev.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .PrevButton {
    background: url(../../Images/NewUI/LightTheme/op_scr_prev.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.NextButton.disabled {
    background: url(../../Images/NewUI/op_scr_next_disabled.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .NextButton.disabled {
    background: url(../../Images/NewUI/op_scr_next_disabled.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.PrevButton.disabled {
    background: url(../../Images/NewUI/op_scr_prev_disabled.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .PrevButton.disabled {
    background: url(../../Images/NewUI/op_scr_prev_disabled.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.AddFileButton {
    background: url(../../Images/NewUI/op_scr_add_file.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .AddFileButton {
    background: url(../../Images/NewUI/LightTheme/op_scr_add_file.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.OkButton {
    background: url(../../Images/NewUI/op_scr_ok.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .OkButton {
    background: url(../../Images/NewUI/LightTheme/op_scr_ok.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.OkButton.disabled {
    background: url(../../Images/NewUI/op_scr_ok_gray.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .OkButton.disabled {
    background: url(../../Images/NewUI/op_scr_ok_gray.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.addGoodsMovement {
    background: url(../../Images/NewUI/op_src_add_GoodsMovement.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .addGoodsMovement {
    background: url(../../Images/NewUI/LightTheme/op_src_add_GoodsMovement.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.addGoodsMovement:hover {
    background: url(../../Images/NewUI/op_src_add_GoodsMovementGreen.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .addGoodsMovement:hover {
    background: url(../../Images/NewUI/LightTheme/op_src_add_GoodsMovementGreen.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.addTask {
    background: url(../../Images/NewUI/inspection.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

    .addTask:hover {
        background: url(../../Images/NewUI/inspectionGreen.svg) 0px 0px no-repeat !important;
        background-size: 30px 30px !important;
    }

.LightTheme .addTask {
    background: url(../../Images/NewUI/LightTheme/inspection.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

    .LightTheme .addTask:hover {
        background: url(../../Images/NewUI/LightTheme/inspectionGreen.svg) 0px 0px no-repeat !important;
        background-size: 30px 30px !important;
    }

.textarealarge {
    width: 528px !important;
    height: 105px !important;
    background: #ffffff;
    border: none;
    padding: 5px;
    color: #2b2b2b;
    outline: none;
    resize: vertical;
}

.OkButton.green {
    background: url(../../Images/NewUI/op_scr_ok_green.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .OkButton.green {
    background: url(../../Images/NewUI/op_scr_ok_green.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.OkButton:hover {
    background: url(../../Images/NewUI/op_scr_ok_green.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .OkButton:hover {
    background: url(../../Images/NewUI/op_scr_ok_green.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.BackToStartButton {
    background: url(../../Images/NewUI/op_scr_back_to_start.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .BackToStartButton {
    background: url(../../Images/NewUI/LightTheme/op_scr_back_to_start.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.AddressCnt .AreaImg {
    background: url(../../Images/NewUI/obj_area.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px -6px
}

.LightTheme .AddressCnt .AreaImg {
    background: url(../../Images/NewUI/LightTheme/obj_area.svg) left top no-repeat;
    background-size: 66px 65px;
}

.NewsChat .UserSubject .searchbtn.RecipientSelection {
    right: -10px !important;
    height: 26px;
}

.NewsChat .CommunicationModePopupPosition.ui-dialog.ui-widget.ui-widget-content {
    z-index: 999;
    left: 25%;
    width: 450px;
    top: 20%;
}

.NewsChat .msgBox {
    top: 0px !important;
    width: 100% !important;
    position: absolute;
    left: 0;
}

.NewsChat .ui-dialog.ui-widget.ui-widget-content.ione-dialog.dialog.FormalLetterDialog {
    left: 22px;
    top: 78px;
}


.NewsChat + .modal-background {
    display: none;
}

.IONETheme .dialog-CreateCalenderTask .CloseButton {
    background-size: 30px 30px;
}

.IONETheme.LightTheme .dialog-CreateCalenderTask .CloseButton {
    background: url(../../Images/NewUI/LightTheme/op_oth_confirm-cancel.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme .dialog-CreateCalenderTask .editSave {
    background-size: 30px 30px;
}

.IONETheme.LightTheme .dialog-CreateCalenderTask .editSave {
    background: url(../../Images/NewUI/LightTheme/op_oth_confirm-ok.svg) center center no-repeat;
    background-size: 30px 30px;
}

.StartTimer, .StopTimer, .StopStartTimer {
    height: 50px;
    width: 50px;
    display: inline-block;
    cursor: pointer;
}

.StartTimer {
    background: url(../../Images/NewUI/obj_quicktimelog_start.svg) center center no-repeat;
    background-size: 50px 50px;
    margin-top: 5px;
}

.StopTimer {
    background: url(../../Images/NewUI/obj_quicktimelog_stop.svg) center center no-repeat;
    background-size: 50px 50px;
    margin-top: 5px;
}

.StopStartTimer {
    background: url(../../Images/NewUI/op_scr_reload.svg) center center no-repeat;
    background-size: 50px 50px;
    margin-top: 5px;
}

.LightTheme .StopStartTimer {
    background: url(../../Images/NewUI/LightTheme/op_scr_reload.svg) center center no-repeat;
    background-size: 50px 50px;
    margin-top: 5px;
}

.QuickTimeLogDialog.ui-dialog.ui-widget.ui-widget-content.ione-dialog {
    padding: 10px;
    margin-top: 7px;
    width: 650px;
    color: #3399ff;
    right: 20px;
    top: 75px;
    left: initial;
    display: block;
    overflow: hidden;
    z-index: 9999;
    background: rgba(0,0,0,0.5);
    height: 680px;
}

.IONETheme quicktime-log, .IONETheme .QuickTimeLogDialog {
    color: #00a970;
}

quicktime-log.Show, .QuickTimeLogDialog.Show {
    display: block !important;
}

.LightTheme quicktime-log, .LightTheme .QuickTimeLogDialog {
    background: rgba(255,255,255,0.5);
}

.QuickTimeLog .ActiveEntry .startTime,
.QuickTimeLog .ActiveEntry .timer,
.QuickTimeLog .ActiveEntry .selectedDate {
    border: none;
    box-shadow: none !important;
}

.QuickTimeLog .ActiveEntry .selectedDate,
.QuickTimeLog .ActiveEntry .selectedDateLabel {
    margin-left: 35px !important;
    width: 75px !important;
}

.QuickTimeLog .ActiveEntry .selectedDateLabel {
    margin-left: 40px !important;
}

.QuickTimeLog .ActiveEntry .startTimeLabel {
    margin-left: 40px !important;
}

.QuickTimeLog .ActiveEntry .timerLabel {
    margin-left: 15px !important;
}

.QuickTimeLog .ActiveEntry .startTime,
.QuickTimeLog .ActiveEntry .selectedDate,
.QuickTimeLog .ActiveEntry .timer,
.QuickTimeLog .ActiveEntry .selectedDateLabel,
.QuickTimeLog .ActiveEntry .startTimeLabel,
.QuickTimeLog .ActiveEntry .timerLabel {
    width: 62px;
    vertical-align: middle;
    text-align: left;
    background: transparent;
    height: 20px !important;
    min-height: 20px !important;
}

.QuickTimeLog .ActiveEntry .ui-datepicker-trigger {
    right: -15px;
    top: -3px;
}

.QuickTimeLog .ActiveEntry .selectedDateLabel,
.QuickTimeLog .ActiveEntry .startTimeLabel,
.QuickTimeLog .ActiveEntry .timerLabel {
    margin: 0px;
    height: 20px !important;
    min-height: 20px !important;
}

.QuickTimeLog .ActiveEntry .startTime,
.QuickTimeLog .ActiveEntry .startTimeLabel {
    margin-left: 35px;
    height: 20px;
    width: 115px !important;
}

.QuickTimeLog .ActiveEntry .timer,
.QuickTimeLog .ActiveEntry .timerLabel {
    margin-left: 10px;
    height: 40px;
}

.QuickTimeLog.grid {
    padding-left: 0px;
}

.QuickTimeLog .ActiveEntry .searchbox a.searchbtn {
    /*background-color: transparent !important;*/
}

.closeMyQuickTimeLog {
    display: block;
    position: absolute;
    background: url(../../Images/NewUI/op_oth_confirm-cancel.svg) center center no-repeat;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    right: 5px;
    top: 0px;
}

.LightTheme .closeMyQuickTimeLog {
    background: url(../../Images/NewUI/LightTheme/op_oth_confirm-cancel.svg) center center no-repeat;
    background-size: 30px 30px;
}

.QuickTimeLog .Entries {
    height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 50px;
}

.linkObject {
    display: block;
    position: relative;
    background: url(../../Images/NewUI/op_scr_link.svg) center center no-repeat;
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.LightTheme .linkObject {
    background: url(../../Images/NewUI/LightTheme/op_scr_link.svg) center center no-repeat;
    background-size: 30px 30px;
}

.QuickTimeLog.grid .col {
    margin: 0 5px 15px 0;
}

.QuickTimeLog.grid label {
    min-height: 30px;
}

.QuickTimeLog.grid .QuickTimeLogHeader label,
.QuickTimeLog.grid .SelectSplitDateTime label {
    min-height: initial;
}

.QuickTimeLog.grid .QuickTimeLogHeader .col {
    margin: 0 5px 0px 0;
}

a.QuickTimeLog {
    cursor: pointer;
}

.QuickTimeLog.grid label.linkObjectLabel {
}

.IONETheme .QuickTimeLog.grid .smallest4 .txtbox {
    width: 36px;
}

.QuickTimeLog .description,
.QuickTimeLog .customer {
    width: 80%;
}

/*.QuickTimeLog .description,*/
/*.QuickTimeLog .customer,*/
.QuickTimeLog .startTime,
.QuickTimeLog .selectedDate {
    color: rgba(255,255,255,0.75);
}

.LightTheme .QuickTimeLog .description,
.LightTheme .QuickTimeLog .customer,
.LightTheme .QuickTimeLog .startTime,
.LightTheme .QuickTimeLog .selectedDate {
    color: rgba(0,0,0,0.75);
}

.QuickTimeLog .ActiveEntry {
    min-height: 76px;
    margin-bottom: 10px;
    border-bottom: rgba(211,211,211,0.8) 1px solid !important;
}

.QuickTimeLog.FormElementlabelTop .smallest4 .ChkBoxCnt {
    margin-top: -10px;
}

.QuickTimeLogSearchBottom {
    position: absolute;
    bottom: 70px !important;
    float: right !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    z-index: 99;
}

div.FormElementlabelTop .smallest4 .ChkBoxCnt {
    width: 40px;
}

    div.FormElementlabelTop .smallest4 .ChkBoxCnt input[type="checkbox"] {
        width: 40px;
    }

    div.FormElementlabelTop .smallest4 .ChkBoxCnt input + label {
        width: 38px;
    }

        div.FormElementlabelTop .smallest4 .ChkBoxCnt input + label:before {
            width: 40px;
        }

.IONETheme .TopLinks .Active {
    box-shadow: 0 3px 1px 0px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
}

.moveStock {
    background: url(../../Images/NewUI/op_scr_move_stock.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    vertical-align: top;
}

.LightTheme .moveStock {
    background: url(../../Images/NewUI/LightTheme/op_scr_move_stock.svg) center center no-repeat;
    background-size: 30px 30px;
}


.createDeliveryInvoice {
    background: url(../../Images/NewUI/op_scr_delivery_invoice.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    vertical-align: top;
}

.LightTheme .createDeliveryInvoice {
    background: url(../../Images/NewUI/LightTheme/op_scr_delivery_invoice.svg) center center no-repeat;
    background-size: 30px 30px;
}



.warehouseOrderCreateWizard {
    background: url(../../Images/NewUI/op_create_warehouse_order_wizard.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    vertical-align: top;
}

.LightTheme .warehouseOrderCreateWizard {
    background: url(../../Images/NewUI/LightTheme/op_create_warehouse_order_wizard.svg) center center no-repeat;
    background-size: 30px 30px;
}

.AddressCnt .executeWarehouseOrderImg {
    background: url(../../Images/NewUI/obj_executeWarehouseOrder.svg) left top no-repeat;
}

.LightTheme .AddressCnt .executeWarehouseOrderImg {
    background: url(../../Images/NewUI/LightTheme/obj_executeWarehouseOrder.svg) left top no-repeat;
}

.EditButton {
    background: url(../../Images/NewUI/op_scr_edit.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .EditButton {
    background: url(../../Images/NewUI/LightTheme/op_scr_edit.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.EditButton.disabled {
    background: url(../../Images/NewUI/op_scr_edit_gray.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .EditButton.disabled {
    background: url(../../Images/NewUI/LightTheme/op_scr_edit_gray.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.AddComment.Blue {
    background: url(../../Images/NewUI/op_scr_create-comment-blue.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .AddComment.Blue {
    background: url(../../Images/NewUI/LightTheme/op_scr_create-comment-blue.svg) center center no-repeat;
    background-size: 30px 30px;
}

.AddComment.Blue.disabled {
    background: url(../../Images/NewUI/op_scr_create-comment-gray.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .AddComment.Blue.disabled {
    background: url(../../Images/NewUI/LightTheme/op_scr_create-comment-gray.svg) center center no-repeat;
    background-size: 30px 30px;
}

.div.FormElementlabelTop .smallmedium2 .ChkBoxCnt,
div.FormElementlabelTop .smallmedium2 .ChkBoxCnt input + label,
div.FormElementlabelTop .smallmedium2 .ChkBoxCnt input + label:before {
    width: 200px;
}

.IONETheme .ProjectItemDetails #ProjectItemTable .txtbox, .IONETheme .ProjectItemDetails #ProjectItemTable .currencytxtbox,
.IONETheme .ProjectItemDetails #ProjectScheduleTable .txtbox, .IONETheme .ProjectItemDetails #ProjectScheduleTable .currencytxtbox,
.IONETheme .ProjectItemDetails #ProductionCalculationTable .txtbox, .IONETheme .ProjectItemDetails #ProductionCalculationTable .currencytxtbox {
    color: inherit;
    background: none;
    width: 100%;
    min-height: 100%;
    overflow-y: visible;
    resize: none;
}

.IONETheme .ProjectItemDetails #ProjectItemTable textarea {
    margin-top: 4px;
    margin-bottom: 0px;
}

.IONETheme .grid .ProjectItemDetails span.currency {
    right: -40px;
}

.DeletePopupPosition[aria-describedby='dialog-confirm-workflow'] {
    z-index: 9999;
}

.AddMultipleStoragePlance {
    background: url(../../Images/NewUI/op_scr_addMultipleStorageStructure.svg) center center no-repeat;
    vertical-align: top;
    background-size: 30px 30px;
}

.LightTheme .AddMultipleStoragePlance {
    background: url(../../Images/NewUI/LightTheme/op_scr_addMultipleStorageStructure.svg) center center no-repeat;
    background-size: 30px 30px;
}

.RightData.FormElement .NewsSection:empty,
.IONETheme .RightData.FormElement .NewsSection:empty,
.RightData.FormElement .NewsSection.NoNewsSection {
    box-shadow: none !important;
    display: none;
}

.smallmedium.range .timePicker {
    width: 56px !important;
}

.smallmedium.range .ng2-datetime-picker-wrapper {
    width: 73px !important;
    display: inline-block;
}

    .smallmedium.range .ng2-datetime-picker-wrapper + .spacer {
        text-align: left;
    }

    .smallmedium.range .ng2-datetime-picker-wrapper .ui-datepicker-trigger {
        right: 5px;
    }

.smallmedium.range .selectbox {
    width: 70px !important;
}

.smallmedium.range p {
    margin: 0px !important;
}

.smallmedium.range .timePicker.start + .ui-datepicker-trigger {
    right: 90px !important;
}

.smallmedium.range .timePicker.end + .ui-datepicker-trigger {
    right: 0px !important;
}

.smallmedium.range .spacer {
    width: 13px !important;
    display: inline-block;
    text-align: center;
}

.smallmedium.range p.spacer {
    width: 20px !important;
    padding-top: 7px;
}

.smallmedium.range label {
    text-align: center;
}

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /*do not remove white-space: nowrap; it is require */
}

/* Solihde Live template font related changes*/
/* As per ticket TIC-0079-21 CSS changed as IVG except font size.
.UC49109 .LiveTemplate .Preview td,
.UC49109 [contentEditable=true],
.UC49109 .editablePostNotes.editable.editableContent,
.UC49109 .LiveTemplate .Preview input[type="text"],
.UC49109 .LiveTemplate .Preview select,
.UC49109 .LiveTemplate .Preview td .ng2-datetime-picker-wrapper input[type="text"],
.UC49109 .LiveTemplate .Preview td .mat-input-element.mat-form-field-autofill-control,
.UC49109 .LiveTemplate .Preview td .mat-select-value-text {
    font-family: relative-mono11pitch, Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
    font-size: 11pt !important;
}
*/

/* Solihde Live template font related changes*/
.UC49136 .LiveTemplate .Preview td,
.UC49136.AngularVersion .LiveTemplate .Preview .LiveTemplateItmeTableFullWidth tbody tr td,
.UC49136 [contentEditable=true],
.UC49136 .editablePostNotes.editable.editableContent,
.UC49136 .LiveTemplate .Preview input[type="text"],
.UC49136 .LiveTemplate .Preview select,
.UC49136 .LiveTemplate .Preview td .ng2-datetime-picker-wrapper input[type="text"],
.UC49136 .LiveTemplate .Preview td .mat-input-element.mat-form-field-autofill-control,
.UC49136 .LiveTemplate .Preview td .mat-select-value-text {
    font-family: SaolText-Regular, Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
    font-size: 11pt !important;
}

/* As per ticket TIC-0079-21 CSS changed as IVG except font size.
.UC49109 .LiveTemplate.DocumentLiveTemplate .Preview td,
.UC49109 .DocumentLiveTemplate [contentEditable=true],
.UC49109 .DocumentLiveTemplate .editablePostNotes.editable.editableContent,
.UC49109 .LiveTemplate.DocumentLiveTemplate .Preview input[type="text"],
.UC49109 .LiveTemplate.DocumentLiveTemplate .Preview select,
.UC49109 .LiveTemplate.DocumentLiveTemplate .Preview td .ng2-datetime-picker-wrapper input[type="text"],
.UC49109 .LiveTemplate.DocumentLiveTemplate .Preview td .mat-input-element.mat-form-field-autofill-control,
.UC49109 .LiveTemplate.DocumentLiveTemplate .Preview td .mat-select-value-text {
    font-family: Roboto, Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
    font-size: 11pt !important;
}
*/

/*  As per ticket TIC-0079-21 CSS changed as IVG except font size.
.UC49109 .iOneIdHeader {
    font-family: relative-mono11pitch, Arial, Calibri, Helvetica, sans-serif !important;
}
*/

.UC49136 .iOneIdHeader, .UC49136 .UserCompanyHeader, .UC49136 .prePostNote {
    font-family: SaolText-Regular, Arial, Calibri, Helvetica, sans-serif !important;
}

.UC49109 .LiveTemplate .Preview .unitPadding {
}

    .UC49109 .LiveTemplate .Preview .unitPadding select {
        height: 18.4px !important;
    }
/* Solihde Live template font related changes end*/

.WorkPlanNewBtn {
    background: url(../../Images/NewUI/workPlan_new.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
}

    .WorkPlanNewBtn.disable {
        background: url(../../Images/NewUI/workPlan_new_disable.svg) center center no-repeat;
        background-size: 30px 30px;
        width: 30px;
        height: 30px;
        display: inline-block;
        text-indent: -9999px;
        font-size: 0;
        cursor: default;
    }

.WorkPlanEditBtn {
    background: url(../../Images/NewUI/workPlan_edit.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
}

    .WorkPlanEditBtn.disable {
        background: url(../../Images/NewUI/workPlan_edit_disable.svg) center center no-repeat;
        background-size: 30px 30px;
        width: 30px;
        height: 30px;
        display: inline-block;
        text-indent: -9999px;
        font-size: 0;
        cursor: default;
    }

.WorkPlanAssignBtn {
    background: url(../../Images/NewUI/workPlan_assign.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
}

.ResourceDemandOpenBtn {
    background: url(../../Images/NewUI/resourceDemand_open.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
}

    .ResourceDemandOpenBtn.disable {
        background: url(../../Images/NewUI/resourceDemand_open_disable.svg) center center no-repeat;
        background-size: 30px 30px;
        width: 30px;
        height: 30px;
        display: inline-block;
        text-indent: -9999px;
        font-size: 0;
        cursor: default;
    }

.LightTheme .WorkPlanNewBtn {
    background: url(../../Images/NewUI/LightTheme/workPlan_new.svg) center center no-repeat;
    background-size: 30px 30px;
}

    .LightTheme .WorkPlanNewBtn.disable {
        background: url(../../Images/NewUI/LightTheme/workPlan_new_disable.svg) center center no-repeat;
        background-size: 30px 30px;
    }

.LightTheme .WorkPlanEditBtn {
    background: url(../../Images/NewUI/LightTheme/workPlan_edit.svg) center center no-repeat;
    background-size: 30px 30px;
}

    .LightTheme .WorkPlanEditBtn.disable {
        background: url(../../Images/NewUI/LightTheme/workPlan_edit_disable.svg) center center no-repeat;
        background-size: 30px 30px;
    }

.LightTheme .WorkPlanAssignBtn {
    background: url(../../Images/NewUI/LightTheme/workPlan_assign.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .ResourceDemandOpenBtn {
    background: url(../../Images/NewUI/LightTheme/resourceDemand_open.svg) center center no-repeat;
    background-size: 30px 30px;
}

    .LightTheme .ResourceDemandOpenBtn.disable {
        background: url(../../Images/NewUI/LightTheme/resourceDemand_open_disable.svg) center center no-repeat;
        background-size: 30px 30px;
    }


a.scanner {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_barcodeScanner.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

    a.scanner:hover {
        background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_barcodeScanner_h.svg) center 20px no-repeat;
        margin-bottom: 1px;
    }

.LightTheme a.scanner {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_barcodeScanner.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

    .LightTheme a.scanner:hover {
        background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_barcodeScanner_h.svg) center 20px no-repeat;
        margin-bottom: 1px;
    }

.BarcodeScanner {
    /*margin-top: 30px;*/
    margin-bottom: 20px;
}

    .BarcodeScanner .ScannerHeader {
        font-size: 26px !important;
        text-align: center;
        width: 95%;
        margin-bottom: 20px;
    }

    .BarcodeScanner .ScannerHeader,
    .BarcodeScanner .ScannerLabel {
        color: white;
        font-size: 20px;
    }

.IONETheme.LightTheme .BarcodeScanner .ScannerHeader,
.IONETheme.LightTheme .BarcodeScanner .ScannerLabel {
    color: rgb(51,51,51) !important;
}

.BarcodeScanner .button {
    font-size: 26px;
    text-align: center;
    background: #00a970 !important;
    padding: 20px 5px 20px 5px;
    border-radius: 5px;
    border: 1px solid white;
    margin-top: 0px;
    margin-bottom: 20px;
    cursor: pointer;
    width: 95%;
}

    .BarcodeScanner .button.Decline {
        background: rgba(255,0,0,0.9) !important;
    }

    .BarcodeScanner .button.Booking {
        background: #00a970 !important;
    }

    .BarcodeScanner .button a {
        color: white;
    }

.BarcodeScanner .addPiece {
    height: 85px;
    width: 100%;
    background: url(../../Images/NewUI/op_oth_add-create-new-black.svg) center center no-repeat;
    background-size: 85px 85px !important;
    padding-top: 20px;
    padding-bottom: 20px;
}

.BarcodeScanner .ScanTxtBox,
.IONETheme .BarcodeScanner .ScanTxtBox {
    height: 85px;
    width: 100%;
    font-size: 20px !important;
    border-radius: 5px;
    border: none;
    margin-top: 20px;
    margin-bottom: 20px;
}


.BarcodeScanner .InfoBox {
    font-size: 20px;
    color: white;
    border: 1px solid white;
    min-height: 85px;
    border-radius: 5px;
    padding: 5px;
    height: 100%;
    overflow: overlay;
    margin-top: 10px;
}

.LightTheme .BarcodeScanner .InfoBox {
    color: rgb(51,51,51) !important;
}

.BarcodeScanner .InfoBox .Info {
    float: left;
}

.BarcodeScanner .InfoBox .EditRecord {
    float: right;
    height: 85px;
}

.BarcodeScanner .CorrectionTable label {
    font-size: 15px;
    color: white;
}

.BarcodeScanner .grid {
    padding-left: 0px;
}

    .BarcodeScanner .CorrectionTable input,
    .BarcodeScanner .grid .CorrectionTable .medium,
    .BarcodeScanner .grid .CorrectionTable .small,
    .BarcodeScanner .grid .CorrectionTable .medium .searchbox,
    .BarcodeScanner .grid .CorrectionTable .small .selectbox {
        width: 100% !important;
    }

        .BarcodeScanner .grid .CorrectionTable .small .selectbox {
            padding-left: 5px;
            padding-right: 5px;
        }

.BarcodeScanner .CheckTable label {
    font-size: 15px;
    color: white;
}


.inventoryCorrectionImageIcon {
    background: url(../../Images/NewUI/obj_inventoryCorrection.svg) center center no-repeat;
    background-size: 30px 30px;
    border: 0 none;
    vertical-align: top;
}

.LightTheme .inventoryCorrectionImageIcon {
    background: url(../../Images/NewUI/LightTheme/obj_inventoryCorrection.svg) center center no-repeat;
    background-size: 30px 30px;
}

/* New CSS for Standard Textboxes, Dropdown, etc.*/

.standard .gap {
    width: 20px !important;
}

.standard .nano {
    width: 25px !important;
}

.standard .micro {
    width: 40px !important;
}

.standard .mini {
    width: 70px !important;
}

.standard .smaller {
    width: 100px !important;
}

.standard .small {
    width: 160px !important;
}

.standard .selectTextbox {
    border-right: none !important;
}

.standard .small .selectTextbox {
    width: 94px !important;
}

.standard .medium .selectbox {
    width: 338px !important;
}

    .standard .medium .selectbox select {
        width: 337px !important;
    }

.standard .small .selectbox select.mergedSelectlist, .IONETheme .standard .small .selectbox select.mergedSelectlist {
    width: 58px !important;
    margin-left: 98px !important;
    padding-left: 5px !important;
}

.standard .smallmedium {
    width: 250px !important;
}

    .standard .smallmedium .selectTextbox {
        width: 146px !important;
    }

    .standard .smallmedium .selectbox select.mergedSelectlist {
        width: 99px !important;
        margin-left: 148px !important;
        padding-left: 8px !important;
    }

.standard .medium:not(.UserSubject):not(.RenameDialog) {
    width: 340px !important;
}

.standard .medium .searchbox {
    width: 335px !important;
}

.standard .medium .selectTextbox {
    width: 200px !important;
    left: 5px;
}

.standard .medium .selectbox select.mergedSelectlist {
    width: 138px !important;
    margin-left: 200px !important;
    padding-left: 5px !important;
}

.standard .large {
    width: 520px !important;
}

.standard .mediumlarge {
    width: 418px !important;
}

.standard .extraLarge {
    width: 700px !important;
}

.standard .extraLarge2 {
    width: 608px !important;
}

    .standard .extraLarge2 textarea {
        min-height: 75px;
    }

    .standard .extraLarge2 textarea,
    .standard .extraLarge2 .txtbox {
        width: 598px !important;
    }

.standard .extraLarge textarea {
    width: 690px !important;
    min-height: 75px;
}

.standard .gap .txtbox {
    width: 20px !important;
}

.standard .nano .txtbox {
    width: 13px !important;
}

.standard .micro .txtbox {
    width: 28px !important;
}

.standard .mini .txtbox {
    width: 58px !important;
}

.standard .mini .selectbox select {
    width: 68px !important;
}

.standard .smaller .txtbox {
    width: 88px !important;
}

.standard .small .txtbox {
    width: 148px !important;
}

    .standard .small .txtbox.smallHouseNumber {
        width: 95px !important;
    }

    .standard .small .txtbox.smallHouseNumberStrInput {
        width: 35px !important;
        margin-left: 5px;
    }

.standard .smallmedium .txtbox {
    width: 238px !important;
}

.standard .medium .txtbox {
    width: 328px !important;
}

.standard .medium .textarea {
    width: 328px !important;
    height: 85px;
}

.standard .textarea.smalltextarea {
    height: 20px;
}

.InLineWithTextbox {
    margin-top: -13px !important;
}

.standard .large .txtbox {
    width: 508px !important;
}

.standard .mediumlarge .txtbox {
    width: 406px !important;
}

.standard .large .searchbox {
    width: 514px;
}

.standard .extraLarge .txtbox {
    width: 688px !important;
}

.standard .large textarea {
    width: 508px !important;
}

.standard textarea.doubleRow {
    height: 87px !important;
}

.standard .smallmedium .selectbox select {
    width: 246px !important;
}

.standard .smallmedium .selectbox {
    width: 247px !important;
}

.standard .small .selectbox select {
    width: 156px !important;
}

.IONETheme .standard .small .selectbox select {
    width: 156px !important;
}

.standard .small .selectbox {
    width: 157px !important;
}

.standard .smallnum {
    width: 160px !important;
}

    .standard .smallnum .selectbox .selectTextbox {
        width: 100px !important;
    }

    .standard .smallnum .selectbox select {
        width: 60px !important;
    }

    .standard .smallnum .selectbox {
        width: 160px !important;
    }

    .standard .smallnum .pRelative {
        width: 160px !important;
    }

        .standard .smallnum .pRelative .currencytxtbox {
            width: 100px !important;
        }

        .standard .smallnum .pRelative span.currency {
            width: 60px !important;
            background: #ffffff !important;
            right: 0 !important;
        }

.standard .smallmedium .searchbox {
    width: 243px !important;
}

.standard .small .currencytxtbox, .standard .WithGrid .currencytxtbox {
    width: 147px !important;
}

.standard .smallmedium .currencytxtbox, .standard .WithGrid .currencytxtbox {
    width: 237px !important;
}

.standard span.currency, .standard .WithGrid span.currency {
    width: 60px;
    text-align: right;
}

.standard span.currencyMedium, .standard .WithGrid span.currencyMedium {
    position: absolute;
    top: 0px;
    border-left: 0 none;
    padding: 0 5px;
    color: #2b2b2b;
    outline: none;
    height: 30px;
    line-height: 30px;
    width: 70px;
    right: 5px;
}

.standard .small .searchbox {
    width: 154px !important;
}

.standard .datePicker {
    width: 148px !important;
}

.AddressCnt .UnitImg {
    background: url(../../Images/NewUI/Unit.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .UnitImg {
    background: url(../../Images/NewUI/LightTheme/Unit.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .GroupofItemsImg {
    background: url(../../Images/NewUI/GroupofItems.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .GroupofItemsImg {
    background: url(../../Images/NewUI/LightTheme/GroupofItems.svg) left top no-repeat;
    background-size: 66px 65px;
}

.AddressCnt .NotificationImg {
    background: url(../../Images/NewUI/Notification.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 10px;
}

.LightTheme .AddressCnt .NotificationImg {
    background: url(../../Images/NewUI/LightTheme/Notification.svg) left top no-repeat;
    background-size: 66px 65px;
}

.instanceItem {
    width: 150px;
    height: 100px;
    background-image: url("../../Images/NewUI/unlinked_grey.jpg");
    background-repeat: no-repeat;
    display: inline-block;
    margin: 5px;
    color: white;
    background-size: 100% 100%;
}

    .instanceItem.linked {
        background-image: url("../../Images/NewUI/linked_green.jpg");
        background-repeat: no-repeat;
    }

    .instanceItem .instanceItemAcronym {
        font-size: 25px;
        text-align: center;
        width: 100%;
        margin-top: 25px;
        font-weight: bold;
    }

    .instanceItem .instancePartName {
        text-align: center;
        width: 100%;
        margin-top: 5px;
    }

.LiveTemplate .PreviewTableTdDiv .AddPicture {
    background: url(../../Images/NewUI/add_camera.svg) center center no-repeat !important;
    background-size: 25px 25px !important;
    height: 25px;
    width: 25px;
    display: block;
    margin-top: -4px;
    padding: 0px !important;
}

.SmallButton.EditRecord {
    background-size: 25px 25px !important;
    height: 25px !important;
    width: 25px !important;
    padding-top: 10px;
}

/*div.FormElement.LiveTemplate input + label:before {
    background: url(../../Images/NewUI/LightTheme/jniceit/checkbox.svg) no-repeat left top !important;
}*/


/**/

.IONETheme .TopLinks a.logout,
.IONETheme .TopLinks a.logout:hover,
.IONETheme .TopLinks a.logout:active,
.IONETheme .TopLinks a.Logout.Active {
    background: url(../../Images/NewUI/mod_logout.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .TopLinks a.logout,
.IONETheme.LightTheme .TopLinks a.logout:hover,
.IONETheme.LightTheme .TopLinks a.logout:active,
.IONETheme.LightTheme .TopLinks a.Logout.Active {
    background: url(../../Images/NewUI/LightTheme/mod_logout.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .TopLinks a.Calender_new {
    background: url(../../Images/NewUI/op_tb_my-calender_new.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .TopLinks a.Calender_new {
    background: url(../../Images/NewUI/LightTheme/op_tb_my-calender_new.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .TopLinks a.List,
.IONETheme .TopLinks a.List_new,
.IONETheme .TopLinks a.List_active {
    background: url(../../Images/NewUI/op_tb_my-tasks_new.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .TopLinks a.List,
.IONETheme.LightTheme .TopLinks a.List_new,
.IONETheme.LightTheme .TopLinks a.List_active {
    background: url(../../Images/NewUI/LightTheme/op_tb_my-tasks_new.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .TopLinks a.Clock,
.IONETheme .TopLinks a.Clock_new,
.IONETheme .TopLinks a.Clock_active {
    background: url(../../Images/NewUI/op_tb_my-reminder_new.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .TopLinks a.Clock,
.IONETheme.LightTheme .TopLinks a.Clock_new,
.IONETheme.LightTheme .TopLinks a.Clock_active {
    background: url(../../Images/NewUI/LightTheme/op_tb_my-reminder_new.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .TopLinks a.Warning,
.IONETheme .TopLinks a.Warning_new,
.IONETheme .TopLinks a.Warning_active {
    background: url(../../Images/NewUI/op_tb_my-warnings_new.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .TopLinks a.Warning,
.IONETheme.LightTheme .TopLinks a.Warning_new,
.IONETheme.LightTheme .TopLinks a.Warning_active {
    background: url(../../Images/NewUI/LightTheme/op_tb_my-warnings_new.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .TopLinks a.Email,
.IONETheme .TopLinks a.Email_new,
.IONETheme .TopLinks a.Email_active {
    background: url(../../Images/NewUI/op_tb_my-news_new.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme.LightTheme .TopLinks a.Email,
.IONETheme.LightTheme .TopLinks a.Email_new,
.IONETheme.LightTheme .TopLinks a.Email_active {
    background: url(../../Images/NewUI/LightTheme/op_tb_my-news_new.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.SegmentWithCheckbox:not(.SegmentWithCheckbox_Row__0) {
    margin-bottom: 0px;
}

    .SegmentWithCheckbox:not(.SegmentWithCheckbox_Row__0) .ChkBoxCnt.medium {
        margin: 0px;
    }

    .SegmentWithCheckbox:not(.SegmentWithCheckbox_Row__0).FormElementlabelTop .ChkBoxCnt input + label:before {
        margin-top: -10px;
    }

.modal-background {
    /* modal background fixed across whole screen */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* semi-transparent black  */
    background-color: #000;
    opacity: 0.25;
    /* z-index must be below .modal and above everything else  */
    z-index: 900;
}

.UC49121 #Task_Order_Div_Clone {
    overflow-y: auto;
    max-height: calc(100vh - 257px);
}

.PredictiveMaitenanceWithChart .PreviewBox {
    display: inline-block;
    min-width: 330px;
    min-height: 250px;
    max-height: 250px;
    padding: 10px;
    margin: 0 10px 10px 10px;
    background: white;
    float: left;
}

    .PredictiveMaitenanceWithChart .PreviewBox.PumpDetails,
    .PredictiveMaitenanceWithChart .PreviewBox.PieChartBox,
    .PredictiveMaitenanceWithChart .PreviewBox.GaugeChartBox {
        background: transparent;
    }

.LightTheme .PredictiveMaitenanceWithChart .PreviewBox:not(.PumpDetails):not(.PieChartBox):not(.GaugeChartBox) {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
}


.PredictiveMaitenanceWithChart,
.PredictiveMaitenanceWithChart label,
.PredictiveMaitenanceWithChart span,
.LightTheme .PredictiveMaitenanceWithChart .VerticalLabel {
    color: black !important;
}

    .PredictiveMaitenanceWithChart .VerticalLabel {
        color: white !important;
    }

    .PredictiveMaitenanceWithChart .EventBox {
        margin-top: 0px;
    }

    .PredictiveMaitenanceWithChart .Box {
        display: inline-block;
        max-width: 370px;
        min-height: 250px;
    }

    .PredictiveMaitenanceWithChart .EventList,
    .PredictiveMaitenanceWithChart .ChartList {
        text-align: center;
    }

    .PredictiveMaitenanceWithChart .GaugeChartBox {
        height: 200px;
    }

    .PredictiveMaitenanceWithChart .PieChartBox {
        width: 700px;
    }

    .PredictiveMaitenanceWithChart .Box.PieChartBox {
        width: 740px;
        max-width: 740px;
    }

    .PredictiveMaitenanceWithChart .PumpDetails {
    }

    .PredictiveMaitenanceWithChart .PreviewBoxObjectId {
        display: inline-block;
        float: right;
        padding-right: 10px;
        width: 100%;
        text-align: right;
    }

        .PredictiveMaitenanceWithChart .PreviewBoxObjectId span {
            display: inline-block;
            padding: 5px;
            background: white;
        }

.LightTheme .PredictiveMaitenanceWithChart .PreviewBoxObjectId span {
    box-shadow: 0 0px 0px -2px rgba(0,0,0,.2), 0 0px 5px 0 rgba(0,0,0,.12) !important;
}

.PredictiveMaitenanceWithChart .VerticalLabel.fonttbold {
    min-height: 250px;
    padding: 10px;
    margin: 10px;
    display: inline-block;
}

.PredictiveMaitenanceWithChart .prevButton {
    background: url(../../Images/NewUI/op_previous.svg) center center no-repeat;
    background-size: 50px 215px;
    width: 55px;
    height: 365px;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    float: right;
}

.LightTheme .PredictiveMaitenanceWithChart .prevButton {
    background: url(../../Images/NewUI/LightTheme/op_previous.svg) center center no-repeat;
    background-size: 50px 215px;
}

.PredictiveMaitenanceWithChart .nextButton {
    background: url(../../Images/NewUI/op_next.svg) center center no-repeat;
    background-size: 50px 215px;
    width: 55px;
    height: 365px;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    float: left;
}

.LightTheme .PredictiveMaitenanceWithChart .nextButton {
    background: url(../../Images/NewUI/LightTheme/op_next.svg) center center no-repeat;
    background-size: 50px 215px;
}

.PredictiveMaitenanceWithChart .PreviewBox .Border {
    background-color: black;
    display: block;
    width: 100%;
    height: 1px;
}

.PredictiveMaitenanceWithChart .PreviewBox label {
    min-height: 115px;
    text-align: left;
    max-height: 115px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.PredictiveMaitenanceWithChart .OpenURL {
    background: url(../../Images/NewUI/op_openURL.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 10px;
    height: 30px;
    float: right;
    margin-top: -40px;
}

.PredictiveMaitenanceWithChart .DeclineEvent,
.PredictiveMaitenanceWithChart .CreateTask {
    background: url(../../Images/NewUI/LightTheme/op_oth_confirm-cancel.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    float: right;
    padding: 5px;
    cursor: pointer;
}

.PredictiveMaitenanceWithChart .CreateTask {
    background: url(../../Images/NewUI/LightTheme/op_scr_add.svg) center center no-repeat;
    background-size: 30px 30px;
    float: left;
}

.PredictiveMaitenanceWithChart .SelectItem {
    background: url(../../Images/NewUI/op_scr_search-in-text.svg) right+5px center no-repeat;
    background-size: 30px 30px;
    height: 30px;
    cursor: pointer;
    display: inline-block;
    padding-left: 0px;
    padding-top: 10px;
    float: left;
    width: 100%;
    text-align: left;
}

.PredictiveMaitenanceWithChart .ItemName {
    display: inline-block;
    margin-top: 5px;
    color: rgba(0, 169, 112,0.9) !important;
}

.PredictiveMaitenanceWithChart .ObjectId {
    text-align: left;
    display: block;
    margin-bottom: 20px;
    font-size: 13px;
}

.PredictiveMaitenanceWithChart .greenPump,
.PredictiveMaitenanceWithChart .redPump {
    border-radius: 10px;
    height: 20px;
    width: 20px;
    display: block;
}

.PredictiveMaitenanceWithChart .greenPump {
    background-color: #00a970;
}

.PredictiveMaitenanceWithChart .redPump {
    background-color: red;
}

.PredictiveMaitenanceWithChart .PreviewBox.PumpDetails table {
    text-align: left;
}

.PredictiveMaitenanceWithChart .PreviewBox.PieChartBox span,
.PredictiveMaitenanceWithChart .PreviewBox.GaugeChartBox span {
    display: block;
    text-align: left;
}

.PredictiveMaitenanceWithChart .Title {
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 15px;
}

.PredictiveMaitenanceWithChart .PageTitle {
    font-size: 20px;
    text-align: center;
    padding-left: 0px;
}

.PredictiveMaitenanceWithChart .grid .medium {
    text-align: center;
    width: 100% !important;
}

    .PredictiveMaitenanceWithChart .grid .medium .txtbox {
        text-align: center;
    }

.PredictiveMaitenanceWithChart .SucessProbability {
    font-size: 16px;
    font-weight: bold;
    margin-top: 55px;
    display: block;
}

.PredictiveMaitenanceWithChart .SucessProbabilityTitle {
    margin-top: 53px;
    display: block;
}

.PredictiveMaitenanceWithChart .PreviewBox.PumpDetails table tr td {
    vertical-align: middle;
}

.PredictiveMaitenanceWithChart .PreviewBox:not(.GaugeChartBox) svg:first-child {
    display: none;
}

.PredictiveMaitenanceWithChart .PreviewBox:not(.GaugeChartBox) svg:only-child {
    display: initial !important;
}

.PredictiveMaitenanceWithChart .PreviewBox.GaugeChartBox svg circle:first-child {
    fill: transparent;
    stroke: transparent;
}

.PredictiveMaitenanceWithChart .PreviewBox.GaugeChartBox svg circle:nth-child(2) {
    fill: transparent;
}

.PredictiveMaitenanceWithChart .PreviewBox.GaugeChartBox svg g g circle {
    fill: black;
    r: 6;
    stroke: black;
}

.PredictiveMaitenanceWithChart .PreviewBox.GaugeChartBox svg {
    margin-left: 45px;
}

.PredictiveMaitenanceWithChart .hidden {
    display: none;
}

.PredictiveMaitenanceWithChart .PreviewBox.GaugeChartBox svg g g text {
    y: 100;
}

.PredictiveMaitenanceWithChart .PreviewBox.GaugeChartBox svg g g path {
    fill: transparent;
    stroke: black;
}

.IONETheme .EditBottomNavTable .controls {
    /*margin-top: 15px;*/
}

.IONETheme .EditBottomNavTable .controls,
.IONETheme .tp-control-arrow-left,
.IONETheme .tp-control-arrow-right,
.IONETheme .tp-control-arrow-first,
.IONETheme .tp-control-arrow-last {
    height: 60px !important;
}

.PredictiveMaitenanceWithChart .sparePartProposal {
    text-align: left;
    display: block;
    margin-bottom: 10px;
}

.PredictiveMaitenanceWithChart .PumpDetails tr:first-child td:first-child,
.PredictiveMaitenanceWithChart .PumpDetails tr:first-child td:nth-child(2) span {
    margin-top: -10px;
    display: block;
}

.PredictiveMaitenanceWithChart .ChartObjectId {
    margin-top: -15px;
    display: block;
    float: right;
    margin-bottom: 0px;
}

.predictiveMaitenanceImg {
    background: url(../../Images/NewUI/obj_PredictiveMaintenance.svg) left center no-repeat;
    background-size: 100%;
    height: 250px;
    width: 250px;
    position: absolute;
    float: right;
    right: 20px;
    top: 60px;
}

.PredictiveMaitenanceWithChart .grid:first-child {
    padding-left: 0px;
}


.AddressCnt .listItemImg {
    background: url(../../Images/NewUI/obj_listItem.svg) left top no-repeat;
}

.LightTheme .AddressCnt .listItemImg {
    background: url(../../Images/NewUI/LightTheme/obj_listItem.svg) left top no-repeat;
}

.FontIncrese {
    font-size: 15px;
}

.dataChart {
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background: url(../../Images/NewUI/dataGraph.svg) center center no-repeat;
    background-origin: padding-box;
    background-position-x: 50%;
    background-position-y: 50%;
    background-size: 30px 30px;
    cursor: pointer;
    display: inline-block;
    margin-left: 0px;
    margin-right: 0px;
    max-width: 60px;
    min-width: 40px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    vertical-align: top;
    height: 60px;
    width: 40px;
}

.LightTheme .dataChart {
    background: url(../../Images/NewUI/LightTheme/dataGraph.svg) center center no-repeat;
    background-size: 30px 30px;
}

.ForgotPasswordHeader {
    color: white;
    width: 425px;
    margin-left: 25px;
}

.IONETheme .ForgotPasswordHeader {
    color: black;
}

.ForgotPasswordErrorMsg {
    visibility: visible;
    margin: 0 0 20px 0px;
    width: 100%;
    background: rgba(255,191,36,0.9);
    color: #fff;
    text-align: center;
    padding-top: 5px;
    height: 40px;
}

.IONETheme .ForgotPasswordErrorMsg {
    width: 120%;
}

.Scanner .coaDocumentDialog {
    left: 5% !important;
    width: 440px !important;
}

.Scanner .RemoveRow {
    margin-left: -35px;
    margin-top: 5px;
}

.AddressCnt .workPlanImg {
    background: url(../../Images/NewUI/obj_workPlanImg.svg) left top no-repeat;
    background-size: 66px 65px !important;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .workPlanImg {
    background: url(../../Images/NewUI/LightTheme/obj_workPlanImg.svg) left top no-repeat;
    background-size: 66px 65px !important;
}

.AddressCnt .workStepImg {
    background: url(../../Images/NewUI/obj_workStepImg.svg) left top no-repeat;
    background-size: 66px 65px !important;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .workStepImg {
    background: url(../../Images/NewUI/LightTheme/obj_workStepImg.svg) left top no-repeat;
    background-size: 66px 65px !important;
}

a.warehousemanagement {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_warehouseManagement.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.warehousemanagement {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_warehouseManagement.svg) center 20px no-repeat;
}

a.warehousemanagement:hover, a.warehousemanagement:active, a.warehousemanagement.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_warehouseManagement_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.warehousemanagement:hover, .LightTheme a.warehousemanagement:active, .LightTheme a.warehousemanagement.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_warehouseManagement_h.svg) center 20px no-repeat;
}

div.FormElementlabelTop.PinboardBody input[type="checkbox"] {
    position: absolute;
    width: 34px;
    height: 34px;
    cursor: pointer;
}

    div.FormElementlabelTop.PinboardBody input[type="checkbox"] + label {
        background-size: 34px;
        background-image: url(../../Images/NewUI/LightTheme/checkbox_cross.svg);
        padding-bottom: 11px;
        padding-left: 32px;
        background-repeat: no-repeat
    }

tr.padding_bottom_12 td {
    padding-bottom: 12px
}

table.border_bottom {
    border-bottom: 2px solid black;
}

.Scanner .ui-dialog.ui-widget.ui-widget-content.ione-dialog.medium {
    left: 0% !important;
    top: 5% !important;
    width: 100% !important;
    height: 100% !important;
    overflow: auto;
}

.standard .AssignToMeClass {
    height: 27px;
}

.TicketCreate .attachmentList,
ione-attachmentlist .attachmentList {
    margin-left: 0px !important;
    width: calc(100% - 200px);
    overflow: initial;
    white-space: initial;
}

ione-attachmentlist .attachmentList {
    width: calc(100%);
}

.TicketCreate .attachmentList .row .col {
    margin-right: 17px;
}

.addFileNew {
    background: url(../../Images/NewUI/op_scr_addFile.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
    font-size: 0;
    width: 30px;
    height: 30px;
    padding: 0;
    cursor: pointer;
    font-size: 0 !important;
    height: 142px;
    width: 142px;
    border: 1px solid lightgray;
}

.LightTheme .addFileNew {
    background: url(../../Images/NewUI/LightTheme/op_scr_addFile.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.TicketCreate .attachmentList.ShowPreviewIcon a,
ione-attachmentlist .attachmentList.ShowPreviewIcon a {
    background-size: 158px 158px !important;
    width: 158px;
    height: 158px;
}


    .TicketCreate .attachmentList.ShowPreviewIcon a.autoSize,
    ione-attachmentlist .attachmentList.ShowPreviewIcon a.autoSize {
        background-size: 133px 133px !important;
        width: auto !important;
        height: 133px !important;
        margin-top: 20px;
    }

.TicketCreate .attachmentList img,
.TicketCreate .attachmentList iframe,
ione-attachmentlist .attachmentList img,
ione-attachmentlist .attachmentList iframe {
    width: 158px;
    height: 158px;
}

.deleteAttachment {
    background: url(../../Images/NewUI/op_scr_delete-record.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
    font-size: 0;
    width: 160px;
    height: 30px;
    padding: 0;
    cursor: pointer;
    font-size: 0 !important;
}

.LightTheme .deleteAttachment {
    background: url(../../Images/NewUI/LightTheme/op_scr_delete-record.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.FollowUpTicket {
    background: url(../../Images/NewUI/op_scr_FollowUp.svg) center center no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .FollowUpTicket {
    background: url(../../Images/NewUI/LightTheme/op_scr_FollowUp.svg) center center no-repeat;
    background-size: 30px 30px;
}

.OpenLinkedObject {
    background: url(../../Images/NewUI/op_scr_openlinkedObject.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 50px;
    height: 30px;
    display: inline-block;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
}

.LightTheme .OpenLinkedObject {
    background: url(../../Images/NewUI/LightTheme/op_grid_view-edit-dark.svg) center center no-repeat;
    background-size: 30px 30px;
}

.tick {
    background: url(../../Images/NewUI/op_scr_tick.svg) 0px 0px no-repeat !important;
    background-size: 20px 20px !important;
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
}

.High .tick {
    background: url(../../Images/NewUI/op_scr_tick_dark.svg) 0px 0px no-repeat !important;
    background-size: 20px 20px !important;
}

.grid .mediumlarge1 textarea {
    width: 360px !important;
}

.addFileNew.NoBorder {
    border: none;
}

.addFileNew.autoSize {
    margin-top: 20px !important;
    height: 115px;
    width: 115px;
}

label.warehouseOrderLink {
    font-size: 18pt !important;
}

.IONETheme.LightTheme label.warehouseOrderLink:hover,
.IONETheme.DarkTheme label.warehouseOrderLink:hover,
.IONETheme.LightTheme label.warehouseOrderLink.selected,
.IONETheme.DarkTheme label.warehouseOrderLink.selected {
    cursor: pointer;
    color: rgba(0, 169, 112,1) !important;
}

.addManualItem {
    background: url(../../Images/NewUI/op_scr_AddItemManually.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
    cursor: pointer;
}

.LightTheme .addManualItem {
    background: url(../../Images/NewUI/LightTheme/op_scr_AddItemManually.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme .MySettings {
    background: url(../../Images/NewUI/settings.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 60px;
    height: 41px;
    float: right;
}

.IONETheme.LightTheme .MySettings {
    background: url(../../Images/NewUI/LightTheme/settings.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme .ChangePin {
    background: url(../../Images/NewUI/changepin.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme.LightTheme .ChangePin {
    background: url(../../Images/NewUI/LightTheme/changepin.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme .UserEdit {
    background: url(../../Images/NewUI/useredit.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme.LightTheme .UserEdit {
    background: url(../../Images/NewUI/LightTheme/useredit.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme .MySettingsDiv {
    top: 50px;
    position: absolute;
    right: -15px;
    width: 75px;
    z-index: 100001;
}

    .IONETheme .MySettingsDiv table.display {
        width: initial;
    }

        .IONETheme .MySettingsDiv table.display td {
            vertical-align: middle;
            padding-right: 12px;
        }

    .IONETheme .MySettingsDiv a {
        width: 30px;
        height: 30px;
    }

.grid label.AlignToTextBoxWithoutLabel {
    margin-top: 7px !important;
    display: inline-block !important;
}

div.FormElement input.topAligned + label.AlignToTextBoxWithoutLabel:before {
    margin-top: -2px !important;
}

.IONETheme a.ButtonLink {
    background-color: transparent !important;
    border: 3px solid #00a970;
    cursor: pointer;
}

input.ButtonLinkGreen {
    font-size: 12px;
    border: white 2px solid;
    width: 100px !important;
    height: 30px !important;
    padding: 0px !important;
    line-height: 24px !important;
    text-align: center;
    background: #5FD35F;
    display: block;
    color: black;
    cursor: pointer;
}

a.ButtonLinkGreen {
    font-size: 12px;
    border: white 2px solid;
    width: 100px !important;
    height: 24px !important;
    padding: 0px !important;
    line-height: 24px !important;
    text-align: center;
    background: #5FD35F;
    display: block;
    color: black;
    cursor: pointer;
}

input.ButtonLink {
    font-size: 12px;
    border: white 3px solid;
    width: 100px !important;
    height: 30px !important;
    padding: 0px !important;
    line-height: 24px !important;
    text-align: center;
    background: grey;
    display: block;
    color: black;
    cursor: pointer;
}

.ButtonLink.autoWidthButton, .ButtonLinkGreen.autoWidthButton {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

.ButtonLink.Thick, .ButtonLinkGreen.Thick {
    height: 35px !important;
    line-height: 35px !important;
}

.ButtonLink.Thin, .ButtonLinkGreen.Thin {
    height: 18px !important;
    line-height: 18px !important;
}

.IONETheme .SearchPanelTopImg {
    background: url(../../Images/NewUI/op_src_search.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme.LightTheme .SearchPanelTopImg {
    background: url(../../Images/NewUI/LightTheme/op_src_search.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme .ListTopButtonPanel {
    width: 125px;
}

    .IONETheme .ListTopButtonPanel a {
        height: 60px;
        display: inline-block;
        min-width: 40px;
        cursor: pointer;
        font-size: 0px;
        padding: 0 10px 0 10px;
        float: right;
    }

.IONETheme .ListColumnSettingPanel, .IONETheme .SearchColumnSettingPanel {
    top: 165px;
    position: absolute;
    right: 70px;
    background: rgb(244, 244, 244) !important;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
}

.IONETheme .SearchColumnSettingPanel {
    right: 120px;
    background: rgba(255,255,255,1) !important;
}

.IONETheme .SearchPanelFixedHeight {
    height: 550px;
    width: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.badge1 {
    position: relative;
}

    .badge1[data-badge]:after {
        content: attr(data-badge);
        position: absolute;
        top: 0px;
        left: -20px;
        font-size: 11px;
        background: #00a970;
        color: white;
        width: 16px;
        height: 16px;
        text-align: center;
        line-height: 16px;
        border-radius: 50%;
    }

.ShowAttachment {
    background: url(../../Images/NewUI/op_scr_showAttachment.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
}

.LightTheme .ShowAttachment {
    background: url(../../Images/NewUI/LightTheme/op_scr_showAttachment.svg) center center no-repeat;
    background-size: 30px 30px;
}

.RedImg {
    background: url(../../Images/NewUI/red.svg) left top no-repeat;
    background-size: 30px 30px !important;
    width: 30px;
    height: 30px;
}

.YellowImg {
    background: url(../../Images/NewUI/yellow.svg) left top no-repeat;
    background-size: 30px 30px !important;
    width: 30px;
    height: 30px;
}

.GreenImg {
    background: url(../../Images/NewUI/green.svg) left top no-repeat;
    background-size: 30px 30px !important;
    width: 30px;
    height: 30px;
}

/*KEEP THIS FOR HVS*/
/*Start*/
.UC49108.IONETheme body,
.UC49108.IONETheme.LoginPage,
.UC49108.IONETheme .Language,
.UC49108.IONETheme a.ForgotPassword,
.UC49108.IONETheme .ListDataCnt:not(.LiveTemplate),
.UC49108.IONETheme input,
.UC49108.IONETheme select,
.UC49108.IONETheme textarea:not(.AutoExpandable),
.UC49108.IONETheme .ui-dialog,
.UC49108.IONETheme .DashboardBox a,
.UC49108.IONETheme .BreadCrumb,
.UC49108.IONETheme .TopMenuNav .MenuCol ul li a.AddLink,
.UC49108.IONETheme .TopLinks a span,
.UC49108.IONETheme .NewDashboardBox .tile,
.UC49108.IONETheme .MyNews a,
.UC49108.IONETheme .MyReminderTask a,
.UC49108.IONETheme .MyCalender a,
.UC49108.IONETheme .MyTask a,
.UC49108.IONETheme .MyWarning a,
.UC49108.IONETheme #chk-dropdown .dropdown li a,
.UC49108.IONETheme .BasicFontStyle,
.UC49108.IONETheme input.editSavePopup,
.UC49108.IONETheme .AddressCnt,
.UC49108.IONETheme .SearchFormCnt input.BtnSearch,
.UC49108.IONETheme .ui-dialog-titlebar span,
.UC49108.IONETheme .SearchFormCnt input.BtnSearch,
.UC49108.IONETheme .SearchFieldRow table tr td,
.UC49108.IONETheme .SearchFieldUp,
.UC49108.IONETheme .SearchFieldDown,
.UC49108.IONETheme input.editSaveSearchFieldPopup,
.UC49108.IONETheme .defaultSearch,
.UC49108.IONETheme .tabs,
.UC49108.IONETheme .CalenderTile .ui-datepicker table,
.UC49108.IONETheme #ui_notifIt p,
.UC49108.IONETheme .notifit_confirm *,
.UC49108.IONETheme .dialogBaseCostActuals .Bars.Actuals pre,
.UC49108.IONETheme .dialogBaseCostActuals .Bars.ActualEstimated pre,
.UC49108.IONETheme h1,
.UC49108.IONETheme .msgBox .alert p,
.UC49108.IONETheme .payment tbody tr td .small,
.UC49108.IONETheme .paymentTitle td,
.UC49108.IONETheme legend,
.UC49108.IONETheme .AngularApp .gantt_tooltip,
.UC49108.IONETheme .AngularApp .gantt_tooltip pre,
.UC49108.IONETheme .savecolumns .row, .savecolumnsForPopup .row,
.UC49108.IONETheme .dialogIoneVersion,
.UC49108.IONETheme .NewsSection .NewsTitle,
.UC49108.IONETheme .LinkedObject .TitleArrow,
.UC49108.IONETheme .LinkedPopup .TitleArrow,
.UC49108.IONETheme .ConfirmBooking .EditBottomNavNew a,
.UC49108.IONETheme .DeleteBooking .EditBottomNavNew a,
.UC49108.IONETheme .bar p,
.UC49108.IONETheme .RM .tooltip,
.UC49108.IONETheme .DoneExportTemplate,
.UC49108.IONETheme .ui-jqgrid .ui-jqgrid-htable th div,
.UC49108.IONETheme .ui-jqgrid tr.ui-row-ltr td,
.UC49108.IONETheme .LoginForm input,
.UC49108.IONETheme .MrgnBtm10Preceding .BtnDelete,
.UC49108.IONETheme ul.PlusList li,
.UC49108.IONETheme .CancelPopup {
    font-family: Roboto,"Helvetica Neue",sans-serif !important;
}

.UC49108.IONETheme.LightTheme body,
.UC49108.IONETheme.LoginPage,
.UC49108.IONETheme.LightTheme .Language,
.UC49108.IONETheme.LightTheme a.ForgotPassword,
.UC49108.IONETheme.LightTheme .ListDataCnt:not(.LiveTemplate),
.UC49108.IONETheme.LightTheme input,
.UC49108.IONETheme.LightTheme select,
.UC49108.IONETheme.LightTheme textarea:not(.AutoExpandable),
.UC49108.IONETheme.LightTheme .ui-dialog,
.UC49108.IONETheme.LightTheme .DashboardBox a,
.UC49108.IONETheme.LightTheme .BreadCrumb,
.UC49108.IONETheme.LightTheme .TopMenuNav .MenuCol ul li a.AddLink,
.UC49108.IONETheme.LightTheme .TopLinks a span,
.UC49108.IONETheme.LightTheme .NewDashboardBox .tile,
.UC49108.IONETheme.LightTheme .MyNews a,
.UC49108.IONETheme.LightTheme .MyReminderTask a,
.UC49108.IONETheme.LightTheme .MyCalender a,
.UC49108.IONETheme.LightTheme .MyTask a,
.UC49108.IONETheme.LightTheme .MyWarning a,
.UC49108.IONETheme.LightTheme #chk-dropdown .dropdown li a,
.UC49108.IONETheme.LightTheme .BasicFontStyle,
.UC49108.IONETheme.LightTheme input.editSavePopup,
.UC49108.IONETheme.LightTheme .AddressCnt,
.UC49108.IONETheme.LightTheme .SearchFormCnt input.BtnSearch,
.UC49108.IONETheme.LightTheme .ui-dialog-titlebar span,
.UC49108.IONETheme.LightTheme .SearchFormCnt input.BtnSearch,
.UC49108.IONETheme.LightTheme .SearchFieldRow table tr td,
.UC49108.IONETheme.LightTheme .SearchFieldUp,
.UC49108.IONETheme.LightTheme .SearchFieldDown,
.UC49108.IONETheme.LightTheme input.editSaveSearchFieldPopup,
.UC49108.IONETheme.LightTheme .defaultSearch,
.UC49108.IONETheme.LightTheme .tabs,
.UC49108.IONETheme.LightTheme .CalenderTile .ui-datepicker table,
.UC49108.IONETheme.LightTheme #ui_notifIt p,
.UC49108.IONETheme.LightTheme .notifit_confirm *,
.UC49108.IONETheme.LightTheme .dialogBaseCostActuals .Bars.Actuals pre,
.UC49108.IONETheme.LightTheme .dialogBaseCostActuals .Bars.ActualEstimated pre,
.UC49108.IONETheme.LightTheme h1,
.UC49108.IONETheme.LightTheme .msgBox .alert p,
.UC49108.IONETheme.LightTheme .payment tbody tr td .small,
.UC49108.IONETheme.LightTheme .paymentTitle td,
.UC49108.IONETheme.LightTheme legend,
.UC49108.IONETheme.LightTheme .AngularApp .gantt_tooltip,
.UC49108.IONETheme.LightTheme .AngularApp .gantt_tooltip pre,
.UC49108.IONETheme.LightTheme .savecolumns .row, .savecolumnsForPopup .row,
.UC49108.IONETheme.LightTheme .dialogIoneVersion,
.UC49108.IONETheme.LightTheme .NewsSection .NewsTitle,
.UC49108.IONETheme.LightTheme .LinkedObject .TitleArrow,
.UC49108.IONETheme.LightTheme .LinkedPopup .TitleArrow,
.UC49108.IONETheme.LightTheme .ConfirmBooking .EditBottomNavNew a,
.UC49108.IONETheme.LightTheme .DeleteBooking .EditBottomNavNew a,
.UC49108.IONETheme.LightTheme .bar p,
.UC49108.IONETheme.LightTheme .RM .tooltip,
.UC49108.IONETheme.LightTheme .DoneExportTemplate,
.UC49108.IONETheme.LightTheme .ui-jqgrid .ui-jqgrid-htable th div,
.UC49108.IONETheme.LightTheme .ui-jqgrid tr.ui-row-ltr td,
.UC49108.IONETheme.LightTheme .LoginForm input,
.UC49108.IONETheme.LightTheme .MrgnBtm10Preceding .BtnDelete,
.UC49108.IONETheme.LightTheme ul.PlusList li,
.UC49108.IONETheme.LightTheme .CancelPopup,
.UC49108.IONETheme.LightTheme .grid label,
.UC49108.IONETheme.LightTheme .PageTitle,
.UC49108.IONETheme.LightTheme tabs .tabHeader li,
.UC49108.IONETheme.LightTheme .ui-tabs .ui-tabs-nav li a,
.UC49108.IONETheme.LightTheme table.display td p,
.UC49108.IONETheme.LightTheme table.display td .Datatable_Notes,
.UC49108.IONETheme.LightTheme .ui-jqgrid table td .Datatable_Notes,
.UC49108.IONETheme.LightTheme table.display thead th p,
.UC49108.IONETheme.LightTheme .ListDataCnt,
.UC49108.IONETheme.LightTheme a,
.UC49108.IONETheme.LightTheme.IONETheme .ui-widget-content a,
.UC49108.IONETheme.LightTheme .SearchFormCnt label,
.UC49108.IONETheme.LightTheme .dataTables_info,
.UC49108.IONETheme.LightTheme .defaultSearch,
.UC49108.IONETheme.LightTheme .savecolumns p,
.UC49108.IONETheme.LightTheme .savecolumnsForPopup p,
.UC49108.IONETheme.LightTheme .SearchFieldRow table tr td,
.UC49108.IONETheme.LightTheme .ui-dialog-titlebar span,
.UC49108.IONETheme.LightTheme .PrintObjectDiv td,
.UC49108.IONETheme.LightTheme .QuotationSettingsTab .ui-dialog-titlebar.Title span,
.UC49108.IONETheme.LightTheme .CommonSettingsTab .ui-dialog-titlebar.Title span,
.UC49108.IONETheme.LightTheme .OrderSettingsTab .Title,
.UC49108.IONETheme.LightTheme .QuotationSettingsTab .Title,
.UC49108.IONETheme.LightTheme .CommonSettingsTab .Title,
.UC49108.LightTheme .grid .Address_Style {
    color: black !important;
}

.UC49108.IONETheme body,
.UC49108.IONETheme.LoginPage,
.UC49108.IONETheme .Language,
.UC49108.IONETheme a.ForgotPassword,
.UC49108.IONETheme .ListDataCnt,
.UC49108.IONETheme input[type="text"],
.UC49108.IONETheme select,
.UC49108.IONETheme textarea:not(.AutoExpandable),
.UC49108.IONETheme .ui-dialog,
.UC49108.IONETheme .DashboardBox a,
.UC49108.IONETheme .BreadCrumb,
.UC49108.IONETheme .TopMenuNav .MenuCol ul li a.AddLink,
.UC49108 .adjustColumn, .RhsOrderItem th,
.UC49108.IONETheme .ui-dialog-titlebar span,
.UC49108 .tabs,
.UC49108.IONETheme .ui-tabs .ui-tabs-nav li a, .IONETheme tabs .tabHeader li div,
.UC49108 .collapseAll,
.UC49108 .expandAll,
.UC49108 .DetailAccordianCnt .AccTitle span,
.UC49108.IONETheme .mat-tab-label,
.UC49108.IONETheme .mat-tab-link {
    font-size: 16px !important;
}

.UC49108.IONETheme .ui-tabs .ui-tabs-nav li a,
.UC49108.IONETheme tabs .tabHeader li div,
.UC49108 .collapseAll,
.UC49108 .expandAll,
.UC49108 .DetailAccordianCnt .AccTitle span,
.UC49108.IONETheme .mat-tab-label,
.UC49108.IONETheme .mat-tab-link {
    font-weight: bold;
}

.UC49108.IONETheme .mat-tab-label,
.UC49108.IONETheme .mat-tab-link {
    opacity: 1;
}

.UC49108 .TopMenuNav .MenuCol h2,
.UC49108 .grid .Address_Style {
    font-size: 20px;
    font-weight: bold;
}

.UC49108 .PageTitle {
    font-size: 24px;
    font-weight: bold;
}

.UC49108.IONETheme .ui-tabs .ui-tabs-nav li.ui-state-active,
.UC49108.IONETheme tabs .tabHeader li.active {
    height: 34px;
}

.UC49108 .FLeft .fonttbold,
.UC49108 .FRight .fonttbold {
    font-weight: normal !important;
}

/*End*/
/*KEEP THIS FOR HVS*/

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

.CheckboxCenterAlignBottomText:before {
    background-position: center top !important;
    width: 125px !important;
}

input[name='IsIOneCoreFeature']:checked + .CheckboxCenterAlignBottomText:before {
    background-position: center bottom !important;
}

input[name='IsIOneCoreFeature'] {
    width: 125px !important;
}


.LiveTemplate .AddRowBlack {
    cursor: pointer;
    padding-bottom: 0px;
    background: url(../../Images/NewUI/op_oth_add_green.svg) center center no-repeat;
    background-size: 30px 30px !important;
    border: 0 none;
    cursor: pointer;
    max-width: 55px;
    height: 30px;
    display: inline-block;
    min-width: 30px;
    vertical-align: top;
    position: static;
}

.BDE.CenteredAlign {
    top: 50%;
    left: 50%;
    display: inline-block;
    position: fixed;
    font-size: 25px;
    margin-left: -200px;
    margin-top: -50px;
}

    .BDE.CenteredAlign.Authenticate {
        margin-left: -200px;
        margin-top: -50px;
    }

    .BDE.CenteredAlign.PinAuthenticate {
        margin-left: -200px;
        margin-top: -215px;
    }

.BDE.Authenticate select {
    font-size: 25px !important;
    border: none;
    width: 300px;
    text-align: center;
    text-align-last: center;
    height: 50px;
}

.BDE.Authenticate .grid label {
    color: #00a970 !important;
    width: 300px;
    text-align: center;
}

.BDE.CenteredAlign.PinAuthenticate label {
    width: 400px;
    text-align: center;
    display: block;
}

.BDE.CenteredAlign.PinAuthenticate .multiAuthBox {
    width: 400px !important;
}

.BDE.CenteredAlign.PinAuthenticate .ResetUserPin {
    width: 100% !important;
    display: block;
    max-width: inherit;
}

.BDE.CenteredAlign.PinAuthenticate .multiAuth > a {
    margin: 0 6px;
}

.boldFont {
    font-weight: bold !important;
}

.LightTheme .SelectedTask table {
    border: 2px solid black;
    border-radius: 10px;
}

.SelectedTask table {
    border: 2px solid white;
    border-radius: 10px;
}

    .SelectedTask table td {
        border: none;
    }

.BDE.buttonTable td {
    vertical-align: bottom;
}

.BDE.buttonTable .Option.Defect {
    background: rgb(254,128,129);
}

.BDE.buttonTable .Defect {
    background: rgb(237,27,36);
}

.BDE.buttonTable .Option {
    margin-bottom: 5px !important;
    background: rgb(239,227,175);
}

.counterTable td {
    font-size: 50px;
    text-align: center;
    vertical-align: middle;
    border: 2px solid black;
    border-radius: 10px;
}

.BDE .SelectedTask {
    position: fixed;
}

.BDE h2.approved {
    color: rgb(0,169,112);
}

.BDE h2.defect {
    color: rgb(237,27,36);
}

div.FormElement input + label.Greenbox:before {
    content: " ";
    background: url(../../Images/NewUI/jniceit/checkbox-green.svg) no-repeat left top;
    background-size: 30px 60px;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    z-index: 5;
}

.LightTheme div.FormElement input + label.Greenbox:before, div.FormElement input + label.New.Greenbox:before {
    background: url(../../Images/NewUI/LightTheme/jniceit/checkbox-green.svg) no-repeat left top;
    background-size: 30px 60px;
}

div.FormElement input[type="checkbox"]:checked + label.Greenbox:before {
    background-position: left bottom;
}

div.FormElement input + label.Bluebox:before {
    content: " ";
    background: url(../../Images/NewUI/jniceit/checkbox-blue.svg) no-repeat left top;
    background-size: 30px 60px;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    z-index: 5;
}

.LightTheme div.FormElement input + label.Bluebox:before, div.FormElement input + label.New.Bluebox:before {
    background: url(../../Images/NewUI/LightTheme/jniceit/checkbox-blue.svg) no-repeat left top;
    background-size: 30px 60px;
}

div.FormElement input[type="checkbox"]:checked + label.Bluebox:before {
    background-position: left bottom;
}

.NewsChat .NewsChatMessageTable {
    padding-right: 0px;
}


.IONETheme.LightTheme .NewsChat .searchbox .NewsChatMessageTable a.searchbtn.NewsChatSearchLinkedObject.,
.IONETheme.LightTheme .NewsChat .searchbox .NewsChatMessageTable a.searchbtn.NewsChatSearchLinkedObject:hover {
    background: url(../../Images/NewUI/LightTheme/op_scr_search-in-text.svg) right no-repeat !important;
    background-size: 25px 25px !important;
}

.IONETheme .NewsChat .searchbox .NewsChatMessageTable a.searchbtn.NewsChatSearchLinkedObject,
.IONETheme .NewsChat .searchbox .NewsChatMessageTable a.searchbtn.NewsChatSearchLinkedObject:hover {
    background: url(../../Images/NewUI/op_scr_search-in-text.svg) right no-repeat !important;
    background-size: 25px 25px !important;
}

.MarginTop20 {
    margin-top: 20px;
}

.MarginTopMinus15 {
    margin-top: -15px !important;
}

.ModuleSelectionOrderTemplate .grid .col {
    margin-bottom: 5px;
}

/* Keeping this for Revert Changes Start */
.IONETheme .TopMenuNav .MenuCol .AddData.GroupMenu,
.IONETheme .TopMenuNav .MenuCol .RemoveData.GroupMenu {
    padding-top: 0px;
}

.IONETheme .groupMenu.txtbox {
    margin: 0 20px 10px -20px;
}
/* Keeping this for Revert Changes End */
.mat-tab-body-content {
    overflow: hidden !important;
}

.ngui-auto-complete > ul {
    overflow: auto;
    height: 180px;
    width: auto;
    min-width: 335px !important;
}

.infiniteScrollClass {
    overflow: auto;
    height: 180px;
    width: auto;
    min-width: 335px !important;
}

.mat-form-field .infiniteScrollClass {
    overflow: auto;
    height: 400px;
    z-index: 10000;
    min-width: 335px !important;
}

.ui-jqgrid .ui-jqgrid-htable thead th:first-child, .ui-jqgrid .ui-jqgrid-btable td:first-child {
    padding-left: 20px !important;
}

.IONETheme .bar, .IONETheme .bar div, .IONETheme .timeDisplay {
    margin-right: 1px;
}

.Preview input[type="text"].price {
    max-width: 80px !important;
}

.paddingLeft39 {
    padding-left: 39px !important;
}
/* A4 Size Live Template related section */
/*.PreviewTable .PreviewTableTdDiv.A4Size {
    width: 800px;
}

.PreviewTableTdDiv.A4Size .demo {
    height: 954px;
    margin-top: 95px;
    margin-bottom: 75px;
}

.A4Size .Preview {
    margin:0px;
    width:inherit;
}

    .A4Size .Preview .PreviewDiv {
        margin-left: 95px;
        margin-right: 75px;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 630px;        
    }

.A4Size #itemSection {
    margin-left: 60px;
    margin-right: 40px;
    width: 700px;    
}*/
.A4Size .Preview .PreviewDiv {
    margin: 24px 24px 24px 46px;
}

.IONETheme.LightTheme .PreviewTableTdDiv.A4SizeGreen .AddNewRowItem {
    background: url(../../Images/NewUI/op_oth_add_green.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
    padding-top: 20px !important;
}

div.FormElement .PreviewTable .A4SizeGreen .ChkBoxCnt.New input + label:before {
    background: url(../../Images/NewUI/LightTheme/jniceit/checkbox-green.svg) no-repeat left top;
    background-size: 30px 60px;
}

div.FormElement .PreviewTable .A4SizeGreen .ChkBoxCnt.New input:checked + label:before {
    background: url(../../Images/NewUI/LightTheme/jniceit/checkbox-green.svg) no-repeat left bottom;
    background-size: 30px 60px;
}

.IONETheme .Wrapper .EditBottomNavTable.NewUIQuotationLiveBottom.A4Size, .IONETheme .Wrapper .EditBottomNavTable.NewUIQuotationLiveBottom.A4Size.MainSearchCollapsed {
    margin-left: -6px;
}
/*.IONETheme .EditBottomNav.NewUIQuotationLive.A4Size {
    width: 780px !important;
}*/
/* A4 Size Live Template related section end*/
.paddingTop50 {
    padding-top: 50px !important;
}

.IONETheme .TopLinkHint,
.IONETheme .MySettings,
.IONETheme .MainFrameSearchPanel.AtTopLink,
.TopLinkHint,
.MySettings,
.MainFrameSearchPanel.AtTopLink {
    display: none !important;
}

.pinPatternLabel {
    width: 100%;
    text-align: center;
    display: block;
}



/* Split Dropdown Button */
/* http://w3schools-fa.ir/howto/howto_css_button_split.html  */

.autoCompleteLink {
    color: #000 !important;
}

.autoCompleteLinkOnly {
    color: #000 !important;
    /*font-size: inherit !important;
    font-family: inherit !important;*/
}

.autoCompleteLink:hover {
    text-decoration: underline;
    cursor: pointer;
}

.splitButton {
    background-color: white;
    color: black !important;
    height: 28px !important;
    line-height: 28px !important;
    /*border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;*/
    border: 1px solid #00a970; /* Green */
    border-right: 0px none;
    z-index: 9999;
    position: absolute;
    display: block;
    /*top: 21px;
    right: -55px;*/
    vertical-align: middle;
    padding: 0px;
    width: 75px;
    text-align: center;
    cursor: pointer;
    float: left;
}

.rightSplitButton {
    border-left: none;
    height: 28px !important;
    line-height: 28px !important;
    /*border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;*/
    position: absolute;
    border-left: 0px none;
    border-right: 1px solid #00a970 !important; /* Green */
    /*top: -30px;
    right: -347px;*/
    padding: 0px;
    width: 32px;
    text-align: center;
    cursor: pointer;
    background-image: url("../../Images/NewUI/op_ctrl_pull-down.png");
    background-position: 70% 50%;
    background-repeat: no-repeat;
    display: block;
    float: right;
    right: 2px;
}
/* The container <div> - needed to position the dropdown content */
.splitDropdown {
    font-style: inherit;
    /*position: absolute;*/
    display: block;
    float: right
}
/* Dropdown Content (Hidden by Default) */
.splitDropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 150px;
    z-index: 99999;
    /*border-radius: 6px;*/
    border: 1px solid rgba(156,158,159,0.3); /* Green */
    border: 1px solid rgba(156,158,159,0.3); /* Green */
    top: 28px;
    right: -44px;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
    padding: 8px 1px;
}

.LightTheme .splitDropdown-content {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
}

/* Links inside the dropdown */
.splitDropdown-content a {
    color: black;
    padding: 10px 10px;
    text-decoration: none;
    display: block;
    border: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

    .splitDropdown-content a:last-child {
        border: 1px solid transparent;
    }
    /* Change color of dropdown links on hover */
    .splitDropdown-content a:hover {
        cursor: pointer;
        /*box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;*/
        /*background-color: rgba(156,158,159,0.3) !important;*/
        background-color: #ededed !important;
        border-color: transparent !important;
    }

/* Show the dropdown menu on hover */
.splitDropdown:hover .splitDropdown-content {
    display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.splitButton:hover, .splitDropdown:hover .splitButton {
    /*background-color: rgba(156,158,159,0.3) !important;*/
    background-color: #ededed !important;
}

.splitButtonContainer {
    background-color: white;
    display: none;
    width: 110px;
    top: 0;
    right: -90px;
    position: absolute;
}

    .splitButtonContainer .rightZero {
        right: 0px !important;
    }

div:hover > .searchbox > .splitButtonContainer {
    display: block;
}

div.searchbox:hover .splitButtonContainer {
    display: block;
}

.displayNone {
    display: none !important;
}

.monitoring table td center {
    color: black;
}

.wrapSplitButton {
    top: 30px !important;
    right: 60px !important;
}

#BackgroundProcessTable a {
    display: block;
}

.InLineEditRecord1 {
    position: absolute;
    /*-moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;*/
    border: none;
    border-left: 0 none;
    margin: 0px !important;
    right: -3px;
    height: 30px;
    background-position: 0px 2px;
    background-color: #ffffff !important;
    top: 0;
}

.EditObjectLink.EditObjectCustomerPaymentConditionLink, .EditObjectLink.EditObjectSupplierPaymentConditionLink, .EditObjectLink.EditObjectTaxCodeLink {
    margin-top: 20px !important;
}

.tablet .EditObjectLink.EditObjectCustomerPaymentConditionLink,
.tablet .EditObjectLink.EditObjectSupplierPaymentConditionLink,
.tablet .EditObjectLink.EditObjectTaxCodeLink {
    margin-top: 22px !important;
}

.grid .smallest.AddNewObjectDiv {
    margin-top: 20px;
}

.sendObject {
    background: url(../../Images/NewUI/sent.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .sendObject {
    background: url(../../Images/NewUI/LightTheme/sent.svg) center center no-repeat;
    background-size: 30px 30px;
}

.AddressCnt .ExportRoutineImg {
    background: url(../../Images/NewUI/obj_ExportRoutineImg.svg) left top no-repeat;
}

.LightTheme .AddressCnt .ExportRoutineImg {
    background: url(../../Images/NewUI/LightTheme/obj_ExportRoutineImg.svg) left top no-repeat;
}

.txtbox.passwordTxtBox,
.TextBox.passwordTxtBox {
    text-security: disc;
    -webkit-text-security: disc;
    -mox-text-security: disc;
}

.UseOfPlaceOfPerformance {
    width: calc(100% - 110px);
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.searchPopupDialog.SelectDataFieldDialog {
    width: 420px;
    left: calc(50% - 210px);
}

.LiveTemplate.DocumentLiveTemplate .MatSearchIcon {
    background: url(../../Images/NewUI/op_scr_search-in-text_green.svg) right no-repeat !important;
    background-size: 25px 25px !important;
    font-size: 0 !important;
    height: 25px !important;
    width: 25px !important;
    transform: none;
}

.LiveTemplate.DocumentLiveTemplate .mat-checkbox-frame {
    border-color: #00a970 !important;
}

.LiveTemplate.DocumentLiveTemplate .mat-select-arrow {
    color: #00a970 !important;
}


.WorkspaceSideBarMenu {
    position: absolute;
    z-index: 999;
    left: 133px;
    margin-top: 20px;
    background: rgb(51, 51, 51) !important;
}

.LightTheme .WorkspaceSideBarMenu {
    background: rgb(244, 244, 244) !important;
}

.WorkspaceSideBarMenu .mat-tree,
.WorkspaceSideBarMenu .matTree {
    background: none;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
    min-height: 570px;
    overflow-y: auto;
    padding-right: 20px;
}

.ExpandBarButton.ExpandBarButtonCollapse.CollapseWorkspaceMenu {
    float: right;
    top: -10px;
    display: inline-block;
    position: absolute;
    margin-left: 0;
    margin-top: 0px;
}

.matTree {
    padding-right: 10px;
    display: inline-block !important;
}

    .matTree .ListLink {
        width: 160px;
        display: block;
        float: left;
        height: 40px;
        line-height: 40px;
        padding-left: 5px;
        padding-right: 5px;
        border-right: 2.5px solid transparent;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

.LightTheme .matTree .ListLink {
    background-color: white;
    border-right: 2.5px solid rgb(244,244,244);
}

.matTree .ListLink.NoAddLink {
    width: 205px;
}

.matTree .ListLink:hover {
    background-color: rgba(0, 169, 112,1);
    color: white;
}

.matTree .AddLink {
    background: url(../../Images/NewUI/op_oth_add-create-new-black.svg) center center no-repeat;
    background-size: 30px 30px !important;
    height: 40px;
    width: 40px;
    float: right;
    display: inline-block;
    cursor: pointer;
}

.matTree.EditMode .AddLink {
    width: 30px;
    height: 30px;
    margin-top: 10px;
    margin-right: 30px;
}

.matTree.EditMode .small + .AddLink {
    margin-top: 5px;
}

.matTree .RemoveLink {
    background: url(../../Images/NewUI/op_oth_add-create-new-black.svg) center center no-repeat;
    background-size: 30px 30px !important;
    height: 30px;
    width: 30px;
    float: right;
    display: inline-block;
    cursor: pointer;
    margin-top: 5px;
}

.matTree .draggableMenu {
    height: 17px;
    width: 25px;
    float: right;
    right: 30px;
    display: inline-block;
    cursor: move !important;
    margin-top: 13px;
    margin-left: 5px;
    background-color: gray;
}

.matTree .RemoveLink {
    background: url(../../Images/NewUI/LightTheme/op_oth_remove-new.svg) center center no-repeat;
    background-size: 30px 30px !important;
}

.matTree.EditMode .AddLink {
    background: url(../../Images/NewUI/op_scr_add_menu.svg) center center no-repeat;
    background-size: 30px 30px !important;
}

.matTree.EditMode .RemoveLink {
    background: url(../../Images/NewUI/op_scr_remove_menu.svg) center center no-repeat;
    background-size: 30px 30px !important;
}

.matTree.EditMode .AddLink:hover {
    background: url(../../Images/NewUI/op_scr_add_menu_green.svg) center center no-repeat;
    background-size: 30px 30px !important;
}

.matTree.EditMode .RemoveLink:hover {
    background: url(../../Images/NewUI/op_scr_remove_menu_green.svg) center center no-repeat;
    background-size: 30px 30px !important;
}

.LightTheme .matTree.EditMode .AddLink {
    background: url(../../Images/NewUI/LightTheme/op_scr_add_menu.svg) center center no-repeat;
    background-size: 30px 30px !important;
}

.LightTheme .matTree.EditMode .RemoveLink {
    background: url(../../Images/NewUI/LightTheme/op_scr_remove_menu.svg) center center no-repeat;
    background-size: 30px 30px !important;
}

.LightTheme .matTree.EditMode .AddLink:hover {
    background: url(../../Images/NewUI/LightTheme/op_scr_add_menu_green.svg) center center no-repeat;
    background-size: 30px 30px !important;
}

.LightTheme .matTree.EditMode .RemoveLink:hover {
    background: url(../../Images/NewUI/LightTheme/op_scr_remove_menu_green.svg) center center no-repeat;
    background-size: 30px 30px !important;
}

.WorkspaceSetting {
    background: url(../../Images/NewUI/op_scr_open_settings.svg) center center no-repeat;
    background-size: 30px 30px !important;
    height: 30px;
    width: 30px;
    float: right;
    right: 5px;
    position: absolute;
    top: 5px;
    cursor: pointer;
}

    .WorkspaceSetting:not(.Save) {
        margin-top: -14px !important;
    }

    .WorkspaceSetting:hover {
        background: url(../../Images/NewUI/settings_green.svg) center center no-repeat;
        background-size: 30px 30px !important;
    }

    .WorkspaceSetting:not(.Save) {
        right: 0px;
        top: 0px;
    }

.LightTheme .WorkspaceSetting {
    background: url(../../Images/NewUI/LightTheme/op_scr_open_settings.svg) center center no-repeat;
    background-size: 30px 30px !important;
}

    .LightTheme .WorkspaceSetting:hover {
        background: url(../../Images/NewUI/LightTheme/settings_green.svg) center center no-repeat;
        background-size: 30px 30px !important;
    }

.WorkspaceSetting.Save {
    background: url(../../Images/NewUI/op_scr_save.svg) center center no-repeat;
    background-size: 30px 30px !important;
}

.LightTheme .WorkspaceSetting.Save {
    background: url(../../Images/NewUI/LightTheme/op_scr_save.svg) center center no-repeat;
    background-size: 30px 30px !important;
}

.LightTheme .matTree .AddLink {
    background: white url(../../Images/NewUI/LightTheme/op_oth_add-create-new-black.svg) center center no-repeat;
    background-size: 30px 30px !important;
}

    .matTree .AddLink:hover,
    .LightTheme .matTree .AddLink:hover {
        background: rgba(0, 169, 112,1) url(../../Images/NewUI/op_oth_add-create-new.svg) center center no-repeat;
        background-size: 30px 30px !important;
    }

.matTreeNode {
    align-items: center;
    min-height: 40px;
    flex: 1;
    overflow: hidden;
    word-wrap: break-word;
}

    .matTreeNode .matTreeNode .matTreeNode {
        width: 215px !important;
        margin-bottom: 5px;
    }

.EditMode .matTreeNode .matTreeNode .matTreeNode {
    width: 235px !important;
}

.LightTheme .matTree.EditMode .matTreeNode .matTreeNode .matTreeNode {
    padding-right: 5px;
}

.matTreeNode.groupMenu {
    padding-left: 20px;
}

.matTreeNode.menu {
    margin-left: 40px;
}

.dashboardMenu {
    max-width: 170px;
    display: inline-block;
}

.matTree .groupMenu,
.WorkspaceSideBarMainDiv .groupMenu {
    background: none;
    box-shadow: none !important;
    border: none;
}

.WorkspaceSideBarMainDiv .Selected .groupMenu {
    text-align: center;
    font-size: 14px !important;
    width: 110px;
}

.matTree .selectbox select {
    border: none;
    width: 150px;
    height: 40px;
}

.matTreeNode .selectbox {
    width: 165px;
    float: left;
    height: 40px;
    padding-left: 5px;
}

.matTreeNode .small {
    float: left;
    width: 160px;
    height: 55px;
    padding-right: 5px;
    border-right: 2.5px solid rgb(244,244,244);
}

.AddDashboardMenu {
    float: left !important;
    margin-left: 5px !important;
}

.AddGroupMenu {
    float: left !important;
    margin-left: 45px !important;
}

.WorkspaceSideBarMenu .dnd-drag-over {
    border-left: none;
    border-right: none;
}

.WorkspaceSideBarMenu .dnd-drag-start {
    border: none;
}

.DashboardDraggableMenu,
.GroupMenuDraggableMenu {
    margin-right: 40px;
}

.WorkspaceSideBarMenu .selectbox {
    background: #ffffff url("../../Images/NewUI/op_ctrl_pull-down.png") right center no-repeat;
}

.LightTheme .WorkspaceSideBarMenu .selectbox {
    background: #ffffff url("../../Images/NewUI/LightTheme/op_ctrl_pull-down.png") right center no-repeat;
}

.WorkspaceSideBarMenu a {
    color: rgba(0, 169, 112,0.9);
}



.ui-dialog.ui-widget.ui-widget-content.ione-dialog.DashboardConfiguration {
    z-index: 901;
    width: 700px;
    top: calc(10%);
    left: calc(50% - 350px);
    /* margin-top: -193px;
    margin-left: -250px;*/
}

.DashboardConfiguration .mat-grid-tile .mat-figure {
    margin: 20px !important;
}

.DashboardConfiguration .mat-grid-tile .mat-figure {
    border: 1px solid transparent !important;
    background: url(../../Images/NewUI/LightTheme/jniceit/checkboxUnchecked.svg) no-repeat 205px -7px;
}

.DashboardConfiguration div.container {
    max-height: 650px;
    overflow-y: auto;
}

.DashboardConfiguration div.EditBottomNavNew {
    position: absolute;
}

    .DashboardConfiguration div.EditBottomNavNew .editSavePopup {
        float: right;
        margin-right: 20px;
    }

.DashboardConfiguration .mat-grid-tile.IsEnabled .mat-figure,
.IONETheme.DarkTheme .DashboardConfiguration .mat-grid-tile.IsEnabled .mat-figure {
    border: 1px solid #00a970 !important;
    background: url(../../Images/NewUI/LightTheme/jniceit/checkboxChecked.svg) no-repeat 205px -7px;
}

.DashboardConfiguration .mat-grid-tile.selectable .mat-figure,
.IONETheme.DarkTheme .DashboardConfiguration .mat-grid-tile.selectable .mat-figure {
    cursor: pointer;
}

.DashboardConfiguration mat-grid-list.mat-grid-list {
    margin-bottom: 60px;
}

.IONETheme .mat-grid-tile .mat-figure {
    /*align-items: center !important;*/
}

.IONETheme.LightTheme .mat-grid-tile .mat-figure {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
}

    .IONETheme.LightTheme .mat-grid-tile .mat-figure .selected {
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
    }

.IONETheme.DarkTheme .mat-grid-tile .mat-figure {
    border: 1px solid rgb(51, 51, 51) !important;
}

    .IONETheme.DarkTheme .mat-grid-tile .mat-figure div {
        color: white;
    }


.EditRecord, .WorkspaceDashboardTileSetting {
    background: url(../../Images/NewUI/op_grid_view-edit.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-indent: -9999px;
    font-size: 0;
    cursor: pointer;
}

.LightTheme .EditRecord, .LightTheme .WorkspaceDashboardTileSetting {
    background: url(../../Images/NewUI/LightTheme/op_grid_view-edit.svg) center center no-repeat;
    background-size: 30px 30px;
}

.editPriceList {
    background-size: 21px 21px !important;
    height: 18px !important;
    width: 16px !important;
    align-content: center !important;
    margin-top: 7px !important;
    margin-right: -7px !important;
}

.WorkspaceDashboardTileSetting:hover {
    background: url(../../Images/NewUI/op_grid_view-edit_green.svg) center center no-repeat;
    background-size: 30px 30px;
}

.LightTheme .WorkspaceDashboardTileSetting:hover {
    background: url(../../Images/NewUI/LightTheme/op_grid_view-edit_green.svg) center center no-repeat;
    background-size: 30px 30px;
}


.AddressCnt .WorkspaceImg {
    background: url(../../Images/NewUI/workspace.svg) left top no-repeat;
    background-size: 66px 65px !important;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 1px 1px -5px 0px;
}

.LightTheme .AddressCnt .WorkspaceImg {
    background: url(../../Images/NewUI/LightTheme/workspace.svg) left top no-repeat;
    background-size: 66px 65px !important;
}

.WorkspaceSideBarMainDiv {
    width: 0px;
    transition: ease-in-out 0.8s all;
    position: absolute;
    z-index: 1000;
    margin-top: -7px;
    /*box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;*/
}

.WorkspaceSideBar {
    float: left;
    width: 40px;
    height: 600px;
    overflow: hidden;
    margin: -17px 15px 0 5px;
    transition: ease-in-out 0.8s all;
    padding-top: 0px;
    margin-left: 0px;
    background-position: center right+40px !important;
}

.side {
    margin-left: 0;
    width: 130px;
}

.WorkspaceSideBar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.WorkspaceSideBar:not(.side) ul li a span {
    font-size: 0;
}

.WorkspaceSideBar ul li {
    list-style: none;
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.WorkspaceSideBar.side ul li {
    padding-left: 10px;
}

.WorkspaceSideBar ul li.Selected {
    padding-right: 0px;
}

    .WorkspaceSideBar ul li.Selected a {
        padding-right: 10px;
    }

.WorkspaceSideBar ul li a {
    background: rgb(51, 51, 51);
    text-decoration: none;
    color: rgba(255,255,255,1) !important;
    height: 80px;
    line-height: 30px;
    width: 100%;
    font-size: 14px;
    text-align: center;
    display: block;
    transition: 0.8s all;
    font-family: relative-mono10pitch, Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12) !important;
    background-position: center right+40px !important;
    cursor: pointer;
    box-sizing: border-box;
}

.LightTheme .WorkspaceSideBar ul li a {
    color: rgba(0,0,0,1) !important;
    background: rgb(244, 244, 244) !important;
}

.WorkspaceSideBar:not(.side) ul li a {
    box-shadow: none !important;
}

.WorkspaceBarImage {
    width: 32px;
    height: 32px;
}

a .WorkspaceBarImage:hover {
    box-shadow: none !important;
}

.ExpandBarButton {
    float: left;
    width: 30px;
    height: 30px;
    padding: 50px 0px 0px 0px;
    margin-top: 59px;
    cursor: pointer;
    position: absolute;
    background: url("../../Images/NewUI/slide-next.svg") center center no-repeat;
    background-size: 30px 30px !important;
    position: absolute;
    display: block;
    z-index: 999;
}


.LightTheme .ExpandBarButton {
    background: url("../../Images/NewUI/LightTheme/slide-next.svg") center center no-repeat;
    background-size: 30px 30px !important;
}

.ExpandBarButton.ExpandBarButtonCollapse {
    margin-left: 130px;
    cursor: pointer;
    background: url("../../Images/NewUI/slide-back.svg") center center no-repeat;
    background-size: 30px 30px !important;
}

.LightTheme .ExpandBarButton.ExpandBarButtonCollapse {
    background: url("../../Images/NewUI/LightTheme/slide-back.svg") center center no-repeat;
    background-size: 30px 30px !important;
}

.WorkspaceSideBarMainDiv:not(.side) .MoveTopButton,
.WorkspaceSideBarMainDiv:not(.side) .MoveDownButton {
    margin-left: 0px !important;
}

.MoveTopButton {
    width: 30px;
    height: 30px;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    margin-top: 0px;
    margin-left: 55px;
    cursor: pointer;
    background: url("../../Images/NewUI/slide-up.svg") center center no-repeat;
    background-size: 30px 30px !important;
}

.LightTheme .MoveTopButton {
    background: url("../../Images/NewUI/LightTheme/slide-up.svg") center center no-repeat;
    background-size: 30px 30px !important;
}

.MoveTopButton.disabled {
    opacity: 0;
}

.MoveDownButton {
    width: 30px;
    height: 30px;
    display: inline-block; /** **/
    padding: 15px 0px;
    margin-top: -12px;
    margin-left: 50px !important;
    padding-top: 0px;
    cursor: pointer;
}

    .MoveDownButton:before {
        content: url("../../Images/NewUI/slide-down.svg")
    }

.LightTheme .MoveDownButton:before {
    content: url("../../Images/NewUI/LightTheme/slide-down.svg")
}

.MoveDownButton.disabled {
    opacity: 0;
}

.WorkspaceDashboardTileSetting {
    text-indent: initial;
    margin-top: -14px !important;
}

ione-workspace-panel .groupMenu.txtbox {
    margin: 0 35px 10px 0px !important;
    width: 141px;
}

.DarkTheme mat-grid-tile .mat-cell {
    color: white;
}

.grid td.smallmedium6 {
    width: 145px;
}

.grid .smallmedium6 {
    width: 145px;
}

    .grid .smallmedium6 .txtbox {
        width: 128px;
    }

    .grid .smallmedium6 .ui-datepicker-trigger {
        right: -2px;
        top: 0;
    }

.IONETheme .AngularApp .ui-datepicker-trigger {
    /*top: 0px;*/
}

.splitbutton .dropdown-btn + .downArrowDiv .downArrow {
    background: url(../../Images/NewUI/op_oth_expand.svg) left center no-repeat;
    background-size: 25px 25px;
    position: relative;
    float: right;
    width: 30px;
    height: 18px;
}

.checkLicense {
    background: url(../../Images/NewUI/op_scr_check_license.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .checkLicense {
    background: url(../../Images/NewUI/LightTheme/op_scr_check_license.svg) center center no-repeat;
    background-size: 30px 30px;
}

.download {
    background: url(../../Images/NewUI/op_scr_download_view.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .download {
    background: url(../../Images/NewUI/LightTheme/op_scr_download_view.svg) center center no-repeat;
    background-size: 30px 30px;
}

.view {
    background: url(../../Images/NewUI/op_scr_view_transaction.svg) center center no-repeat;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    border: 0 none;
    cursor: pointer;
    vertical-align: top;
}

.LightTheme .view {
    background: url(../../Images/NewUI/LightTheme/op_scr_view_transaction.svg) center center no-repeat;
    background-size: 30px 30px;
}

.Done {
    background: url(../../Images/NewUI/com_success-white.svg) center center no-repeat;
    cursor: pointer;
    vertical-align: top;
    background-size: 30px 30px;
}

.LightTheme .Done {
    background: url(../../Images/NewUI/LightTheme/com_success-white.svg) center center no-repeat;
    background-size: 30px 30px;
}


.DocumentEntry .pdfBoxDiv .attachmentList {
    width: 500px;
    height: 500px;
}

.DocumentEntry .attachmentList.ShowPreviewIcon a {
    background-size: 400px 400px !important;
    width: 400px;
    height: 400px;
}

.AngularApp .DocumentEntry .attachmentList.ShowPreviewIcon a {
    background-size: 200px 200px !important;
    width: 200px;
    height: 200px;
}

.DocumentEntry .col.attachmentList.ShowPreviewIcon .row {
    margin: 0 auto;
    width: 400px;
    padding-top: 105px;
}

.IONETheme .OneTile .LeadOverviewData {
    height: calc(79vh + 0px);
}

.IONETheme .TwoTiles .LeadOverviewData {
    height: calc(79vh + 0px);
}

.IONETheme .OneTile .ProjectOverviewData {
    height: calc(79vh + 0px);
}

.IONETheme .TwoTiles .ProjectOverviewData {
    height: calc(79vh + 0px);
}

.IONETheme .OneTile .ShopSummaryOverView {
    height: calc(79vh + 0px);
}

.IONETheme .TwoTiles .ShopSummaryOverView {
    height: calc(79vh + 0px);
}

.PaddingBottom40 {
    padding-bottom: 40px !important;
}


.AngularApp .bar,
.AngularApp .bar div {
    height: 58px \0/;
    height: 58px;
    float: left;
    margin-right: 1px;
    text-align: center;
    line-height: 20px;
    border: 1px solid white;
}

/*.AngularApp .RM .notAllocated {
    background: #338e2f;
}*/

.AngularApp .timeDisplay {
    float: left;
    margin-right: 1px;
    border: 1px solid transparent;
}

.AngularApp .timeSlot {
    /*margin-top: 3px;
    position: absolute;
    left: 127px;*/
}

.AngularApp .RM .ng2-datetime-picker-wrapper {
    display: inline-block;
    /*width: 300px;*/
}

.AngularApp .RM .TaskResourceDataTable .ng2-datetime-picker-wrapper > input {
    width: 300px;
    background: transparent;
    box-shadow: none;
    border: none;
    text-align: center;
}

.DarkTheme .AngularApp .RM .TaskResourceDataTable .ng2-datetime-picker-wrapper > input {
    color: rgba(255,255,255,0.75);
}

.AngularApp table.display.TaskResourceDataTable td,
.AngularApp table.display.TaskResourceDataTable th {
    border-left: 1px solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.AngularApp table.display.TaskResourceDataTable th {
    border-right: 1px solid gray;
}

.AngularApp table.display.TaskResourceDataTable {
}

    .AngularApp table.display.TaskResourceDataTable td:last-child {
        padding: 0px;
    }

.AngularApp #TaskOrderContentDiv {
    width: 240px;
}

.AngularApp .CalenderViewWeekMonth .bar,
.AngularApp .CalenderViewWeekMonth .bar div {
    min-height: 115px;
    overflow-y: auto !important;
}

.AngularApp .WeekMonthSlotBooking + p:not(.WeekMonthSlotBooking) {
    display: none;
}

.previewClose {
    background: url(../../Images/NewUI/op_oth_close-popup-transparent.svg) center center no-repeat !important;
    background-size: 15px 15px !important;
    float: right;
    width: 15px;
    height: 15px;
    top: 2px;
    position: absolute;
    right: 2px;
    cursor: pointer;
}

.LightTheme .previewClose {
    background: url(../../Images/NewUI/LightTheme/op_oth_close-popup-transparent.svg) center center no-repeat !important;
    background-size: 15px 15px !important;
}

.AngularApp .Task_Order_Quotation_Box > div {
    padding: 5px;
}

.AngularApp .Task_Order_Quotation_Box .RMStatus {
    margin-left: 0px;
}

.AngularApp .RM .bar,
.AngularApp .RM .bar p,
.AngularApp .RM table.display td p {
    color: #fff !important;
}

.LightTheme .AngularApp .RM .bar,
.LightTheme .AngularApp .RM .bar p,
.LightTheme .AngularApp .RM table.display td p {
    color: #000 !important;
}

.RMTaskPopup {
    z-index: 1000 !important;
    width: 560px !important;
    top: 15% !important;
    left: 35% !important
}

    .RMTaskPopup .attachmentList {
        width: initial;
    }

.RMTaskFilesTab {
    max-height: 400px;
    overflow: auto;
}


.AngularApp .RM .ResourceMainDiv {
    display: block;
    overflow: auto;
    white-space: nowrap;
}

    .AngularApp .RM .ResourceMainDiv .timeDisplay,
    .AngularApp .RM .ResourceMainDiv .bar {
        display: inline-block;
        float: initial;
    }

.AngularApp .RM .BarBlock {
    height: 58px;
    display: block;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
}

    .AngularApp .RM .BarBlock.Double {
        height: 118px;
    }

    .AngularApp .RM .BarBlock.WeekMonthPreview {
        height: 216px;
        margin-bottom: 3px;
    }

    .AngularApp .RM .BarBlock.Double.WeekMonthPreview {
        height: 238px;
    }

    .AngularApp .RM .BarBlock:first-child {
        height: 35px;
        border: none;
    }

        .AngularApp .RM .BarBlock:first-child span {
            margin-top: 17px;
            display: block;
        }

    .AngularApp .RM .BarBlock span.TechnicianName {
        height: 48px;
        width: 100px;
        display: table-cell;
        vertical-align: middle;
        padding: 5px;
    }

    .AngularApp .RM .BarBlock.Double span.TechnicianName {
        height: 108px;
    }

.AngularApp .RM .TaskResourceDataTable td {
    padding: 0px;
    text-align: center;
}

.AngularApp .RM .TaskResourceDataTable td {
    vertical-align: top;
}

.AngularApp .ConfirmBooking {
    width: 605px !important;
    z-index: 901;
}

ul.ngx-pagination.ng-star-inserted li.ellipsis {
    overflow: visible !important;
}

.IONETheme .AngularApp .ng2-datetime-picker-wrapper {
    position: relative;
}

.QuickTimeLog .ActiveEntry .ng2-datetime-picker-wrapper {
    position: relative;
}

.IONETheme .AngularApp .ui-datepicker-trigger {
    top: 0px;
}

.IONETheme .AngularApp .MaterialCreate .ui-datepicker-trigger {
    top: -8px;
    right: -5px;
}

.IONETheme.DarkTheme .AngularApp .FlatSearchCnt .ui-datepicker-trigger,
.IONETheme.LightTheme .AngularApp .FlatSearchCnt .ui-datepicker-trigger {
    right: 0px;
}

.iconButton {
    background: url(../../Images/NewUI/info.svg) center center no-repeat;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    border: 0px;
    margin-left: 7px;
}

.LightTheme .iconButton {
    background: url(../../Images/NewUI/LightTheme/info.svg) center center no-repeat;
    background-size: 15px 15px;
}

.ToolTipButtonDiv {
    display: inline-block;
    position: relative;
    top: 0px;
}

.ToolTipDiv {
    display: inline-block;
    top: 2px;
    position: absolute;
    background-color: rgba(0,0,0,0.7);
    color: rgba(255,255,255,1);
    font-family: "Segoe UI";
    font-size: 12px;
    padding: 4px;
    width: 210px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.LightTheme .ToolTipDiv {
    background-color: rgba(255,255,255,0.95);
    color: rgba(0,0,0,1);
}

.ToolTipDiv p {
    width: 110%;
    padding-left: 0px;
    margin-left: -10px;
}

.AddressCnt .QualificationImg {
    background: url(../../Images/NewUI/qualification.svg) left top no-repeat;
    background-size: 66px 65px;
    width: 66px;
    height: 65px;
    display: block;
    float: left;
    text-indent: -9999px;
    margin: 0 20px 0 20px;
}

.LightTheme .AddressCnt .QualificationImg {
    background: url(../../Images/NewUI/LightTheme/qualification.svg) left top no-repeat;
    background-size: 66px 65px;
}

orderitems ione-grid > div {
    position: relative;
}

    orderitems ione-grid > div .SaveColumns.saveColumnsPopup.FixedPosition {
        right: 20px;
    }

.IONETheme .AngularApp .ListContainer task .EditBottomNav .Approve {
    position: initial;
}

.LiveTemplate.CustomerDetailTop,
.AngularApp .LiveTemplate.CustomerDetailTop {
    width: 70%;
}

orderitems .row.standard.PageTitle {
    padding-left: 0;
}

.DeletePopupPosition.OverPrint {
    z-index: 999999;
}

div.ToolTipDiv:empty {
    display: none;
}

.dashboardTile {
    width: 44%;
    height: 140px;
    background-image: url("../../Images/NewUI/unlinked_grey.jpg");
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 30px;
    margin-top: 25px;
    color: white;
    background-size: 100% 100%;
    cursor: pointer;
}

    .dashboardTile.linked {
        background-image: url("../../Images/NewUI/linked_green.jpg");
        background-repeat: no-repeat;
    }

    .dashboardTile .dashboardTileTitle {
        font-size: 25px;
        text-align: center;
        width: 100%;
        font-weight: bold;
        margin-top: 50px;
    }

.BillCalculation table,
.OrderCalculation table {
    display: inline-block;
}

    .BillCalculation table label,
    .BillCalculation table input,
    .OrderCalculation table label,
    .OrderCalculation table input {
        margin: 0;
        padding: 0;
        width: auto;
        text-align: right !important;
    }

    .BillCalculation table td,
    .OrderCalculation table td {
        text-align: right !important;
    }

ione-attachmentList .addFileNew {
    display: grid;
}

.IONETheme ione-attachmentList .attachmentList {
    padding: 0px 20px 10px 20px;
    border: 1px solid lightgrey !important;
}

ione-attachmentList .attachmentList label:not(.addFileNew) {
    margin-left: -20px;
}

ione-attachmentList .attachmentList .imageSelectionCheckBox label:not(.addFileNew) {
    margin-left: -10px;
}

.DarkTheme h2 {
    color: rgba(255,255,255,0.75);
}

.addPhone.PobDivClass {
    margin-top: 28px;
}

.ui-dialog.UglImport {
    z-index: 901;
}

.PreviewTableTdDiv .DuplicatePDFImg {
    display: none;
}

.IONETheme .mat-grid-tile .mat-figure,
.IONETheme .mat-grid-tile .mat-grid-tile-content {
    justify-content: start;
    overflow-x: auto;
}

.ProjectOverview td.mat-cell:first-of-type {
    padding-left: 12px;
    padding-right: 12px;
}

.FullyDelivered {
    background: url(../../Images/NewUI/op_oth_fully_delivered.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
}

.LightTheme .FullyDelivered {
    background: url(../../Images/NewUI/LightTheme/op_oth_fully_delivered.svg) center center no-repeat;
    background-size: 30px 30px;
}

.EditBottomNavTable.OrderLiveTemplate {
    width: calc(100% - 225px);
}

.ui-dialog.subTotalChangedPopup {
    z-index: 901;
    width: 600px;
    left: calc(50% - 300px) !important;
}

    .ui-dialog.subTotalChangedPopup .extraLargeTxt1 .ChkBoxCnt {
        float: left;
    }

/*Temporary Fix for ISG Live.*/
/*.QuotationPreviewDiv table.LiveTemplateItmeTableFullWidth thead tr th:nth-child(5).CenterAlign.borderBottom.nowrap {
    width: 20% !important;
}*/

.UC49140 .LoginBoxContainer, .UC49140 .LoginBoxContainer.PinAuth {
    top: 40%;
}

    .UC49140 .LoginBoxContainer.PinAuth {
        margin-top: -260px;
    }

.UC49140 .LoginBox .Logo {
    background-size: 100% 100%;
    height: 300px
}

.ItemMobileView .PageTitle,
.ItemMobileView .AddressCntCreate,
.ItemMobileView .grid {
    padding-left: 20px;
    width: 100%;
}

.IONETheme .ItemMobileView .EditContainer .LeftData:not(.PreviewPage) {
    box-shadow: none !important;
    margin-left: -20px;
}

.IONETheme .ItemMobileView .full,
.IONETheme .ItemMobileView .full:not(.UserSubject):not(.RenameDialog),
.IONETheme .ItemMobileView .full .selectbox select {
    width: calc(100%) !important;
}

    .IONETheme .ItemMobileView .full .selectbox {
        width: calc(100% - 5px) !important;
    }

    .IONETheme .ItemMobileView .full textarea,
    .IONETheme .ItemMobileView .full .txtbox,
    .IONETheme .ItemMobileView .half .currencytxtbox {
        width: calc(100% - 15px) !important;
    }

.IONETheme .ItemMobileView .half {
    width: calc(50%) !important;
}

.IONETheme .ItemMobileView .smallmedium1 .mergedSelectlist.half {
    padding-left: calc(55%) !important;
}

.IONETheme .ItemMobileView .quarter {
    width: calc(25%) !important;
}

.IONETheme .ItemMobileView .half .selectbox:not(.textSelectList) {
    width: calc(50% - 10px) !important;
}

.IONETheme .ItemMobileView .grid .col {
    float: left;
    position: unset;
    margin: 0 0 10px 0;
}

.IONETheme .ItemMobileView .FRight {
    float: none;
}

.IONETheme .ItemMobileView .EditBottomNav:not(.LiveTemplate):not(.NewUIOrderLive):not(.NewUIQuotationLive):not(.Monitoring) {
    width: calc(100vw - 65px) !important;
    height: auto;
}

.ui-dialog.medium.FullImage.mobile {
    z-index: 999;
    left: 0 !important;
    top: 0 !important;
    width: calc(100% - 10px) !important;
    height: 100%;
}

    .ui-dialog.medium.FullImage.mobile .imageDiv {
        width: calc(100vw - 20px);
        overflow: auto;
        margin-left: 0px;
        max-height: calc(100vh - 130px);
    }

    .ui-dialog.medium.FullImage.mobile .ui-dialog-content.ui-widget-content {
        overflow: hidden;
    }

        .ui-dialog.medium.FullImage.mobile .ui-dialog-content.ui-widget-content .grid.PopupGridPadding {
            padding-left: 10px;
        }

            .ui-dialog.medium.FullImage.mobile .ui-dialog-content.ui-widget-content .grid.PopupGridPadding table {
                width: calc(100vw - 40px);
            }

                .ui-dialog.medium.FullImage.mobile .ui-dialog-content.ui-widget-content .grid.PopupGridPadding table td label {
                    text-align: center;
                    background: linear-gradient(to bottom,rgb(0,195,135),#00a970) !important;
                    width: 170px;
                    display: inline-block;
                    max-width: 170px;
                    height: 50px;
                    line-height: 50px;
                    font-size: 16px !important;
                    color: white !important;
                    font-weight: bold;
                    margin-top: 5px;
                }

.IONETheme .ItemMobileView ione-attachmentlist .attachmentList {
    width: calc(100vw - 45px);
    padding: 0px 10px 10px 10px;
    max-height: 380px;
    overflow: auto;
}

    .IONETheme .ItemMobileView ione-attachmentlist .attachmentList .col {
        margin-right: 5px;
    }

    .IONETheme .ItemMobileView ione-attachmentList .attachmentList label:not(.addFileNew) {
        margin-left: -10px;
    }


.IONETheme .ItemMobileView .PageTitle {
    height: 30px;
    line-height: 30px;
    min-height: 30px;
}

.IONETheme .ItemMobileView .MainFrame .MainFrame_2_Td {
    padding-left: 0px;
}

.IONETheme .ItemMobileView .expandAll,
.IONETheme .ItemMobileView .collapseAll {
    padding-left: 30px;
    margin-left: 0px;
}

.IONETheme .ItemMobileView .DetailAccordianCnt .AccTitle {
    padding-left: 28px;
}

.IONETheme .ItemMobileView .ItemCategories,
.IONETheme .ItemMobileView .PriceLists {
    max-height: 205px;
    overflow-y: auto;
    height: 100%;
}

    .IONETheme .ItemMobileView .ItemCategories::-webkit-scrollbar,
    .IONETheme .ItemMobileView .PriceLists::-webkit-scrollbar {
        /*background: rgba(0, 169, 112,1) !important;*/
        /*outline: 1px solid rgba(0, 169, 112,1) !important;*/
        width: 1em !important;
    }

.LiveTemplate .Preview .TaxTotalList .Row_0 td {
    padding-top: 0px !important;
}

.WithTaxIdentifier {
    position: relative;
}

    .WithTaxIdentifier span {
        position: absolute;
        top: 4px;
        font-size: 11px;
        color: black;
        right: -8px;
    }

.TaxTotalList tr td {
    position: relative;
}

.TaxTotalList .Row_0 span {
    top: -4px;
}

.TaxTotalList span:not(.currency) {
    position: absolute;
    top: 4px;
    font-size: 11px !important;
    color: black !important;
    left: -8px;
}

.MainBoard {
    margin-right: 20px;
}

.MainBoardHeader {
    text-transform: uppercase;
    text-align: center;
    color: white;
    font-size: 24px;
    background-color: black;
    font-style: italic;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    font-family: relative-bold-italic;
}

.DarkTheme .MainBoard table thead tr th {
    color: black;
}

.MainBoard table thead tr th {
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid grey;
    font-family: relative-bold-italic;
}

.MainBoard .header {
    text-align: center;
    height: 30px;
    line-height: 30px;
    background-color: black;
    color: white;
    border: 1px solid grey;
    font-family: relative-book;
}

.MainBoard .OrderBox {
    margin-bottom: 20px;
}

    .MainBoard .OrderBox .body {
        padding: 0 10px 0 10px;
        background-color: white;
        border-left: 1px solid grey;
        border-right: 1px solid grey;
        font-family: relative-book;
    }

    .MainBoard .OrderBox.DoneOrder_Section .body {
        border-bottom: 1px solid grey;
        background-color: grey;
    }

    .MainBoard .OrderBox .body p {
        padding: 5px 0 5px 0;
    }

        .MainBoard .OrderBox .body p.TableNo,
        .MainBoard .OrderBox .body p.OrderExpectedType_Later {
            font-weight: bold;
        }

.MainBoard .footer {
    text-align: center;
    height: 30px;
    line-height: 30px;
    background-color: #00a970;
    color: black;
    border: 1px solid grey;
    font-family: relative-book;
}

.MainBoard .orderSection {
    max-height: calc(100vh - 150px);
    min-height: calc(100vh - 150px);
    overflow: auto;
    padding: 20px;
}

.MainBoard.FromAngularDashboard .orderSection {
    max-height: calc(100vh - 250px);
    min-height: calc(100vh - 250px);
}

.MainBoard .orderSection::-webkit-scrollbar {
    width: 0;
}


.MainBoard table tbody tr td:first-child,
.MainBoard table tbody tr td:nth-child(2) {
    border-right: 1px solid grey;
}

.IONETheme.mobile_View.Wrapper.LoginPage {
    min-width: auto;
}

.IONETheme.mobile_View .LoginBox,
.IONETheme.mobile_View .LoginForm.Form,
.IONETheme.mobile_View.LoginPage .Footer.Login {
    margin-left: 0px !important;
}

.IONETheme.mobile_View .LoginBox,
.IONETheme.mobile_View .LoginForm,
.IONETheme.mobile_View .LoginForm.Form,
.IONETheme.mobile_View .LoginForm input.TextBox,
.IONETheme.mobile_View .LoginBoxCnt,
.IONETheme.mobile_View .LoginForm input.SubmitBtn,
.IONETheme.mobile_View.LoginPage p[align=center],
.IONETheme.mobile_View.LoginPage .ErrorMsg {
    width: 100%;
}

    .IONETheme.mobile_View .LoginForm input.TextBox.PinTextBox {
        width: calc(100% - 2px);
    }

.IONETheme.mobile_View .LoginBoxShadow {
    display: none;
}

.IONETheme.mobile_View a.ForgotPassword {
    display: none;
}

.IONETheme.mobile_View .LoginBoxContainer {
    top: 40%;
}

    .IONETheme.mobile_View .LoginBoxContainer.PinAuth .Header {
        display: none;
    }

.IONETheme .CalenderViewWeekMonth .bar,
.IONETheme .RM .CalenderViewWeekMonth #foo {
    max-height: 215px !important;
    height: 215px !important;
}

    .IONETheme .CalenderViewWeekMonth .NoBookings .bar,
    .IONETheme .RM .CalenderViewWeekMonth #foo.NoBookings {
        max-height: 58px !important;
        height: 58px !important;
    }

.WeekMonthPreview .WeekMonthSlotBooking {
    max-height: 105px !important;
    height: auto !important;
}

.IONETheme .PDFMarginTop {
    display: none !important;
}

.LockTechnician {
    cursor: pointer !important;
}

.RemoveDoorsList[data-loop="[0]"],
.RemoveWindowsList[data-loop="[0]"] {
    display: none;
}

#RHSLinkedObjectPanel {
    position: absolute;
}

.previousDay, .nextDay {
    width: 100px !important;
    height: 48px !important;
    text-indent: -9999px;
    display: inline-block;
    padding: 0;
}

.previousDay {
    background: url(../../Images/NewUI/op_grid_previous.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.nextDay {
    background: url(../../Images/NewUI/op_grid_next.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .previousDay {
    background: url(../../Images/NewUI/LightTheme/op_grid_previous.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .nextDay {
    background: url(../../Images/NewUI/LightTheme/op_grid_next.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.ExecuteWarehouseOrderLiteHeader {
    background: #B4B4B4;
}

    .ExecuteWarehouseOrderLiteHeader tr td:nth-child(2),
    .ExecuteWarehouseOrderLiteHeader + div tr td:nth-child(2) {
        text-align: center;
        vertical-align: middle;
    }

    .ExecuteWarehouseOrderLiteHeader + div tr td:nth-child(3) {
        vertical-align: middle;
    }

    .ExecuteWarehouseOrderLiteHeader + div tr.even {
        background: #B4B4B4;
    }

    .ExecuteWarehouseOrderLiteHeader + div tr.selectedRow {
        background: #00a970;
        color: white;
    }

.ExecuteWarehouseOrderLiteFooter tr td {
    background: white;
}

.ExecuteWarehouseOrderLiteFooter td {
    height: 60px;
    vertical-align: middle;
}

.ExecuteWarehouseOrderLiteFooter a {
    font-size: 0px;
    height: 60px;
    display: block;
}


.LightTheme .EditImage {
    background: white url(../../Images/NewUI/LightTheme/op_scr_edit_green.svg) center no-repeat !important;
    background-size: 20px 20px !important;
}

.IONETheme news-panel #NewsPanel:not(.Expanded) .editableNewsMessage.NewsMessage.TextAreaNews {
    max-height: 70px;
    overflow-y: auto;
}

a.kitchenmonitor {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_kitchenmonitor.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.kitchenmonitor {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_kitchenmonitor.svg) center 20px no-repeat;
}

a.kitchenmonitor:hover, a.kitchenmonitor:active, a.kitchenmonitor.Active {
    background: rgba(0,0,0,0.5) url(../../Images/NewUI/mod_kitchenmonitor_h.svg) center 20px no-repeat;
    margin-bottom: 1px;
}

.LightTheme a.kitchenmonitor:hover, .LightTheme a.kitchenmonitor:active, .LightTheme a.kitchenmonitor.Active {
    background: rgba(255,255,255,0.5) url(../../Images/NewUI/LightTheme/mod_kitchenmonitor_h.svg) center 20px no-repeat;
}

app-dashboard customerorder-dashboard .MainBoard {
    margin-right: 0px;
}

.IONETheme .mat-grid-tile.AlignItemStart .mat-figure,
.IONETheme .mat-grid-tile.AlignItemStart .mat-grid-tile-content {
    align-items: start !important;
}

.IONETheme .mat-grid-tile.JustifyContentCenter .mat-figure {
    justify-content: center !important;
}

.Slideup {
    width: 35px;
    height: 35px;
    display: inline-block;
    cursor: pointer;
    background: url("../../Images/NewUI/slide-up-green.svg") center center no-repeat;
    background-size: 35px 35px !important;
}

.LightTheme .Slideup {
    background: url("../../Images/NewUI/LightTheme/slide-up-green.svg") center center no-repeat;
    background-size: 35px 35px !important;
}

.SlideDown {
    width: 35px;
    height: 35px;
    display: inline-block;
    cursor: pointer;
    background: url("../../Images/NewUI/LightTheme/slide-down-green.svg") center center no-repeat;
    background-size: 35px 35px !important;
}

.LightTheme .SlideDown {
    background: url("../../Images/NewUI/LightTheme/slide-down-green.svg") center center no-repeat;
    background-size: 35px 35px !important;
}

.OrderComment {
    height: 45px;
    width: 45px;
    float: right;
    background: url("../../Images/NewUI/LightTheme/op_scr_alert.svg") center center no-repeat;
    background-size: 45px 45px !important;
}

.OrderScheduled, .OrderNotScheduled {
    height: 45px;
    width: 45px;
    float: right;
}

.OrderScheduled {
    background: url("../../Images/NewUI/LightTheme/op_scr_scheduled.svg") center center no-repeat;
    background-size: 45px 45px !important;
}

.OrderNotScheduled {
    background: url("../../Images/NewUI/LightTheme/op_scr_not_scheduled.svg") center center no-repeat;
    background-size: 45px 45px !important;
}

.IONETheme.DarkTheme .DashboardNew {
    background: hsl(228deg 10% 20%);
}

.IONETheme.DarkTheme .mat-grid-tile.IsFullBackgroundTile figure,
.IONETheme.DarkTheme .mat-grid-tile.IsFullBackgroundTile .mat-grid-tile-content,
.IONETheme.DarkTheme .Transparent {
    background-color: hsl(225deg 6% 13%);
    border-color: hsl(225deg 6% 13%) !important;
}

.IONETheme.DarkTheme svg > rect {
    fill: hsl(225deg 6% 13%);
}

.IONEThem app-dashboard text {
    font-family: Segoe UI,Calibri, Arial, Helvetica, sans-serif !important;
}

.IONETheme.DarkTheme app-dashboard text {
    color: white;
    fill: white;
}

.IONETheme.LightTheme app-dashboard text {
    color: black;
    fill: black;
}

.IONETheme.DarkTheme app-dashboard rect[fill='#3366cc'] {
    fill: #00a970 !important;
}

.IONETheme.DarkTheme app-dashboard rect[fill='#dc3912'] {
    fill: #4d96ec !important;
}

.DisplayBlock {
    display: block !important;
}

.ui-dialog.ui-widget.ui-widget-content.signatureDialog {
    width: 440px !important;
    height: 352px !important;
}

.signatureDialog .sig.sigWrapper.current {
    display: initial !important;
    border-color: transparent;
}



/* Cookie Consent Styles Starts */
#cookie-notice {
    position: fixed;
    min-width: 100%;
    height: auto;
    z-index: 100000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    left: 0;
    text-align: center;
    font-weight: 400;
    bottom: 0;
    animation-name: fadeIn;
    box-sizing: border-box;
    display: block;
}

    #cookie-notice * {
        box-sizing: border-box;
    }

    #cookie-notice .cookie-notice-container {
        display: block;
        color: #fff;
        box-sizing: border-box;
        padding: 15px 30px;
        width: 100%;
        font-family: relative-bold-italic;
    }

#cn-accept-cookie {
    background: #00a970;
    color: white;
    text-decoration: none;
    padding: 8.5px 10px;
    line-height: 1;
}

.cn-buttons-container {
    display: block;
    line-height: 40px;
}

.cn-text-container {
    margin: 0 0 6px 0;
    display: block;
}

.cn-close-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    width: 15px;
    height: 15px;
    opacity: .5;
    padding: 10px;
    outline: 0;
}

    .cn-close-icon:before {
        transform: rotate(45deg);
    }

    .cn-close-icon:after {
        transform: rotate(-45deg);
    }

    .cn-close-icon:after, .cn-close-icon:before {
        position: absolute;
        content: ' ';
        height: 15px;
        width: 2px;
        top: 3px;
        background-color: #fff;
    }

/* Cookie Consent Styles Ends*/

.PersonIndividualWorkTimeList_SegmentList_0 {
    display: none;
}

.selectPDFPageBreakBefore {
    page-break-before: always;
}

.selectPDFPageBreakAfter {
    page-break-after: always;
}

.selectPDFPageBreakAvoid {
    page-break-inside: avoid;
}

.IONETheme .mat-grid-tile.Scrollable .mat-figure,
.IONETheme .mat-grid-tile.Scrollable .mat-grid-tile-content {
    overflow: auto !important;
}

mat-grid-tile figure task-list .SaveColumns.saveColumnsPopup.FixedPosition,
mat-grid-tile figure supplierorder-overview .SaveColumns.saveColumnsPopup.FixedPosition {
    right: 20px;
}

    mat-grid-tile figure task-list .SaveColumns.saveColumnsPopup.FixedPosition + .dataTables_wrapper {
        max-width: 820px !important;
    }

.SumoSelect {
    width: 148px !important;
}

    .SumoSelect > .CaptionCont {
        border: none !important;
        height: 23px;
    }

        .SumoSelect > .CaptionCont > label > i {
            background: #fff url("../../Images/NewUI/LightTheme/op_ctrl_pull-down.png") 7px 7px no-repeat !important;
        }

    .SumoSelect .select-all.partial > span i,
    .SumoSelect .select-all.selected > span i,
    .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i {
        background-color: #00a970 !important;
        border-radius: 0 !important;
        border: 0px !important;
        width: 15px !important;
        height: 15px !important;
    }

    .SumoSelect .select-all > span i,
    .SumoSelect > .optWrapper.multiple > .options li.opt span i {
        border-radius: 0 !important;
        border-color: #000 !important;
        box-shadow: none !important;
        width: 13px !important;
        height: 13px !important;
    }

.DarkTheme .SumoSelect > .optWrapper > .options li label,
.DarkTheme .SumoSelect > .CaptionCont > span {
    color: rgba(0,0,0,1);
}

.Float_Left {
    float: left;
}

.NormalEditableDiv {
    background-color: white;
    padding: 5px;
}

.QuickTimeLog .QuickTimeLogHeader td:nth-child(2) div label,
.QuickTimeLog .QuickTimeLogHeader td:nth-child(3) div label,
.QuickTimeLog .QuickTimeLogHeader td:nth-child(4) div label {
    margin-left: 3px;
}

.QuickTimeLog .QuickTimeLogHeader td:nth-child(6) label {
    margin-left: 0px;
}

.QuickTimeLog .QuickTimeLogHeader td:nth-child(7) div label {
    margin-left: 5px;
}

.removeQuickTimeLogRow {
    background: url(../../Images/NewUI/op_oth_remove.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
    height: 30px;
    width: 30px;
    display: block;
    cursor: pointer;
}

.LightTheme .removeQuickTimeLogRow {
    background: url(../../Images/NewUI/LightTheme/op_oth_remove-new.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.chartTitle {
    font-size: 20px;
    font-weight: 700;
    color: rgba(0,0,0,0.5) !important;
}

.gauge-chart span {
    font-family: relative-mono10pitch, Segoe UI, Calibri, Arial, Helvetica, sans-serif;
}

.AngularApp .RM .FLeft.recordCount {
    float: left;
}

.DetailAccordianCnt.SortedTabs {
    display: flex;
    flex-direction: column;
}

.prePackageDeliveryExport {
    background: url(../../Images/NewUI/op_scr_pdf.svg) center center no-repeat;
    background-size: 30px 30px;
    vertical-align: top;
    cursor: pointer;
}

.LightTheme .prePackageDeliveryExport {
    background: url(../../Images/NewUI/LightTheme/op_scr_pdf.svg) center center no-repeat;
    background-size: 30px 30px;
}

.IONETheme.DarkTheme .mat-form-field-label,
.IONETheme.DarkTheme .mat-select,
.IONETheme.DarkTheme .mat-select-value,
.IONETheme.DarkTheme .mat-tab-label-content,
.IONETheme.DarkTheme .mat-input-element,
.IONETheme.DarkTheme .MaterialCreate .grid textarea,
.IONETheme.DarkTheme .mat-form-field.mat-focused .mat-form-field-label,
.IONETheme.DarkTheme .mat-form-field-appearance-legacy .mat-hint {
    color: white !important;
}

.IONETheme.DarkTheme .MaterialCreate .mat-form-field-appearance-legacy .mat-form-field-underline {
    background-color: white;
}

.TicketCreate .attachmentList .addFileNew, ione-attachmentlist .attachmentList .addFileNew {
    vertical-align: top;
}


.micro .deleteAttachment {
    width: 40px;
}

.documentTypeIcon {
    background: url(../../Images/NewUI/documentTypeIcon.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
    font-size: 0;
    width: 40px;
    height: 30px;
    padding: 0;
    cursor: pointer;
    font-size: 0 !important;
}

.LightTheme .documentTypeIcon {
    background: url(../../Images/NewUI/LightTheme/documentTypeIcon.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.hashTag {
    background: url(../../Images/NewUI/hashtag.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
    font-size: 0;
    width: 40px;
    height: 30px;
    padding: 0;
    cursor: pointer;
    font-size: 0 !important;
}

.LightTheme .hashTag {
    background: url(../../Images/NewUI/LightTheme/hashtag.svg) center center no-repeat !important;
    background-size: 30px 30px !important;
}

.DocumentTag {
    margin-top: 15px !important;
}

.TicketCreate .attachmentList.ShowPreviewIcon .DocumentTag a,
ione-attachmentlist .attachmentList.ShowPreviewIcon .DocumentTag a {
    background-size: 30px 30px !important;
    width: auto !important;
    height: 0px !important;
    font-size: 11px;
    border: 0px;
}

.standard .attachmentList .DocumentTag .smallest2 {
    width: 15px !important;
}

.standard .attachmentList .DocumentTag .medium {
    width: 110px !important;
}

.corbado-auth-popup {
    height: 100vh !important;
    width: 100vw !important;
    top: 0 !important;
    left: 0 !important;
    background: rgb(244,244,244) !important;
}

    .corbado-auth-popup.ui-dialog .ui-dialog-titlebar {
        background: none;
        border: none;
    }

    .corbado-auth-popup.ui-dialog .ui-dialog-titlebar-close span {
        display: none;
    }

    .corbado-auth-popup .ui-dialog-titlebar-close {
        background: url(../../Images/NewUI/LightTheme/op_oth_close-popup-transparent.svg) center center no-repeat !important;
        background-size: 30px 30px !important;
        border: none !important;
    }

    .corbado-auth-popup .ui-dialog-titlebar {
        border-bottom: none !important;
    }

/*.corbado-auth-popup .container .heading h1 {
        background: url(../../Images/NewUI/log_logo.svg) center center no-repeat;
        font-size: 0px;
        height: 142px;
    }*/

.workingHoursLabel {
    min-height: 20px !important;
    max-height: 20px;
    margin: 0 !important;
}

.workingHoursTxtbox {
    background: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}

.LeadOverview, .ProjectOverview, .InvoiceOverview, .ServiceOrderOverview, .ShopSummaryOverView {
    height: 100%;
    display: block;
}

    .LeadOverview .LeadOverviewData,
    .ProjectOverview .ProjectOverviewData,
    .InvoiceOverview .InvoiceOverviewData,
    .ServiceOrderOverview .ServiceOrderOverviewData,
    .ShopSummaryOverView .ShopSummaryOverViewData {
        height: calc(100% - 65px) !important;
    }

app-shop-summary-overview .ShopSummaryOverView .first_td {
    vertical-align: top !important;
}

    app-shop-summary-overview .ShopSummaryOverView .first_td .SearchPanel {
        z-index: 101;
    }

app-shop-summary-overview .ShopSummaryOverView {
    overflow-x: auto !important;
}

.mat-figure-inside-div {
    width: 100%;
}

.InventoryList {
    background: url(../../Images/NewUI/op_scr_item_inventory.svg) center center no-repeat;
    /*background-size: 100% 100%;*/
    vertical-align: top;
    background-size: 30px 30px;
}

.LightTheme .InventoryList {
    background: url(../../Images/NewUI/LightTheme/op_scr_item_inventory.svg) center center no-repeat;
    background-size: 30px 30px;
}

.telephonyPopup {
    width: 1280px;
    /* height: 800px; */
    min-width: 1280px;
    /* min-height: 800px; */
    top: 106px !important;
    left: calc(50% - 640px) !important;
    z-index: 10000 !important;
}

    .telephonyPopup.ione-dialog,
    .telephonyPopup.ione-dialog * {
        box-sizing: border-box !important;
    }

    .telephonyPopup.ione-dialog {
        overflow: hidden !important;
        background: #f8f8f8;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
        font-family: "Quicksand", sans-serif;
    }

        .telephonyPopup.ione-dialog .ui-dialog-titlebar {
            padding: 30px !important;
            border: none !important;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

            .telephonyPopup.ione-dialog .ui-dialog-titlebar .ui-dialog-title {
                color: #00a970 !important;
                font-size: 30px !important;
                font-weight: normal;
                line-height: 30px;
                margin: 0;
                padding: 0 !important;
                display: flex;
                align-items: center;
            }

                .telephonyPopup.ione-dialog .ui-dialog-titlebar .ui-dialog-title .titleIcon {
                    min-width: 55px;
                    max-width: 55px;
                    height: 55px;
                    margin: 0 0 0 15px;
                    padding: 0 !important;
                    background: url(../../Images/NewUI/LightTheme/phone_Ic.svg) no-repeat center center / contain !important;
                }

            .telephonyPopup.ione-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
                right: 30px !important;
            }

        .telephonyPopup.ione-dialog .ui-dialog-content .modalBody {
            padding: 0 30px 0px !important;
        }

            .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .PopupGridPadding.grid {
                padding: 0;
            }

            .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .firmDetail {
                padding: 20px;
                margin: 0 0 20px;
                background: #ededed;
                border-radius: 10px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
            }

                .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .firmDetail p,
                .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .firmDetail p .label {
                    margin: 10px 0 !important;
                    font-size: 18px !important;
                    font-weight: bold !important;
                }

                    .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .firmDetail p .label {
                        font-weight: normal !important;
                        margin: 0 10px 0 0 !important;
                        width: 100px;
                        display: inline-block;
                    }

                    .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .firmDetail p a {
                        color: #00a970 !important;
                        font-weight: bold !important;
                        text-decoration: underline;
                    }

            .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .smallBtn {
                padding: 0 10px 2px;
                border: 2px solid #00a970;
                text-decoration: none;
                font-size: 13px !important;
                margin: 0 20px;
                border-radius: 10px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
            }

                .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .smallBtn img.arrowIcon {
                    width: 10px;
                    height: 10px;
                    display: inline-block;
                    vertical-align: middle;
                    margin: 0 0 0 5px;
                }

            .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .btnsGroup {
                margin: 20px 0;
                display: flex;
                align-items: center;
            }

            .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .linerBtn {
                color: #00a970 !important;
                padding: 6px 40px 8px;
                border: 2px solid #00a970;
                text-decoration: none;
                font-size: 18px !important;
                font-weight: 500 !important;
                display: block;
                border-radius: 10px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
            }

            .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .solidBtn,
            .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .ticketListing li .solidBtn {
                color: #ffffff !important;
                padding: 5px 30px 7px;
                background: #00a970;
                border: 2px solid #00a970;
                text-decoration: none;
                font-size: 18px !important;
                font-weight: 500 !important;
                display: block;
                border-radius: 10px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
            }

            .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .firmDetail .d-flex {
                display: flex;
                align-items: center;
            }

            .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .firmDetail .searchbox .txtbox {
                background: #ffffff !important;
                height: 30px;
                padding: 0 10px;
                border: none !important;
                border-radius: 10px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
            }

            .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .ticketListing {
                max-height: 350px;
                overflow: auto;
            }

                .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .ticketListing,
                .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .ticketListing li {
                    margin: 0;
                    padding: 0;
                    list-style: none;
                }

                    .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .ticketListing li {
                        background: #ffffff;
                        padding: 8px 20px;
                        margin: 15px 0;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        border-radius: 10px;
                        -webkit-border-radius: 10px;
                        -moz-border-radius: 10px;
                    }

                        .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .ticketListing li * {
                            margin: 0;
                            font-weight: 500 !important;
                            font-size: 18px !important;
                            line-height: 30px !important;
                        }

                        .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .ticketListing li a {
                            color: #00a970 !important;
                            font-weight: bold !important;
                            text-decoration: underline;
                        }

            .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .noResults {
                padding: 15px 20px;
                background: #ffffff;
                margin: 20px 0;
                font-style: italic;
                border-radius: 10px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
            }

.ticketListing li {
    padding: 8px 10px;
}

    .ticketListing li > div {
        padding: 0 10px !important;
        white-space: nowrap;
        display: block;
        min-width: 16.5%;
        max-width: 16.5%;
    }

        .ticketListing li > div * {
            display: inline-block !important;
        }

    .ticketListing li .ticketDesc {
        max-height: 60px !important;
        overflow: hidden !important;
        white-space: normal;
        min-width: 45%;
        max-width: 45%;
    }

        .ticketListing li .ticketDesc * {
            display: block !important;
        }


.telephonyPopup.ione-dialog .ui-dialog-content .modalBody .firmDetail p {
    margin: 10px 0;
}

.telephonyPopup.ione-dialog .ui-dialog-content .modalBody .firmDetail .searchbox {
    width: 200px;
}

.telephonyPopup.ione-dialog .ui-dialog-content .modalBody .firmDetail .splitButtonContainer .splitButton {
    color: white !important;
    font-weight: normal !important;
    text-decoration: none;
    font-size: 14px;
}

.telephonyPopup.ione-dialog .ui-dialog-content .modalBody .splitButtonContainer {
    right: inherit;
    left: 85%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

    .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .splitButtonContainer .splitButton {
        color: white !important;
        line-height: 30px !important;
        height: auto !important;
        border: none !important;
        background: #00a970 !important;
        border-radius: 10px 0 0 10px;
    }

    .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .splitButtonContainer .splitDropdown .splitButton {
        background: #00a970 url(../../Images/NewUI/pull_down-arrow.svg)no-repeat left 7px center / 12px !important;
        width: 30px !important;
        height: 30px !important;
        display: block !important;
        right: 10px;
        margin: 0;
        left: inherit;
        border: 1px solid rgba(255, 255, 255, 0.25) !important;
        border-radius: 0 10px 10px 0;
    }

.telephonyPopup.ione-dialog .ui-dialog-content .modalBody .splitDropdown .splitDropdown-content {
    padding: 0;
    min-width: auto;
    width: 100%;
    right: inherit;
    left: 0;
    top: 30px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 25%) !important;
}

    .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .splitDropdown .splitDropdown-content a {
        font-size: 14px !important;
        white-space: nowrap;
        padding: 5px 12px;
        display: block;
        font-weight: normal !important;
        text-decoration: none;
        color: black !important;
    }

.DarkTheme .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .ticketListing li,
.DarkTheme .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .firmDetail,
.DarkTheme .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .noResults {
    background: rgb(51,51,51);
}

    .DarkTheme .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .ticketListing li *,
    .DarkTheme .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .firmDetail p,
    .DarkTheme .telephonyPopup.ione-dialog .ui-dialog-content .modalBody .noResults {
        color: white;
    }


.ui-dialog[aria-describedby="dialog-NotificationCompany"], .ui-dialog[aria-describedby="dialog-NotificationPerson"] {
    z-index: 99999;
}

#dialog-sickCount .grid {
    padding-left: 0px;
}

#dialog-sickCount .CenterAlign {
    display: inline-block;
    text-align: center;
    align-content: center;
    padding-top: 10px;
    padding-left: 55px;
}

.MarginTop25 {
    margin-top: 25px !important;
}

.warningIndicator, .IONETheme.LightTheme .grid label.warningIndicator {
    color: red !important;
}

.positiveIndicator, .IONETheme.LightTheme .grid label.positiveIndicator {
    color: #00a970 !important;
}

.ione-dialog.LinkQRCode {
    width: 650px;
    z-index: 901;
    left: calc(50vw - 325px) !important;
    top: 25% !important;
}

.ScanCameraDiv {
    width: 300px;
    height: 300px;
    left: 30%;
}

.CameraBoxDiv {
    color: red;
    padding-top: 10px;
    display: block;
}

    .CameraBoxDiv #qr-video {
        width: 400px;
    }

.SmallPopup .CameraBoxDiv #qr-video {
    margin-left: 0%;
}

.mobile .CameraBoxDiv #qr-video {
    margin-left: -50px;
}

.ione-dialog.CreateBlankQRCode {
    z-index: 901;
    width: 350px;
    left: calc(50vw - 175px) !important;
    top: 25% !important;
}

.row.standard.NewSection {
    border: 1px solid rgba(0,0,0,0.5);
    padding-top: 20px;
    margin-bottom: 10px;
    min-height: 45px;
    padding-left: 10px;
}

.MarginLeft10 {
    margin-left: 10px !important;
}

.Label_Description {
    max-height: 195px;
    overflow-y: hidden;
}

.grid .large textarea.Full {
    width: calc(100vw - 320px);
}

.ui-dialog.ui-widget.ui-widget-content.ione-dialog.FreeTimeSlotPopup {
    width: 600px;
    height: 350px;
    top: calc(50vh - 175px);
    left: calc(50vw - 300px);
    z-index: 9999;
}

.IONETheme.LightTheme .ui-dialog.ui-widget.ui-widget-content.ione-dialog.FreeTimeSlotPopup + .modal-background {
    opacity: .4 !important;
    z-index: 9998;
}

.FreeTimeSlotPopup date-time-picker {
    position: initial !important;
    margin-top: -30px !important;
    display: block !important;
}

.DarkTheme .FreeTimeSlotTD a {
    color: white !important;
}

.FreeTimeSlotTD a {
    margin: 10px;
    padding: 10px;
    display: block;
    text-align: center;
    border: 1px solid rgba(156,158,159,0.3);
    cursor: pointer;
    font-weight: bold;
}

    .FreeTimeSlotTD a:hover,
    .IONETheme.LightTheme .ui-widget-content .FreeTimeSlotTD a:hover {
        background: #00a970 !important;
        color: white !important;
    }

.FreeTimeSlotTD {
    max-height: 250px;
    overflow-y: auto;
    padding-bottom: 10px;
}

.FreeTimeSlotPopup date-time-picker .day.disabledelement {
    font-size: 0px;
    background: transparent !important;
}

.FreeTimeSlotPopup date-time-picker .ng2-datetime-picker {
    background: transparent;
    border: none;
    margin-top: 20px;
}

.FreeTimeSlotPopup .ng2-datetime-picker .days .day-of-week {
    font-weight: normal;
}

.DarkTheme .FreeTimeSlotPopup .ng2-datetime-picker .days .day-of-week {
    color: white !important;
}

.DarkTheme .FreeTimeSlotPopup date-time-picker .ui-widget-header {
    color: white;
}

.FreeTimeSlotPopup date-time-picker .ui-widget-header {
    background: transparent;
    border: none;
    color: black;
    font-weight: normal;
}

.FreeTimeSlotPopup .ng2-datetime-picker-wrapper input {
    background: transparent;
    border: none;
    box-shadow: none !important;
    height: 0px !important;
}

.FreeTimeSlotPopup .ng2-datetime-picker .days .day.selectable {
    border: none;
    background: transparent !important;
    font-weight: bold;
    text-align: center;
}

.DarkTheme .FreeTimeSlotPopup .ng2-datetime-picker .days .day.selectable {
    color: white !important;
}

.FreeTimeSlotPopup .ng2-datetime-picker .days .day:not(.selected).selectable:hover,
.FreeTimeSlotPopup .ng2-datetime-picker .days .day.selectable.selected {
    background: #00a970 !important;
    color: white !important;
}

.FreeTimeSlotPopup .ng2-datetime-picker .ui-datepicker-header {
    height: 30px;
}

.DarkThem .FreeTimeSlotPopup .ng2-datetime-picker .ui-datepicker-header {
    color: white !important;
}

.FreeTimeSlotPopup .ui-datepicker-header .monthName,
.FreeTimeSlotPopup .ui-datepicker-header .yearName {
    line-height: 45px;
}

.FreeTimeSlotPopup .ui-datepicker .ui-datepicker-prev,
.FreeTimeSlotPopup .ui-datepicker .ui-datepicker-next {
    width: 30px;
    height: 30px;
}

.FreeTimeSlotPopup .ui-datepicker .ui-datepicker-prev {
    left: -15px;
}

    .FreeTimeSlotPopup .ui-datepicker .ui-datepicker-prev.month {
        left: 22px;
    }

.FreeTimeSlotPopup .ui-datepicker-header .monthName {
    margin-left: 77px;
}

.FreeTimeSlotPopup .ui-datepicker .ui-datepicker-next.month {
    right: 40px;
}

.DarkTheme .FreeTimeSlotPopup .ng2-datetime-picker .days .day.selectable.today:not(.selected) {
    background: transparent !important;
}

.FreeTimeSlotPopup .ui-datepicker-prev.year span.ui-icon-circle-triangle-w {
    background: url(../../Images/NewUI/op_scr_prev.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.LightTheme .FreeTimeSlotPopup .ui-datepicker-prev.year span.ui-icon-circle-triangle-w {
    background: url(../../Images/NewUI/LightTheme/op_scr_prev.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.FreeTimeSlotPopup .ui-datepicker-prev.month span.ui-icon-circle-triangle-w {
    background: url(../../Images/NewUI/obj_previous.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.LightTheme .FreeTimeSlotPopup .ui-datepicker-prev.month span.ui-icon-circle-triangle-w {
    background: url(../../Images/NewUI/LightTheme/obj_previous.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.FreeTimeSlotPopup .ui-datepicker-next.year span.ui-icon-circle-triangle-e {
    background: url(../../Images/NewUI/op_scr_next.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.LightTheme .FreeTimeSlotPopup .ui-datepicker-next.year span.ui-icon-circle-triangle-e {
    background: url(../../Images/NewUI/LightTheme/op_scr_next.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.FreeTimeSlotPopup .ui-datepicker-next.month span.ui-icon-circle-triangle-e {
    background: url(../../Images/NewUI/obj_next.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
    height: 30px;
    width: 30px;
    cursor: pointer;
}

.LightTheme .FreeTimeSlotPopup .ui-datepicker-next.month span.ui-icon-circle-triangle-e {
    background: url(../../Images/NewUI/LightTheme/obj_next.svg) 0px 0px no-repeat !important;
    background-size: 30px 30px !important;
}

.IONETheme .grid .EventFilterList label,
.IONETheme .grid .TaskFilterList label {
    cursor: pointer;
}

.IONETheme.LightTheme .grid .EventFilterList label,
.IONETheme.LightTheme .grid .TaskFilterList label {
    cursor: pointer;
}

.instanceExpiryMessage {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-right: 20px;
    color: red;
    margin-bottom: 5px;
}

.instanceBuildNumber {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 20px;
    margin-bottom: 5px;
}

.MarginTop25 {
    margin-top: 25px;
}

.gridAutocomplete {
    height: 31px !important;
    box-shadow: 0px 0px !important;
}

.LightTheme .editableField .gridAutocomplete input {
    color: rgba(0, 169, 112,0.9) !important;
}

.IONETheme.LightTheme .gridAutocomplete input,
.IONETheme.LightTheme .gridAutocomplete input:not(.disabledelement) {
    color: rgba(0, 169, 112,0.9) !important;
}

.SearchDataBox .SearchDataCnt .splitButtonContainer {
    position: relative;
}

.overflowVisible {
    overflow: visible !important;
}

.SearchDataBox .SearchDataCnt .splitDropdown-content {
    overflow: auto !important;
}

.gridAutocomplete ngb-typeahead-window .dropdown-item {
    display: block;
}

.dataTables_wrapper .Expanded {
    cursor: pointer;
    background: url(../../Images/NewUI/op_oth_expand_up.svg) left center no-repeat !important;
    background-size: 30px 30px !important;
}

.dataTables_wrapper .Collapse {
    cursor: pointer;
    background: url(../../Images/NewUI/op_oth_expand_right.svg) left center no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .dataTables_wrapper .Expanded {
    cursor: pointer;
    background: url(../../Images/NewUI/LightTheme/op_oth_expand_up.svg) left center no-repeat !important;
    background-size: 30px 30px !important;
}

.LightTheme .dataTables_wrapper .Collapse {
    cursor: pointer;
    background: url(../../Images/NewUI/LightTheme/op_oth_expand_right.svg) left center no-repeat !important;
    background-size: 30px 30px !important;
}

.small ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn {
    width: 133px !important;
    border: none !important;
}

.smallmedium ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn {
    width: 227px !important;
    border: none !important;
}

ng-multiselect-dropdown span.dropdown-btn {
    background: var(--color-3) url(../../Images/Theme_3_1/op_ctrl_pull-down.svg) center right +10px no-repeat !important;
    border-radius: 10px !important;
    height: 18px !important;
    line-height: 18px !important;
    overflow: hidden !important;
}

ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {
    display: none !important;
}

.multiselect-dropdown .dropdown-btn .selected-item-container .selected-item {
    border: none !important;
    background: #fff !important;
    color: #000000 !important;
    height: 18px !important;
    line-height: 18px !important;
}

ng-multiselect-dropdown {
    position: fixed;
    z-index: 1;
}

.multiselect-dropdown .dropdown-btn .selected-item-container .selected-item span {
    overflow: hidden !important;
    width: 100%;
    display: block;
    height: 18px !important;
}

.multiselect-dropdown .dropdown-multiselect--active,
.multiselect-dropdown .dropdown-btn > span:last-child:not(.selected-item-container) {
    top: 6px;
    position: absolute;
    right: 7px;
}

.multiselect-dropdown .dropdown-btn .selected-item:hover {
    box-shadow: none !important;
}

.multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div:before {
    background: url(../../Images/Theme_3_1/normal_white.svg) no-repeat center center;
    background-size: 24px 24px;
    width: 24px !important;
    height: 24px !important;
    margin-top: -12px !important;
    color: transparent !important;
    border: none !important;
    transition: none !important;
    animation: none !important;
}

.multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div:before {
    background: url(../../Images/Theme_3_1/checked.svg) no-repeat center center !important;
    animation: none !important;
    transition: none !important;
}

.multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div:after {
    transform: none !important;
    border: none !important;
    transition: none !important;
    animation: none !important;
}

.multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div {
    padding-left: 2.3em !important;
}

.multiselect-dropdown .dropdown-list ul {
    padding-bottom: 5px !important;
}

.multiselect-dropdown .dropdown-list {
    border-radius: 10px !important;
}

.showEditLink {
    display: none;
}

.showEditLinkContent {
    padding-right: 23px;
}

p.showEditLinkContainer:hover .showEditLink {
    position: absolute;
    display: block;
    top: -2px;
    right: -2px;
    height: 20px;
    width: 20px;
    margin-left: 5px;
    background: url(../../Images/Theme_3_1/box-arrow-up-right.svg) center center no-repeat !important;
}

    p.showEditLinkContainer:hover .showEditLink.attach {
        background: url(../../Images/Theme_3_1/link.svg) center center no-repeat !important;
    }

.IONETheme.LightTheme table.display td p.showEditLinkContainer:hover .showEditLinkContent,
.IONETheme.DarkTheme table.display td p.showEditLinkContainer:hover .showEditLinkContent,
p.showEditLinkContainer:hover .showEditLinkContent {
    text-decoration: underline;
    color: var(--color-6) !important;
    cursor: pointer;
}

.showEditLinkContainer {
    position: relative;
    width: fit-content !important;
}

.grid ione-list label, .grid ione-list .showEditLinkContainer {
    margin: 5px 0px;
}

div.FormElement .attachmentList input + label:before,
div.FormElement .attachmentList input.inputfile + label:before {
    background: none;
}

.mediumTD {
    width: 360px !important;
}

ione-datetimepicker input.dtpSmall::placeholder {
    text-overflow: ellipsis !important;
    font-size: calc(0.8rem);
}

.DeliveryUnitHeaderAlignment {
    text-align: left !important;
}

.AngularVersion .PopupReminderClass {
    height: auto;
    width: 600px;
    z-index: 999;
}

.informUser {
    display: none;
    visibility: hidden;
}

input[name*='HQEmailList'][name*='IsFixedEmail'][value='true'] + div .removePhone,
input[name*='HQEmailList'][name*='IsFixedEmail'][value='True'] + div .removePhone {
    display: none;
}