body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    font-size: 12px;
    color: var(--body-text-color);
    background-color: var(--page-bg); height: 100%; width: 100%;
}
.main {
    float: left;
    width: 100%;
    /*height: calc(100% - 61px);*/
}

.pb-85px {
    /*padding-bottom: 61px !important;*/
}

.content_box {
    /*padding-bottom:85px !important;*/
}

.content_menu {
    padding: 0px 20px 0px;
    float: left;
    width: 100%;
}

* {
    box-sizing: border-box;
}

.footer {
    background-color: var(--page-footer);
    padding-bottom: 10px;
    width: 100%;
    bottom: 0px; float:left; 
    border-top: 1px solid var(--default-white);
}

p, a, img, h1, form, table, tr, td, input {
    padding: 0;
    margin: 0;
}

img {
    border: none;
}

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

a {
    outline: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active,
    a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

h1 {
    margin: .67em 0;
    font-size: 2em;
}

mark {
    color: var(--default-black);
    background: #ff0;
}

small {
    font-size: 80%;
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

input {
    line-height: normal;
}

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type=search] {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-appearance: textfield;
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid silver;
}

legend {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: 700;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

td, th {
    padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */


/*-----Print-Css----*/
@media print {
    *,
    :after,
    :before {
        color: var(--default-black) !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    img,
    tr {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    select {
        background: var(--default-white) !important;
    }

    .navbar {
        display: none;
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: var(--default-black) !important;
    }

    .label {
        border: 1px solid var(--default-black);
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: var(--default-white) !important;
        }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd !important;
    }
}


.c {
    clear: both;
    line-height: 0px !important;
    height: 0px !important;
    overflow: hidden !important;
}
/*-------------------------Start Header------------------*/

.top_registration_menu {
    padding: 10px 0px 13px 15px;
    font-size: 100%;
    color: #c0e1e7;
    text-align: right;
    overflow: hidden;
}

    .top_registration_menu a {
        text-decoration: none;
        color: var(--top-user-text-color);
        }

        .top_registration_menu a:hover {
            text-decoration: underline;
         
        }

.k-menu .k-item > .k-link {
    padding: 1em 1.1em 1em;
}

.k-state-active, .k-state-active:hover, .k-active-filter {
    background: var(--primary);
    color: var(--default-white);
}

.k-state-hover > .k-link, .k-other-month.k-state-hover .k-link, div.k-imagebrowser-dropzone em {
    background: var(--primary-fourth);
    color: var(--default-white);
}
/*---------------------------End Headder----------------------*/

/*----------------Start Footer-----------------------*/
.footer_link_menu {
    width: 650px;
}

.footer_link {
    font-size: 100%;
    color: var(--body-text-color);
    line-height: 180%;
}

    .footer_link a {
        color: var(--body-text-color);
        text-decoration: none;
        padding: 0 5px;
    }

        .footer_link a:hover {
            color: #1c8ca1;
            text-decoration: none;
            padding: 0 5px;
        }

.copy_right {
    padding: 0px 0 0 5px;
    color: var(--footer-copyright);
}

    .copy_right a {
        color: var(--footer-text-link);
        padding: 0 5px;
        text-decoration: underline;
    }

        .copy_right a:hover {
            color: var(--footer-text-link-hover);
            text-decoration: none;
            padding: 0 5px;
        }

/*----------------End Footer-----------------------*/
/*----------------Start Candidate  Login-----------------------*/
.login_box {
    margin: 0px;
    height: 1%;
}

.login_input {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 250px;
    height: 20px;
    padding: 6px;
    background: var(--default-gray);
    border: 1px solid #d2cecf;
    outline: none;
    margin: 0 0 15px 0;
}

.login_text_label {
    font-size: 13px;
    padding: 0 0 5px 0;
    color: var(--default-black);
}

.sign_in_button_menu {
    margin: 0 0 15px 0;
}

.login_link_menu {
    font-size: 110%;
    color: var(--login-link-color);
}

    .login_link_menu a {
        color: var(--login-link-color);
        text-decoration: none;
    }

        .login_link_menu a:hover {
            color: var(--default-black);
            text-decoration: underline;
        }

a.blue_link {
    color: var(--login-link-color);
    text-decoration: underline;
}

    a.blue_link:hover {
        color: var(--default-black);
        text-decoration: underline;
    }

a.login_registration_button {
    width: 194px;
    height: 55px;
    display: block;
    background: url(../images/registration_button.png) top left no-repeat;
}

a:hover.login_registration_button {
    width: 194px;
    height: 55px;
    display: block;
    background: url(../images/registration_button.png) bottom left no-repeat;
}
/*----------------End Candidate  Login-----------------------*/
.inputbox {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 95%;
    height: 18px;
    padding: 2px 5px 4px;
    background: var(--default-white);
    border: 1px solid #94c0d2;
    outline: none;
    margin: 0 0 0 0;
    -moz-box-shadow: inset 0 2px 6px rgba(0,0,0,.15);
    -webkit-box-shadow: inset 0 2px 6px rgba(0,0,0,.15);
    box-shadow: inset 0 2px 6px rgba(0,0,0,.15);
    font-size: 13px;
}

.inputbox_text {
    font-size: 13px;
    padding: 3px 0 8px;
}

.w_70 {
    width: 70px;
    margin: 0 15px 0 0;
}

.w_55 {
    width: 55px;
    margin: 0 15px 0 0;
}

.w_40 {
    width: 40px;
    margin: 0 15px 0 0;
}

.w_160 {
    width: 160px;
}

.w_230 {
    width: 230px;
}

.w_145 {
    width: 145px;
}

.eror_msg {
    float: none;
    color: #F00;
    display: block;
    padding: 5px 0 5px;
    font-size: 12px;
}

.success_msg {
    float: none;
    color: green;
    display: block;
    padding: 5px 0 5px;
    font-size: 12px;
}

.group_color {
    background: var(--group-color-bg);
    border-bottom: 1px solid var(--group-color-bdr);
    border-top: 1px solid var(--group-color-bdr);
}

a.login_botton {
    border: 1px solid var(--login-btn-border);
    display: block;
    font-size: 11px !important;
    line-height: 17px;
    color: #214673;
    text-decoration: none;
    padding: 1px 10px 2px;
    margin: 0 5px 0 0;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;
    background: var(--login-btn);
}

    a.login_botton:hover {
        color: var(--default-white);
        text-decoration: none;
        background: var(--login-btn-hover);
    }

p.top_user_text {
    padding: 4px 15px 0 0;
}

    p.top_user_text span {
        display: block;
        font-style: italic;
        font-weight: bold;
        color: var(--top-user-deg-color);
    }

.input_button {
    padding: 7px 15px 7px 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0px;
    background: var(--btn-bg)!important;
    color: var(--default-white);
    text-shadow: none; /*height: 28px;font-size: 110%; */
    display: block;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 0 10px 0 0;
    text-decoration: none;
}
    /*a.input_button { padding: 6px 16px 6px 16px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 0px; background: #009AD7; color: #FFFFFF; text-shadow: none; margin: 0px 0 0 1px; height: 23px; display: block; font-size: 110%; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin: 0 10px 0 0; text-decoration: none; }*/
    .input_button:hover {
        background: var(--btn-hover)!important;
    }

    .input_button:focus {
        border: none;
    }

#logoutForm {
    float: right;
}

.demo-section {
    float: left;
    width: 450px;
    margin: 0 auto;
    padding: 0;
    -webkit-transform: translatez(0);
    position: relative; /*IE7*/
}

.demo-section-button {
    float: left;
    width: 40px;
    margin: 0 auto;
    padding: 0;
    -webkit-transform: translatez(0);
    position: relative; /*IE7*/
}

.add-button-fund {
    margin-top: 160px;
    margin-left: 4px;
}

.remove-button-fund {
    margin-left: 4px;
    margin-top: 5px;
}

.listview_source {
    height: 410px;
    overflow: auto;
}

.listview_destination {
    height: 410px;
    overflow: auto;
}

.cell {
    float: left;
    padding: 1px;
}

.rightborder { /*
            border-right-style: solid;
            border-right-width: 0px;
                */
}

.clear {
    clear: both;
}

.tbl {
    border-bottom: 1px solid black !important;
    border-right: 1px solid black !important;
    border-left: 1px solid black !important; /*border-style: solid;*/
    margin: 5px;
}

.k-state-selected {
    color: var(--default-white);
}

    .k-state-selected .cell {
        background-color: var(--default-black);
    }

.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header {
    white-space: normal;
}

.k-grid-content {
    /*min-height: 140px !important;*/
    overflow: auto;
}
/* Loader*/
#loadingbox {
    position: absolute;
    left: 45%;
    top: 50%;
    width: auto;
    height: auto;
    text-align: center;
    vertical-align: middle;
    display: block;
    z-index: 99999;
}

#Loader {
    position: fixed;
    left: 44%;
    top: 44%;
    z-index: 1000;
}

.lightboxOverlay {
    position: fixed;
    top: 0;
    left: 0;
    background: var(--default-white);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70) !important;
    opacity: 0.70;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 5;
}
/* Loader end*/

/*---------------------27-09-13-----------------------*/
.file-upload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.view_link a {
    color: var(--primary);
    text-decoration: none;
}

    .view_link a:hover {
        color: var(--default-black);
        text-decoration: none;
    }
/* KendoUI editor classes - starts
   Need to change as Toolbox of editor is not showing proper icons on the FAQ/News pages
*/
.k-treeview {
    border: 1px solid #ddd !important;
    padding: 5px !important;
}

    .k-treeview .k-checkbox {
        padding-top: 3px !important;
    }
/* KendoUI editor classes - ends */

h3 {
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: normal;
}
/*.k-window { top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: auto !important; position: fixed !important; padding: 0 !important; }*/
.k-window-title {
    font-weight: bold;
}

#WireCreationwidth {width:850px;}

/*------- Filter Section Css Start Here ---*/
.filter_section {
    background: var(--filter-section-bg);
    margin: 10px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid var(--filter-section-bdr);
}

.filter_btn_box, .filter_btn_box1, .filter_btn_box2 {
    padding: 10px;
}

a.filter_btn {
    display: inline-block;
    padding: 0 0 0 25px;
    margin: 0;
    background: url(../images/plusminus_collapsible_btn.png) top left no-repeat;
    font-size: 17px;
    line-height: 18px;
    text-decoration: none;
    color: var(--ragular-etire-color);

}

    a.filter_btn.active {
        background: url(../images/plusminus_collapsible_btn.png) bottom left no-repeat;
    }

.width25 {
    width: 24%;
    float: left;
}

.width13 {
    width: 13%;
    float: left;
}

.width10 {
    width: 10%;
    float: left;
}

.inputrowpb10 {
    padding: 0 0 10px;
}

.filter_grid_left {
    width: 45%;
    float: left;
}

.filter_grid_right {
    width: 45%;
    float: right;
}

.selectbox_input {
    width: 95% !important;
}

.filter_critearea_box {
    background: #f8f8f8;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
/*------- Filter Section Css End Here ---*/
/*-- Expand Collapse Css Start Here --*/
.expandcollapse_left {
    float: left;
    width: 200px;
    position: relative;
}

    .expandcollapse_left.collapse {
        float: left;
        width: 15px;
    }

.expandcollapse_right {
    margin-left: 225px;
}

    .expandcollapse_right.expand {
        margin-left: 15px;
        text-decoration: none !important;
    }

.expandcollapseleft_contentbox {
    border: 1px solid var(--expand-box-border);
    background: var(--default-white);
    padding: 5px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    display: block;
}

    .expandcollapseleft_contentbox.collapse {
        display: none;
    }

.expandcollapseright_contentbox {
    position: relative;
}

a.expandbtn {
    position: absolute;
    top: 0;
    right: -15px;
    height: 50px;
    width: 15px;
    background: url(../images/expand_collapse_btn.png) top left no-repeat;
}

a.expandbtn_active {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 15px;
    background: url(../images/expand_collapse_btn.png) top right no-repeat;
}

.checkbox_grid { /*height: 345px;*/
    overflow-y: scroll;
    padding: 0;
}

.expcol_checkbox_row {
    padding: 0 0 3px;
    margin-right: 5px;
}

.expcol_checkbox {
    float: left;
    padding: 6px 5px 0;
    position: relative;
    z-index: 15;
}

.expcol_checkboxtext,
.expcol_checkboxtext:active {
    background-color: var(--checkbox-text-btmbg);
    background-image: url('../images/highlight.png');
    background-image: none, -webkit-linear-gradient(top, var(--checkbox-text-topbg) 0, var(--checkbox-text-btmbg) 100%);
    background-image: none, -moz-linear-gradient(top, var(--checkbox-text-topbg)) 0, var(--checkbox-text-btmbg) 100%);
    background-image: none, -o-linear-gradient(top, var(--checkbox-text-topbg)) 0, var(--checkbox-text-btmbg) 100%);
    background-image: none, linear-gradient(to bottom, var(--checkbox-text-topbg)) 0, var(--checkbox-text-btmbg) 100%);
    background-position: 50% 50%;
    padding: 5px 5px 5px 25px;
    border: 1px solid var(--checkbox-text-bdr);
    cursor: move;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    z-index: 10;
    min-width: 171px;
    max-width: 171px;
}

/*-- Expand Collapse Css Start Here --*/

/*-- Success Message Popup Start --*/
.message_wrapper {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 21000;
}

.message_item_wrapper {
    display: block;
    position: relative;
    margin: 0;
    background: url(../images/blue_transparent.png) top left repeat;
    border-bottom: 1px solid darkseagreen;
}

.message_item {
    display: block;
    color: var(--default-white);
    padding: 10px 40px 10px 10px;
    font-size: 13px;
    text-align: center;
}

.message_closebtn {
    display: block;
    position: absolute;
    top: 8px;
    right: 10px;
    background: url(../images/message_remove_icon.png) no-repeat center center #025c80;
    cursor: pointer;
    width: 18px;
    height: 18px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

    .message_closebtn:hover {
        display: block;
        position: absolute;
        top: 8px;
        right: 10px;
        background: url(../images/message_remove_icon.png) no-repeat center center #555555;
        cursor: pointer;
        width: 18px;
        height: 18px;
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

/*-- Success Message Popup End --*/
.nav ul#menu li {
    width: 95px;
    text-align: center;
}

    .nav ul#menu li li {
        width: auto;
        min-width: 95px;
        text-align: left;
    }

.login_btnbox {
    float: right;
    padding: 3px 0 0 0;
}

.advertisement {
    background: url(../images/advertisement_bg.png) top left repeat var(--default-white);
    text-align: center;
    padding: 8px 0;
    border-bottom: 1px solid #262d39;
    height: 87px;
}

.SelectedMenu {
    background-color: var(--primary) !important;
    border-color: #7ec6e3;
}

    .SelectedMenu > .k-link {
        color: var(--default-gray)!important;
    }

/*--- Custom Dropdown Start ---*/
.customdropdown {
    height: 23px;
    border: 1px solid #94c0d2;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: url(../images/dropdown_normal.png) top left repeat-x;
}

    .customdropdown:hover {
        background: url(../images/dropdown_normal.png) bottom left repeat-x;
    }

.customdropdowntext {
    color: var(--ragular-etire-color);
    padding: 4px 22px 0 3px;
    background: url(../images/dropdown_down_arrowl.png) top right no-repeat;
    cursor: default;
    line-height: normal;
}

.section-title {
    float: left;
    width: 450px;
    margin: 0 auto;
    padding: 0;
    -webkit-transform: translatez(0);
    position: relative; /*IE7*/
    text-align: center;
}

    .section-title span {
        font-weight: bold;
        font-size: small;
    }
/* Text link style */
#scrollUp {
    bottom: 20px;
    right: 20px;
    height: 38px; /* Height of image */
    width: 38px; /* Width of image */
    background: url(../../Images/top.png) no-repeat;
}

#scrollUp-active {
    display: none;
}

.width100 {
    width: 100%;
}

.km-ios /* use .km-android, when you're not forcing the iOS styling) */ {
    -webkit-transform: translatez(0);
    -webkit-transition: -webkit-transform .0001ms;
}

.export_popup div {
    padding: 3px;
}

    .export_popup div span {
        padding-left: 3px;
        position: absolute;
    }

.TradeTypeModel,
.PaymentInvestModel {
    padding: .4em .6em !important;
}

.scroll_share {
    position: absolute;
    height: 0;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 50;
}

    .scroll_share .inner {
        left: -38px;
        position: absolute;
        text-align: center;
        width: 100%;
        display: block;
        top: -35px;
    }

a.scroll-left {
    height: 30px;
    width: 30px;
    display: block;
    background: url(../images/CustomScrollArrows.png) top left no-repeat;
    float: left;
    margin: 0;
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: 95px;
}

a.scroll-right {
    height: 30px;
    width: 30px;
    display: block;
    background: url(../images/CustomScrollArrows.png) top right no-repeat;
    float: right;
    margin: 0;
    cursor: pointer;
    position: absolute;
    right: -71px;
    top: 95px;
}

a:hover.scroll-left {
    height: 30px;
    width: 30px;
    display: block;
    background: url(../images/CustomScrollArrows.png) bottom left no-repeat;
    float: left;
    margin: 0;
    cursor: pointer;
}

a:hover.scroll-right {
    height: 30px;
    width: 30px;
    display: block;
    background: url(../images/CustomScrollArrows.png) bottom right no-repeat;
    float: right;
    margin: 0;
    cursor: pointer;
}

a.previous {
    height: 30px;
    width: 30px;
    display: block;
    background: url(../images/CustomScrollArrows.png) top left no-repeat;
    float: left;
    margin: 0;
    cursor: pointer;
    position: initial;
    left: 5px;
    top: 95px;
}
a.next {
    height: 30px;
    width: 30px;
    display: block;
    background: url(../images/CustomScrollArrows.png) top right no-repeat;
    float: right;
    margin: 0;
    cursor: pointer;
    position: initial;
    right: -71px;
    top: 95px;
}
a:hover.previous {
    height: 30px;
    width: 30px;
    display: block;
    background: url(../images/CustomScrollArrows.png) bottom left no-repeat;
    float: left;
    margin: 0;
    cursor: pointer;
}
a:hover.next {
    height: 30px;
    width: 30px;
    display: block;
    background: url(../images/CustomScrollArrows.png) bottom right no-repeat;
    float: right;
    margin: 0;
    cursor: pointer;
}

.Caveatlable {
    font-size: 13px;
    padding: 0 0 5px 0;
    color: rgb(0, 0, 0);
    font-weight: bold;
}

.right_align {
    text-align: right;
}

.applyMask {
    text-align: right;
}

.filter_transaction_box {
    float: left;
    width: 23%;
    margin-right: 2%;
}

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

.filter_grid_left1 {
    width: 15%;
    float: left;
}

.filter_grid_right1 {
    width: 80%;
    float: right;
}

.filter_column_details {
    overflow: auto;
    padding-left: 15px;
    padding-bottom: 5px;
}

a.clearSelection div:hover {
    background-color: #008BC3;
    color: white;
}

a.clearSelection div:active {
    background-color: #008BC3;
    color: white;
}

/*a.highlightReportName div {
    background-color: #008BC3;
    color: white;
}*/

.CalculateDividend {
    margin-top: 0px;
}

/*a.reportName div:hover { background-color: #ff0 }
a.reportName div:active { background-color: #ff0 }
a.clearSelection div:hover { background-color: #ff0 }
a.clearSelection div:active { background-color: #ff0 }
a.highlightReportName div { background-color: #ff0 }
*/

/*--xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Main Report Css Start Here added on 10-May-2014 --*/
.mainreport_leftmenu {
    width: 200px;
    float: left;
}

.mainreport_rightmenu {
    margin-left: 225px;
}

h3.heading1 {
    font-size: 13px;
    color: var(--default-black);
    padding: 0 0 10px 0;
    margin: 0 0 10px;
    font-weight: bold;
    background: url(../images/h3_heading1_bg.png) bottom left no-repeat;
}

h3.heading2 {
    font-size: 13px;
    color: var(--default-black);
    padding: 0 0 5px 0;
    margin: 0 0 0;
    font-weight: bold;
}

.divReportTemplate {
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid var(--primary-fourth);
    position: relative;
}

.clearselectionbox {
    padding: 10px 0;
    background: var(--default-white);
}

.inputcheckbox {
    float: left;
}

.inputcheckboxlabel {
    margin-left: 3px;
    float: left;
}

.filter_critearea_box .k-treeview span.k-in {
    color: var(--body-text-color)!important;
}

.ManageSolarPopup {
}

.TradeLocationText {
    font-size: 12px;
    font-weight: bold;
    padding: 6px;
}

/*--Main Report Start Here --*/
.mainreport_box {
    float: left;
    width: 100%;
}

    .mainreport_box .mainreport_comanddate_box,
    .mainreport_box .mainreport_column_box,
    .mainreport_box .mainreport_column_box2 {
        padding: 0 0 15px;
        float: left;
    }

.mainreport_comanddate_box {
    margin-left: 0px !important;
}

.mainreport_comanddate_box_inner1 {
    margin: 0 10px 0 0;
    padding: 0;
    float: left; /*width: 230px;*/
}

.mainreport_comanddate_box_inner2 {
    float: left; /* width: 140px;*/
}

.mainreport_column_box {
}

.mainreport_column_box_inner2 {
    padding-top: 20px !important;
}

.mainreport_column_box_inner1,
.mainreport_column_box_inner2,
.mainreport_column_box_inner3,
.mainreport_column_box_inner4 {
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    width: 160px;
}

.mainreport_column_box_inner4 {
    margin-right: 0;
}

.mainreport_column_box2 {
}

.inputrow2 {
    padding: 0 0 15px;
}

.clsReportTemplate {
}

.mainreport_column_box_row {
    padding: 0 0 3px;
}

/*--Main Report End Here --*/

.filter_critearea_box .k-treeview span.k-in {
    color: rgb(51, 51, 51) !important;
}
/*
.filter_critearea_box .k-state-selected, .filter_critearea_box .k-state-hover { background: none !important;-webkit-box-shadow: none !important; box-shadow: none !important;    border-color: #FFF !important;
}*/

.RequiredFieldMark {
    color: rgb(255, 0, 0);
    padding: 0px 3px;
}

#ShowTransactionCompleteMessageWindwo {
    overflow: hidden;
}

#tblAccountDetails tr:nth-child(odd),
#tblCompanyFFCDetails tr:nth-child(odd) {
    background-color: #eaf4f9;
}

.mt5px {
    margin-top: 5px !important;
}

.mt0px {
    margin-top: 0px !important;
}

.mt8px {
    margin-top: 8px !important;
}

.pt15px {
    padding-top: 15px !important;
}

.edit {
    background-image: url('../../../../images/sprite.png');
    background-position: -32px 0;
    height: 16px;
    width: 16px;
    cursor: pointer;
    margin-left: 4px;
}

.delete {
    background-image: url('../../../../images/sprite.png');
    background-position: -32px -16px;
    height: 16px;
    width: 16px;
    cursor: pointer;
    margin-left: 10px;
}

.AccRefLabel {
    float: right;
    display: none;
    margin-right: 35px;
}

.column65per {
    width: 65%;
}

.column35per {
    width: 35%;
}

.wordbreak {
    word-break: break-all;
}

div#FundName-list {
    width: 245px !important;
}

/*-- Analytics Css Start Here --*/
.analytics_section {
}

    .analytics_section .analytics_leftpan {
        width: 250px;
        position: relative; /*float: left;*/
    }

        .analytics_section .analytics_leftpan .analytics_filter {
            position: absolute;
            width: 250px;
            top: 0;
            left: 0;
            right: 0;
            padding: 10px;
            background: var(--analitics-bg);
            border: 1px solid var(--analitics-bdr);
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

    .analytics_section .analytics_rightpan {
        margin-left: 270px;
        overflow: hidden;
    }

.analytics_filter_head a {
    display: block;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #175168;
    padding: 0 20px 0 0;
    line-height: 16px;
    height: 16px;
}

    .analytics_filter_head a:hover {
        color: #175168;
    }

    .analytics_filter_head a.expand {
        background: url(../images/analytics_expand_collapse_icon.png) top right no-repeat;
    }

    .analytics_filter_head a.collapse {
        background: url(../images/analytics_expand_collapse_icon.png) bottom right no-repeat;
    }

.analytics_filter_content {
    margin: 10px 0 0;
    max-height: 105px;
    overflow: auto;
}

    .analytics_filter_content ul {
        margin: 0;
        padding: 0;
    }

        .analytics_filter_content ul li {
            margin: 0;
            padding: 0; /*white-space: nowrap;*/
            font-size: 12px;
            color: #666;
            margin: 0 0 5px;
            line-height: normal;
            float: left;
            clear: both;
        }



            .analytics_filter_content ul li .checkbox {
                float: left;
                padding: 1px 0 0;
                margin-bottom: 0;
            }

            .analytics_filter_content ul li.disabled {
                position: relative;
            }

                .analytics_filter_content ul li.disabled::after {
                    content: '';
                    display: block;
                    position: absolute;
                    height: 15px;
                    width: 100%;
                    background: rgba(255, 255, 255, 0.5);
                    top: 0;
                }

            .analytics_filter_content ul li .radiobox {
                float: left;
                padding: 1px 0 0;
                margin-bottom: 0;
            }




            .analytics_filter_content ul li .checkbox input[type=checkbox], .analytics_filter_content ul li .checkbox-inline input[type=checkbox], .analytics_filter_content ul li .radio input[type=radio], .analytics_filter_content ul li .radio-inline input[type=radio] {
                position: absolute;
                margin-top: 0px\9;
                margin-left: 0px;
            }


            .analytics_filter_content ul li .checkbox_text {
                margin-left: 18px;
            }

.analytics_filter_hr {
    height: 0px;
    background: none;
    margin: 10px 0;
    border-top: 1px solid #e5e5e5;
}

.analytics_chart {
    border: 1px solid #d7d7d7;
    background: var(--default-white);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.analytics_chart_headingbox {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: #f7f7f7;
    padding: 8px 10px;
}

.analytics_chart_type {
    float: left;
}

.chart_type_label {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #175168;
    line-height: normal;
    margin: -1px 0 0 0;
}

.chart_type_buttons {
    margin: 0px;
    display: inline-block;
    vertical-align: middle;
}

    .chart_type_buttons a {
        display: inline-block;
        height: 24px;
        width: 24px;
        background-color: #849eb1;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-image: url(../images/analytics_chart_type_ico_sprite.png);
        background-repeat: no-repeat;
    }

        .chart_type_buttons a.column_ico_btn {
            background-position: -1px -1px;
        }

        .chart_type_buttons a.bar_ico_btn {
            background-position: -1px -1px;
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }

        .chart_type_buttons a.pie_ico_btn {
            background-position: -27px -1px;
        }

        .chart_type_buttons a.map_ico_btn {
            background-position: -52px 0;
        }

        .chart_type_buttons a.gauge_ico_btn {
            background-position: -78px 0;
        }

        .chart_type_buttons a:hover,
        .chart_type_buttons a.selected {
            background-color: #054962;
        }

.analytics_chart_select {
    float: right;
}

.analytics_chart_select_label {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #175168;
    line-height: normal;
    margin: -1px 0 0 0;
}

.analytics_chart_select_box {
    display: inline-block;
    vertical-align: middle;
    padding-top: 2px;
}

.analytics_chart_box {
    padding: 10px;
}

.analytics_tablebox {
    padding: 20px;
    background: var(--default-white);
    border: 1px solid var(--analitics-bdr);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px 0 0;
}

.analytics_table {
    margin: 0 0 10px;
}
/*-- Analytics Css End Here --*/

.display_n {
    display: none;
}

.mrl_15 {
    margin-left: 15px;
}

.mr0 {
    margin-right: 0px !important;
}

.maxh210 {
    max-height: 210px;
}

.maxh252 {
    max-height: 252px;
}

.maxh342 {
    max-height: 342px;
}

.chartbox {
    width: 48%;
    overflow: auto;
    border: 1px solid #dadada;
}

.analytics_chart_box-m {
    margin: 0 10px;
    padding: 0;
}

.chartbox-m .k-chart {
    border:1px solid var(--chart-box-bdr);
    margin: 20px 0px;
}

.nodata_found_msg {
    height: 400px;
    display: table;
    width: 100%;
}

    .nodata_found_msg p {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        color: #C1C1C1;
        font-size: 18px;
        text-transform: uppercase;
    }

        .nodata_found_msg p span {
            transform: rotate(-25deg);
            -webkit-transform: rotate(-25deg);
            -moz-transform: rotate(-25deg);
            -o-transform: rotate(-25deg);
            -ms-transform: rotate(-25deg);
            display: inline-block;
        }

.colorpicker {
    margin: 2px;
    cursor: pointer;
    float: left;
    border: none;
    width: 25px;
    height: 25px;
}
/*Added For Map - 22-09-2016*/

.panel {
    float: left;
    width: 99%;
    height: 96%;
    position: relative; /*font-size: .8em; */
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
    margin-left: 14px;
}

    /* -- make sure to declare a default for every property that you want animated -- */
    /* -- general styles, including Y axis rotation -- */
    .panel .front {
        float: none;
        position: absolute;
        top: 0;
        left: 15px;
        z-index: 900;
        width: inherit;
        height: inherit;
        border: 1px solid var(--primary-fourth);
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        -moz-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

.map-panel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    height: 92% !important;
}

    .map-panel.panel {
        margin-left: 0px !important;
    }

.panel .back {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 800;
    width: inherit;
    height: inherit;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-179deg); /* setting to 180 causes an unnatural-looking half-flip */
    transform: rotateY(-179deg);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden; /* -- transition is the magic sauce for animation -- */
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
/* -- X axis rotation for click panel -- */
.flipclick .front {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.flipclick.flip .front {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.flipclick .back {
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}

.flipclick.flip .back {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
/*end: for flip*/

.height_94 {
    height: 94.4%;
}

/*---------- styles for Bing Map -----------*/
.bingmapbox_content {
    position: relative !important;
}

.map_content {
    top: 0px;
    width: 100%;
    border: none;
}

.bingmap_description_outer {
    width: 100%;
    background-color: #DCE6F2;
    border: Solid 1px #385D8A;
    line-height: 28px;
}

.bingmap_outer_title {
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #17375E;
    font-weight: bolder;
    font-family: serif !important;
}

.bingmap_description_inner tr td {
    word-break: break-all;
}

.MicrosoftMap .infobox-close {
    z-index: 99999999999;
}

.bingmap_description_inner {
    background-color: #4F81BD;
    border: Solid 1px #385D8A;
    color: var(--default-white);
    font-size: 13px;
    font-weight: normal;
    line-height: 25px;
    font-family: serif !important;
}
#Account_Attributes_Container {
    overflow: hidden;
}
#Custom_Account_Attributes_Container {
    overflow: hidden;
}
.pin_description_box {
    max-height: 240px;
    max-width: 480px;
    overflow: auto;
}

.MicrosoftMap .Infobox .infobox-body {
    width: auto !important;
}

.MicrosoftMap .Infobox .infobox-stalk {
    bottom: -16px !important;
    top: auto !important;
}

.bingmap_table_header {
    font-weight: normal !important;
    color: white;
}

.pin_description_box_MF {
    width: 100%;
}

/* Ends ---------- styles for Bing Map -----------*/

/*    Start - POC Css      */
@media only screen and (max-width: 1024px) {
    .statement_future {
        background-color: var(--statement-feature-color) !important;
    }

    .statement_mismatch {
        background-color: var(--statement-mismatch-color) !important;
    }

    .statement_match {
        background-color:var(--statement-match-color) !important;
    }

    .statement_today {
        background-color: var(--statement-today-color) !important;
    }

    .statement_notreceived {
        background-color:var(--statement-not-reci-color) !important;
    }

    .freeztable.k-grid .k-grid-header th.k-header {
        text-align: center;
    }

    .freeztable.k-grid td {
        padding: 4px;
        background-color: var(--default-white);
        border-left: 1px solid #A3D0E4;
        border-bottom: 1px solid #A3D0E4;
    }

    .freeztable.k-grid .k-detail-cell .k-detail-cell td.column {
        border-left: 1px solid var(--default-white);
        border-bottom: 1px solid var(--default-white);
    }

    #Level1 .k-grid-content .k-detail-row .k-detail-cell .k-grid .k-detail-row .k-detail-cell .k-grid .k-grid-content {
        overflow: hidden;
    }

    #Level1 .k-grid-content .k-detail-row .k-detail-cell .k-grid .k-grid-content {
        overflow: hidden;
    }

    #Level1 .k-grid-content {
        overflow-y: auto;
        overflow-x: hidden;
    }

    .k-list-scroller {
        overflow: auto;
    }

    .bold {
        font-weight: bold;
    }

    .contextMenuCell {
    }

    .freeztable.k-grid .column {
        text-align: right;
        padding-right: 10px;
    }

    .freeztable.k-grid .k-state-selected {
        background-color: #4cb8e3 !important;
        background-image: none !important;
    }

    .freeztable.k-grid #aria_active_cell {
        box-shadow: inset 0 0 0 1px var(--default-black);
    }

    .freeztable.k-grid .fixedColumn {
        cursor: default;
    }

        .freeztable.k-grid .fixedColumn.k-state-selected {
            background-color: var(--default-white) !important;
            cursor: default;
            color: var(--ragular-etire-color);
        }

        .freeztable.k-grid .fixedColumn#aria_active_cell {
            box-shadow: none !important;
        }

    .headersum {
        white-space: nowrap;
        background-color: #d9ecf5;
        color: #1e395b;
        padding: 7px 4px 10px 6px;
        border: 1px solid #A3D0E4;
        line-height: 2;
    }

    .displaynone {
        display: none;
    }

    .contextMenuCell {
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Chrome/Safari/Opera */
        -khtml-user-select: none; /* Konqueror */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* IE/Edge */
        user-select: none; /* non-prefixed version, currently*/
    }

    .smthemes_share_fix {
        width: 92%;
        margin: 0 auto;
        position: fixed !important;
        top: 215px;
        height: 0px;
        z-index: 40000 !important;
    }

    a.scroll-left {
        height: 45px;
        width: 45px;
        display: block;
        background: url(../Content/images/CustomScrollArrows_90x90.png) top left no-repeat;
        float: left;
        margin: 0;
        cursor: pointer;
        position: absolute;
        left: -8px;
        top: 95px;
    }

    a.scroll-right {
        height: 45px;
        width: 45px;
        display: block;
        background: url(../Content/images/CustomScrollArrows_90x90.png) top right no-repeat;
        float: right;
        margin: 0;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 95px;
    }

    a:hover.scroll-left {
        height: 45px;
        width: 45px;
        display: block;
        background: url(../Content/images/CustomScrollArrows_90x90.png) bottom left no-repeat;
        float: left;
        margin: 0;
        cursor: pointer;
    }

    a:hover.scroll-right {
        height: 45px;
        width: 45px;
        display: block;
        background: url(../Content/images/CustomScrollArrows_90x90.png) bottom right no-repeat;
        float: right;
        margin: 0;
        cursor: pointer;
    }

    .inactiveCategory {
        background-color: gray !important;
    }
}

@media only screen and (max-width:991px) {
    #WireCreationwidth {
        width: 85%;
    }
}


    @media only screen and (max-width:524px) {
        #WireCreationwidth {
            width: 75%;
        }
        #Level1 .k-grid-content {
            overflow-x: visible;
        }

        #scrollWrapperDiv {
            overflow-x: hidden;
            overflow-y: hidden;
            width: 0px;
        }
        /* #menuLevel3{
        top:299px;
    }*/
    }
    /*@media only screen and (max-width:600px) {
    #Level1 .k-grid-content {
        overflow-x:visible;
    }
    #scrollWrapperDiv {
        overflow-x: hidden;
        overflow-y: hidden;
        width: 0px;
    }*/
    /* #menuLevel3{
        top:299px;
    }*/
    /*}*/

    @media only screen and (min-width:1025px) {
        .statement_future {
            background-color: var(--statement-feature-color) !important; /*#0A90C4 !important;*/
        }

        .statement_mismatch {
            background-color: var(--statement-mismatch-color)!important; /*#0A90C4 !important;*/
        }

        .statement_match {
            background-color: var(--statement-match-color) !important;
        }

        .statement_today {
            background-color: var(--statement-today-color) !important;
        }

        .statement_notreceived {
            background-color: var(--statement-not-reci-color) !important;
        }

        .freeztable.k-grid .k-grid-header th.k-header {
            text-align: center;
        }

        .freeztable.k-grid td {
            padding: 4px 6px 4px 4px;
            background-color: var(--default-white);
            border-left: 1px solid #A3D0E4;
            border-bottom: 1px solid #A3D0E4;
        }

        .freeztable.k-grid .k-detail-cell .k-detail-cell td.column {
            border-left: 1px solid var(--default-white) !important;
            border-bottom: 1px solid var(--default-white) !important;
        }
        /*hide scroll .k-grid-content */
        #Level1 .k-grid-content .k-detail-row .k-detail-cell .k-grid .k-detail-row .k-detail-cell .k-grid .k-grid-content {
            overflow: hidden;
        }

        #Level1 .k-grid-content .k-detail-row .k-detail-cell .k-grid .k-grid-content {
            overflow: hidden;
        }

        #Level1 .k-grid-content {
            overflow-y: auto;
            overflow-x: hidden;
        }

        /*------------------*/
        /*hide scroll .k-grid-content */
        #ProcessDataGrid .k-grid-content .k-detail-row .k-detail-cell .k-grid .k-detail-row .k-detail-cell .k-grid .k-grid-content {
            overflow: hidden;
        }

        #ProcessDataGrid .k-grid-content .k-detail-row .k-detail-cell .k-grid .k-grid-content {
            overflow: hidden;
        }

        #ProcessDataGrid .k-grid-content {
            overflow-y: auto;
            overflow-x: hidden;
        }

        .k-list-scroller {
            overflow: auto;
        }

        .bold {
            font-weight: bold;
        }

        .contextMenuCell {
        }

        .freeztable.k-grid .column {
            text-align: right;
        }

        .freeztable.k-grid .k-state-selected {
            background-color: var(--primary) !important;
            background-image: none !important;
        }

        .freeztable.k-grid #aria_active_cell {
            box-shadow: inset 0 0 0 1px var(--primary);
        }

        .freeztable.k-grid .fixedColumn {
            cursor: default;
        }

            .freeztable.k-grid .fixedColumn.k-state-selected {
                background-color: var(--default-white) !important;
                cursor: default;
                color: var(--ragular-etire-color);
            }

            .freeztable.k-grid .fixedColumn#aria_active_cell {
                box-shadow: none !important;
            }

        .headersum {
            white-space: nowrap;
            background-color: #d9ecf5;
            color: #1e395b;
            padding: 7px 4px 10px 6px;
            border: 1px solid #A3D0E4;
            line-height: 2;
        }

        .displaynone {
            display: none;
        }

        .contextMenuCell {
            -webkit-touch-callout: none; /* iOS Safari */
            -webkit-user-select: none; /* Chrome/Safari/Opera */
            -khtml-user-select: none; /* Konqueror */
            -moz-user-select: none; /* Firefox */
            -ms-user-select: none; /* IE/Edge */
            user-select: none; /* non-prefixed version, currently*/
        }

        a.scroll-left {
            display: none;
        }

        a.scroll-right {
            display: none;
        }
        /*.freeztable.k-grid table { width:100px !important; }*/
        .inactiveCategory {
            background-color: gray !important;
        }
    }
    /*    End - POC Css*/

    /* ForeCast popup style starts here */

    /* PopUp Start Here */
h2.popup_heading {
    font-size: 20px;
    color: var(--page-header-bg);
    font-weight: normal;
    padding: 5px 15px 9px;
    margin: 0;
    background: #e3eaf0;
    border-bottom: 1px solid #a3b6c5;
}

.popup_content {
    background: var(--default-white);
    padding: 10px;
}
    /* PopUp End Here */

    /*---------- Forecast Reccurence Tabs Start Here -------*/
.tabsection {
    background: var(--default-white);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .tabstyle {
        position: relative;
        padding: 0;
        margin: 0;
    }

        .tabstyle ul {
            padding: 0;
            margin: 0;
        }

            .tabstyle ul li {
                float: left;
                display: block;
                margin: 0 5px 0 0;
                padding: 0;
                position: relative;
            }

                .tabstyle ul li a {
                    background: #E3EAF0;
                    display: block;
                    padding: 7px 10px 7px;
                    margin: 0;
                    font-size: 14px;
                    color: #3B5467;
                    text-decoration: none;
                    border: 1px solid #A3B6C5;
                }

                    .tabstyle ul li a:hover {
                        background: #A3B6C5;
                        display: block;
                        padding: 7px 10px 7px;
                        margin: 0;
                        font-size: 14px;
                        color: var(--default-white);
                        border: 1px solid #A3B6C5;
                    }

                    .tabstyle ul li a.selected {
                        background: var(--default-white);
                        display: block;
                        padding: 7px 10px 7px;
                        margin: 0;
                        font-size: 14px;
                        color: #314554;
                        border: 1px solid #A3B6C5;
                        border-bottom: 1px solid var(--default-white);
                    }

    .tabcontent_box {
        padding: 10px;
        margin-top: -1px;
        border: 1px solid #A3B6C5;
    }
    /*---------- Forecast Reccurence Tabs End Here -------*/

    /*---------- Forecast Reccurence Start Here -------*/
.forecast_reccurence_popup {
    background: var(--default-white);
    padding: 0;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative;
    z-index: 19999;
}

    .forecast_reccurence_common_box {
        padding: 10px 0;
    }

    .forecast_reccurence_button_box {
        padding: 10px 0;
    }
    /*---------- Forecast Reccurence End Here -------*/

    /* ForeCast popup style ends here */
    .width43 {
        width: 43%;
    }

    .width45 {
        width: 45%;
    }

    .width46_5 {
        width: 46.5%;
    }

    .width50 {
        width: 50%;
    }

    .width55 {
        width: 55%;
    }

    .width21 {
        width: 25%;
    }

    .width65px {
        width: 65px !important;
    }

    .mr10px {
        margin-right: 10px !important;
    }

    .mr5px {
        margin-right: 5px !important;
    }

    .mr_23 {
        margin-right: 23px;
    }

    .ShowHideContent {
        position: absolute;
        top: 175px;
        right: 42px;
        z-index: 999;
    }

   

.dailycash_filters {
    border: solid thin var(--primary-fourth);
    background: var(--primary-seven);
}
    }

    /* Ends ---------- styles for Padding -----------*/
    .custom_input {
        width: 240px;
        margin-right: 23px;
        padding-bottom: 15px;
        float: left;
    }

.grid_title_tbl {
    font-weight: normal;
    font-size: 16px;
    color: var(--page-header-bg);
    font-weight: bold;
    padding: 6px 0px 0px;
    margin: 20px 0 10px 0;
}

    .red {
        color: black;
        background-color: lightyellow;
    }

    .iPadTouch {
        -webkit-user-select: none !important;
        -webkit-touch-callout: none !important;
    }

.k-state-active, .k-state-hover > .k-link, .k-other-month.k-state-hover .k-link, div.k-imagebrowser-dropzone em {
    background:var(--primary-fourth);
    color: var(--default-white);
}

    .checkbox_box input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        height: 16px !important;
        width: 16px !important;
    }

    a:hover.save_btn {
    }

.selectbox {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 5px 4px;
    background: var(--default-white);
    border: 1px solid #94c0d2;
    outline: none;
    margin: 0 0 15px 0;
    -moz-box-shadow: inset 0px 2px 6px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0px 2px 6px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 2px 6px rgba(0, 0, 0, 0.15);
    font-size: 13px;
}

.inputbox_label {
    font-size: 13px;
    padding: 0 0 5px 0;
    color: var(--default-black);
    font-weight: bold;
}

    .checkbox_box {
        width: 20px;
        float: left;
        padding: 0px 0 0 0;
    }

.checkbox_label {
    font-size: 12px;
    padding: 0 0 5px 0;
    color: var(--default-black);
    font-weight: normal;
    /*float: left;*/
}

a.link_btn {
    display: block;
    font-size: 14px;
    color: #214673;
    text-decoration: none;
    padding: 5px 10px 8px;
    margin: 0 15px 0 0;
    text-align: center;
    text-shadow: 1px 1px 1px var(--default-white);
    float: left;
}

a.save_btn {
    border: 1px solid #739aa8;
    display: block;
    font-size: 14px;
    color: #214673;
    text-decoration: none;
    padding: 5px 20px 8px;
    margin: 0 15px 0 0;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 1px 1px 1px var(--default-white);
    float: left;
}

    a:hover.save_btn {
    }

    span.red_msg {
        color: #F00;
        display: block;
        padding: 3px 0 0;
        font-size: 12px;
    }

    .pin-accounts {
        padding: 15px 10px;
    }

        .pin-accounts .k-state-selected td {
            color: var(--default-white);
            word-wrap: break-word;
        }


    .right_align {
        text-align: right !important;
    }

    .left_align {
        text-align: left !important;
    }

    .center_align {
        text-align: center;
    }

    .cursor_pointer {
        cursor: pointer !important;
    }

    .popup_background {
        background-color: gray;
        opacity: .7;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 9999;
        width: 100%;
        height: 100%;
    }

    .popup_div {
        z-index: 19998;
        border: thin solid #8ba0bc;
        position: absolute;
        margin-top: 30px;
    }

    .context_div {
        z-index: 19998;
        background-color: #e7f0fa;
        border: thin solid #8ba0bc;
        position: absolute;
    }

    .dailycash {
        width: 100%;
        height: 100%;
        position: relative;
        perspective: 800px;
        margin: 0;
        padding: 0;
    }

    .panel .back {
        float: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 800;
        width: inherit;
        height: inherit;
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-179deg);
        transform: rotateY(-179deg);
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }


.border_1_white {
    border: solid 1px var(--default-white);
}

.statement_notreceived {
    background-color: var(--statement-not-reci-color) !important;
}

.statement_legend_notreceived {
    width: 15px;
    height: 15px;
    border: 1px solid var(--default-white);
    background-color: var(--statement-not-reci-color) !important;
}

    .legends_label {
        margin: 0 15px 0 5px;
    }

    .statement_mismatch {
        background-color: var(--statement-mismatch-color) !important;
    }

.statement_match {
    background-color: var(--statement-match-color) !important;
}

.statement_legend_mismatch {
    width: 15px;
    height: 15px;
    border: 1px solid var(--default-white);
    background-color: #faa !important;
}

.statement_future {
    background-color: var(--statement-feature-color) !important;
}

.statement_legend_match {
    width: 15px;
    height: 15px;
    border: 1px solid var(--default-white);
    background-color: var(--statement-match-color) !important;
}

.statement_legend_future {
    width: 15px;
    height: 15px;
    border: 1px solid var(--default-white);
    background-color: var(--statement-feature-color) !important;
}

.statement_today {
    background-color: var(--statement-today-color) !important;
}

.statement_legend_today {
    width: 15px;
    height: 15px;
    background-color: var(--statement-today-color) !important;
    border: 1px solid #bbbbbb;
}

    .button_close_box {
        width: 30px;
        height: 30px;
        display: block;
        margin: 2px 5px;
    }

    .button_top_close {
        width: 30px;
        height: 30px;
        cursor: pointer;
        display: block;
        background: url(../../Images/icon-close-30.png) top right no-repeat;
    }

    .payment_continue {
        height: 30px;
        cursor: pointer;
        display: block;
    }



    .payment_next {
        width: 30px;
        height: 30px;
        cursor: pointer;
        display: block;
        background: url(../../Images/right.png) no-repeat;
    }

    .payment_back {
        width: 30px;
        height: 30px;
        cursor: pointer;
        display: block;
        background: url(../../Images/left.png) no-repeat;
    }
    /*.bingmapbox_content { position: relative!important }
.map_content { top: 0; width: 100%; border: solid thin #dadada }
.bingmap_description_outer { width: 97%; background-color: #dce6f2; border: Solid 2px #385d8a; line-height: 28px }
.bingmap_outer_title { width: 100%; text-align: center; font-size: 15px; color: #17375e; font-weight: bolder; font-family: serif!important }
.bingmap_description_inner { background-color: #4f81bd; border: Solid 2px #385d8a; color: #fff; font-size: 13px; font-weight: normal; line-height: 25px; font-family: serif!important }
.pin_description_box { height: 175px!important; width: 355px!important }
.bingmap_table_header { font-weight: normal!important; color: #fff }*/
    .bingmap_infobox {
        /*width: 375px !important;
    height: 180px !important;
    top: -88px !important;*/
    }
    /*
.bingmap_infobox_MF {
    width: 375px !important;
    height: 214px !important;
    top: -88px !important;
}
*/

    .bingmap_infobox_nodata {
        width: 375px !important;
        height: 47px !important;
        margin-top: 170px !important;
    }

    .MicrosoftMap .Infobox.no-title .infobox-info {
        margin-right: 0px !important;
    }

    _\37_50per {
        width: 50% !important;
    }

    .w_25 {
        width: 25px !important;
        margin: 0 15px 0 0;
    }

    .w_30 {
        width: 30px !important;
    }

    .w_35 {
        width: 35px !important;
        margin: 0 15px 0 0;
    }

    .w_40 {
        width: 40px !important;
        margin: 0 15px 0 0;
    }

    .w_55 {
        width: 55px !important;
        margin: 0 15px 0 0;
    }

    .w_70 {
        width: 70px !important;
        margin: 0 15px 0 0;
    }

    .w_85 {
        width: 85px !important;
        margin: 0 15px 0 0;
    }

    .w_95 {
        width: 95px !important;
    }

    .w_115 {
        width: 115px !important;
    }

    .w_200 {
        width: 200px !important;
    }

    .w_130 {
        width: 130px !important;
    }

    .w_145 {
        width: 145px !important;
    }

    .w_150 {
        width: 150px !important;
    }

    .w_160 {
        width: 160px !important;
    }

    .w_170 {
        width: 170px !important;
    }

    .w_200 {
        width: 200px !important;
    }

    .w_210 {
        width: 210px !important;
    }

    .w_230 {
        width: 230px !important;
    }

    .w_560 {
        width: 560px !important;
    }

    .w_49per {
        width: 49% !important;
    }

    .w_1per {
        width: 1% !important;
    }

    .h_30 {
        height: 30px !important;
    }

    .h_100 {
        height: 100px !important;
    }

    .h_150 {
        height: 150px !important;
    }

    .h_440 {
        height: 440px !important;
    }

    .h_570 {
        height: 570px !important;
    }

    .h_600 {
        height: 600px !important;
    }

    .h_630 {
        height: 630px !important;
    }

    .h_700 {
        height: 700px !important;
    }

    .h_735 {
        height: 735px !important;
    }

    .h_auto {
        height: auto !important;
    }

    .margin_0 {
        margin: 0 !important;
    }

    .margin_top_5 {
        margin-top: 5px !important;
    }

    .margin_bBottom_7 {
        margin-bottom: 7px !important;
    }

    .margin_bottom_10 {
        margin-bottom: 10px !important;
    }

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

    .margin_top_10 {
        margin-top: 10px !important;
    }

    .margin_left_10 {
        margin-left: 10px !important;
    }

    .margin_left_25 {
        margin-left: 25px !important;
    }

    .margin_5px {
        margin: 5px !important;
    }

    .margin_1px {
        margin: 1px !important;
    }

    .margin_2px {
        margin: 2px !important;
    }

    .padding_0 {
        padding: 0 !important;
    }

    .padding_3 {
        padding: 3px !important;
    }

    .padding_5 {
        padding: 5px !important;
    }

    .padding_10 {
        padding: 10px !important;
    }

    .padding_15 {
        padding: 15px !important;
    }

    .padding_20 {
        padding: 20px !important;
    }

    .padding_left_15 {
        padding-left: 15px !important;
    }

    .padding_top_0 {
        padding-top: 0 !important;
    }

    .padding_top_3 {
        padding-top: 3px !important;
    }

    .padding_top_4 {
        padding-top: 4px !important;
    }

    .padding_top_5 {
        padding-top: 5px !important;
    }

    .padding_top_10 {
        padding-top: 10px !important;
    }

    .padding_top_12 {
        padding-top: 12px !important;
    }

    .padding_top_15 {
        padding-top: 15px !important;
    }

    .padding_top_18 {
        padding-top: 18px !important;
    }

    .padding_top_19 {
        padding-top: 19px !important;
    }

    .padding_bottom2 {
        padding-bottom: 2px !important;
    }

    .padding_bottom_0 {
        padding-bottom: 0 !important;
    }

    .padding_bottom_10 {
        padding-bottom: 10px !important;
    }

    .padding_right_5 {
        padding-right: 5px !important;
    }

    .padding_right_15 {
        padding-right: 15px !important;
    }

    .padding_right_120 {
        padding-right: 120px !important;
    }

    .padding_left12_bottom8 {
        padding: 0 0 8px 12px !important;
    }

    .padding_top12_right120 {
        padding: 12px 120px 0 0 !important;
    }

    .padding_top_bottom_3 {
        padding: 3px 0 3px 0 !important;
    }

    .padding_left_10 {
        padding-left: 10px !important;
    }

    .bgSelected {
        background-color: #4cb8e3 !important;
    }

    .display_link {
        color: blue !important;
        text-decoration: underline !important;
        display: block;
        background: none;
        border: none;
        padding: 0;
    }

    .delete_link {
        width: 16px;
        height: 16px;
        display: block;
        cursor: pointer;
        background: url(../../images/deleteColumn.png) no-repeat;
    }

.show_content {
    width: 30px;
    height: 27px;
    display: block;
    cursor: pointer;
    background: var(--primary);
}

    .show_content::before {
        content: '';
        position: absolute;
        display: block;
        height: 10px;
        width: 10px;
        border: 1px solid rgba(255, 255, 255, 1);
        border-width: 3px 3px 0 0;
        top: 5px;
        left: 8px;
        transform: rotate(132deg);
    }

        .hide_content {
            width: 30px;
            height: 27px;
            display: block;
            cursor: pointer;
            background: var(--primary);
        }
    .hide_content::before {
        content: '';
        position: absolute;
        display: block;
        height: 10px;
        width: 10px;
        border: 1px solid rgba(255, 255, 255, 1);
        border-width: 3px 3px 0 0;
        top: 10px;
        left: 8px;
        transform: rotate(315deg);
    }

.contentbox_footer .dxbButton_Office2010Blue {
    padding: 2px 16px 2px 16px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    border: 0 !important;
    background: #009ad7;
    color: var(--default-white) !important;
    text-shadow: none !important;
    display: block;
    font-size: 110%;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    margin: 0 10px 0 0;
    text-decoration: none;
}

    .k-treeview {
        border: 1px solid #ddd !important;
        padding: 5px !important;
    }

        .k-treeview .k-checkbox {
            padding-top: 3px !important;
        }

.filter_grid_content {
    background: var(--default-white);
    padding: 10px 10px 10px 15px;
}

.filter_grid_content1 {
    background: var(--default-white);
    padding: 10px;
}

    .nav .dxmLite_Office2010Blue .dxm-main {
        border: none !important;
    }

    #ShowTransactionCompleteMessageWindwo {
        overflow: hidden;
    }

    .nav .dxm-main {
        margin-top: 0 !important;
    }

    .nav ul.dx {
    }

        .nav ul.dx li {
            height: 38px !important;
        }

            .nav ul.dx li span,
            .nav ul.dx li:hover span {
                height: 21px !important;
                padding: 3px 0 0 0 !important;
                padding: 3px 0 0 0/9 !important;
            }

    .dxmLite_Office2010Blue .dxm-horizontal .dxm-image-l .dxm-popOut,
    .dxmLite_Office2010Blue .dxm-horizontal .dxm-image-r .dxm-popOut,
    .dxmLite_Office2010Blue .dxm-horizontal .dxm-image-t.dxm-noImages .dxm-popOut,
    .dxmLite_Office2010Blue .dxm-horizontal .dxm-image-t .dxm-noImage .dxm-popOut,
    .dxmLite_Office2010Blue .dxm-horizontal .dxm-image-b.dxm-noImages .dxm-popOut,
    .dxmLite_Office2010Blue .dxm-horizontal .dxm-image-b .dxm-noImage .dxm-popOut {
        padding-top: 4px !important;
        padding-bottom: 0 !important;
    }

    .nav ul.dx li .dxm-popOut {
        height: 34px !important;
    }

    .dxmLite_Office2010Blue .dxm-horizontal .dxm-image-l .dxm-content,
    .dxmLite_Office2010Blue .dxm-horizontal .dxm-image-r .dxm-content {
        padding: 10px 12px !important;
    }

.nav .dxm-popup ul.dx {
    background: var(--default-white) !important;
    height: auto !important;
}

        .nav .dxm-popup ul.dx li {
            padding-left: 5px !important;
            height: auto !important;
        }

            .nav .dxm-popup ul.dx li span {
                height: auto !important;
                padding: 5px 0 5px 0 !important;
            }

.nav .dxmLite_Office2010Blue .dxm-popup {
    background-color: var(--default-white);
    border: 1px solid #a7abb0;
    padding: 1px;
    width: 125px !important;
}

    .light_box_main {
        position: fixed;
        top: 120px;
        width: 100%;
        z-index: 99999;
    }

    .light_box_main_content {
        width: 550px;
        margin: 0 auto;
        height: 350px;
    }

    img#MainMenu_DXI0_PImg {
        margin-top: 14px !important;
    }

    .dxmLite_Office2010Blue.dxm-ltr {
        background-color: #dae5f2;
    }
    /*.k-loading-mask-local { display: none!important }*/
h2.popup_heading {
    font-size: 20px;
    color: var(--page-header-bg);
    font-weight: normal;
    padding: 5px 15px 9px;
    margin: 0;
    background: #e3eaf0;
    border-bottom: 1px solid #a3b6c5;
}

.popup_content {
    background: var(--default-white);
    padding: 10px;
}

.tabsection {
    background: var(--default-white);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .tabstyle {
        position: relative;
        padding: 0;
        margin: 0;
    }

        .tabstyle ul {
            padding: 0;
            margin: 0;
        }

            .tabstyle ul li {
                float: left;
                display: block;
                margin: 0 5px 0 0;
                padding: 0;
                position: relative;
            }

                .tabstyle ul li a {
                    background: #e3eaf0;
                    display: block;
                    padding: 7px 10px 7px;
                    margin: 0;
                    font-size: 14px;
                    color: #3b5467;
                    text-decoration: none;
                    border: 1px solid #a3b6c5;
                }

                    .tabstyle ul li a:hover {
                        background: #a3b6c5;
                        display: block;
                        padding: 7px 10px 7px;
                        margin: 0;
                        font-size: 14px;
                        color: var(--default-white);
                        border: 1px solid #a3b6c5;
                    }

                    .tabstyle ul li a.selected {
                        background: var(--default-white);
                        display: block;
                        padding: 7px 10px 7px;
                        margin: 0;
                        font-size: 14px;
                        color: #314554;
                        border: 1px solid #a3b6c5;
                        border-bottom: 1px solid var(--default-white);
                    }

    .tabcontent_box {
        padding: 10px;
        margin-top: -1px;
        border: 1px solid #a3b6c5;
    }

.forecast_reccurence_popup {
    background: var(--default-white);
    padding: 0;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative;
    z-index: 19999;
}

    .forecast_reccurence_common_box {
        padding: 10px 0;
    }

    .forecast_reccurence_button_box {
        padding: 10px 0;
    }

.checkbox_label_2 {
    font-size: 12px;
    padding: 3px 0 5px 0;
    color: var(--default-black);
    font-weight: normal;
    float: left;
}

.grid-link {
    min-width: 64px;
    margin: 0 .2em !important;
    -moz-user-select: none !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: none;
    background-color: #daecf4;
    border-color: #94c0d2;
    color: var(--ragular-etire-color)!important;
    background-image: none, linear-gradient(to bottom, #eaf4f9 0, #dbecf4 100%);
    background-position: 50% 50%;
    line-height: 1.66em;
    box-sizing: border-box;
    padding: 3px 7px;
    text-align: center;
    text-decoration: none !important;
    border-style: solid;
    border-width: 1px;
    font-size: 100%;
    outline: 0 none;
    cursor: pointer;
}

        .grid-link:hover {
            background-image: url(../Images/highlight.png);
            background-color: #7dd3f6;
            border-color: #7ec6e3;
            color: #005c83 !important;
            margin: 0 .2em !important;
            outline: 0 none !important;
        }

    .ImportForecastPopup {
        left: 20% !important;
        top: 30px;
        width: 60% !important;
    }

    .PaymentPopup {
        left: 11% !important;
        top: 30px;
        width: 78% !important;
    }

    .checkbox_recurrence {
        float: left;
        padding: 0 25px 10px 0;
    }

    .relative {
        position: relative;
    }

    .togglebtn_psn {
        position: absolute;
        top: 5px;
        right: 14px;
        z-index: 999;
    }

    .ShowHideContent {
        position: absolute;
        top: 11px;
        right: 20px;
        z-index: 999;
    }

    .min_height30 {
        min-height: 30px;
    }

    .fnt12 {
        font-size: 12px;
    }

    .view_dropmenu {
        margin: 0;
        padding: 0;
    }

        .view_dropmenu li {
            margin: 0;
            padding: 5px 10px;
            cursor: pointer;
            font-size: 12px;
            border-bottom: thin solid #8ba0bc;
            background-color: var(--default-white);
        }

            .view_dropmenu li:hover {
                background: #e7f0fa;
                color: var(--default-black);
                font-weight: bold;
            }

            .view_dropmenu li:last-child {
                border-bottom: none;
            }

.input_textarea_address {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 328px;
    height: 58px;
    padding: 2px 5px 4px;
    background: var(--default-white);
    border: 1px solid #b8b5b5;
    outline: none;
    margin: 0 0 0 0;
    -moz-box-shadow: inset 0 2px 6px rgba(0,0,0,.15);
    -webkit-box-shadow: inset 0 2px 6px rgba(0,0,0,.15);
    box-shadow: inset 0 2px 6px rgba(0,0,0,.15);
    font-size: 13px;
}

    .pl2px {
        padding-left: 2px !important;
    }

    .border_bottom1px {
        border-bottom: 1px solid #a3b6c5;
    }

    .expandcollapseright_contentbox .dxgvHeader_Office2010Blue td:first-child {
        white-space: pre-wrap !important;
    }

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

    .dxeButtonEdit_Office2010Blue {
        height: 26px;
        font-size: 13px;
    }

    .width43 {
        width: 43%;
    }

    .width45 {
        width: 45%;
    }

    .width21 {
        width: 25%;
    }

    .width65px {
        width: 65px !important;
    }

    .mr10px {
        margin-right: 10px !important;
    }

    .mr_23 {
        margin-right: 23px;
    }

    .mr5px {
        margin-right: 5px !important;
    }

    .mb5px {
        margin-bottom: 5px !important;
    }

    .disabled { /*background: #f7f7f7!important;*/
        /*border: 1px solid #94c0d2 !important;*/
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        opacity: .7;
    }

    .width231 {
        width: 231px !important;
    }

    .inputbtn_pdn .dxbButton_Office2010Blue div.dxb {
        padding: 2px 0 !important;
    }

    .width50 {
        width: 50%;
    }

    .mb15px {
        margin-bottom: 15px;
    }

    .overflow_tbl .dxeListBoxItem_Office2010Blue {
        white-space: pre-line;
    }

    .gridcellborder {
        border: 1px solid #4cb8e3 !important;
    }

    .colw48per {
        width: 48%;
    }

    .colw44per {
        width: 44%;
    }

    .colw52per {
        width: 54%;
    }

    .smthemes_share_fix {
        width: 92%;
        margin: 0 auto;
        position: fixed !important;
        top: 215px;
        height: 0;
        z-index: 40000 !important;
    }

        .smthemes_share_fix .scroll-right {
            float: none !important;
        }

        .smthemes_share_fix .scroll-left {
            float: left;
        }

    .errorcontainer {
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    .cancel_error {
        background: url(../Images/cancel.png) no-repeat left top;
        width: 244px;
        height: 241px;
        position: absolute;
        z-index: 9999;
        left: -36px;
        top: -30px;
        display: none;
    }

    .text_error4 {
        font-size: 190px;
        font-weight: bold;
        color: #21859e;
        margin: 100px 0 0 0;
        text-align: center;
        width: 100%;
    }

    .error_mainpage {
        text-align: center;
        width: 100%;
    }

    .q_error {
        margin-top: 0;
        margin-left: 0;
    }

.sorry_text {
    color: var(--default-white);
    font-size: 90px;
    margin: 0 0 0 20px;
    width: 250px;
    text-align: left;
}

    .error_messages4 {
        color: #21859e;
        font-size: 23px;
        font-weight: normal;
        margin: -14px 0 0 20px;
    }

    .txt_error_grp {
        margin: 0 auto;
        width: 300px;
    }

    .error_common {
        width: 250px;
        margin-top: 30px;
        color: red;
    }

    .width215 {
        width: 215px !important;
    }

    .height_100 {
        height: 100%;
    }

    .range_recurrence {
        border-top: 1px solid #a3b6c5;
        margin-top: -5px;
        padding: 5px 0 5px 0 !important;
    }

    .range_font {
        font-size: initial;
        font-weight: normal;
    }

    .custom_input {
        width: 240px;
        margin-right: 23px;
        padding-bottom: 15px;
        float: left;
    }

.dxgvSelectedRow_Office2010Blue {
    background-color: #f8f7b6 !important;
    color: var(--default-black);
}

    .colorpicker {
        margin: 2px;
        cursor: pointer;
        float: left;
        border: none;
        width: 25px;
        height: 25px;
    }

    .category_inactive {
        background-color: rgba(160,152,152,.71);
    }

.accountTypes {
    overflow-y: auto;
    height: 37px;
    padding: 0px;
    margin-bottom: 0;
    border-bottom: 1px solid var(--map-account-type-bdr);
    background: var(--map-account-type-bg);
}

.accountTypeName {
    float: left;
    margin: 2px 10px 0 5px;
    font-size: 11px;
    font-weight: bold;
}

    .label-color-map {
        padding: 10px;
        float: left;
    }

.colorbix {
    margin: 2px;
    cursor: pointer;
    float: left;
    border: 1px solid var(--default-white);
    width: 12px;
    height: 12px;
}

    .lblAcceptESA {
        font-size: 13px;
        font-weight: bold;
        margin: 6px 15px 0 0;
    }

        .lblAcceptESA > input[type=checkbox] {
            margin-right: 7px;
        }

    .lblAcceptESAError {
        color: red;
        padding: 6px 0 0 10px;
        position: absolute;
        font-size: 13px;
    }

    .ie6 img {
        width: 100%;
    }

    .gridContainer {
        margin-left: auto;
        margin-right: auto;
        width: 87.36%;
        padding-left: 1.82%;
        padding-right: 1.82%;
    }

    @media only screen and (min-width:975px) and (max-width:1366px) {
        .width21 {
            width: 50%;
        }

        .colw48per {
            width: 100%;
        }
    }

    @media only screen and (min-width:974px) and (max-width:1080px) {
        .grp100per .width45 {
            width: 100%;
        }

        .width21 {
            width: 50%;
        }

        .colw48per {
            width: 100%;
        }
    }

    @media only screen and (min-width:768px) and (max-width:974px) {
        .grp100per .width45 {
            width: 100%;
        }

        .colw48per {
            width: 100%;
        }

        .width21 {
            width: 50%;
        }
    }

    @media only screen and (min-width:480px) and (max-width:600px) {
        .grp100per .width45 {
            width: 100%;
        }

        .colw48per {
            width: 100%;
        }

        .width43 {
            width: 100%;
        }

        .width50 {
            width: 100%;
        }

        .width21 {
            width: 100%;
        }

        .mr_btm_w100per {
            margin-bottom: 15px;
            width: 100%;
        }

        .clearboth {
            clear: both;
        }
    }

    /*--Designer-CSS--------------*/
    .filter_grid_content .k-dropdown .k-dropdown-wrap .k-input {
        padding: 5px;
        font-size: 11px;
    }

    .filter_grid_content .k-dropdown .k-dropdown-wrap .k-select {
        line-height: 25px;
    }

    .k-datepicker .k-picker-wrap .k-input {
        padding: 7px 5px; /*#22952*/
        height: 30px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 93%;
    }

    .k-datepicker .k-picker-wrap .k-select {
        -moz-box-sizing: border-box;
        box-sizing: border-box; /* padding: 0 5px; float: left; width: 32px;line-height: 30px; */
        border: none;
        text-align: center;
        vertical-align: middle;
    }

.expand {
    color: var(--default-black);
    text-decoration: none;
}

    .expand:hover {
        color: var(--default-black);
        text-decoration: underline;
    }

    #search_filters {
        padding: 10px 20px;
    }

    .contentbox_content .filter_section {
        margin: 0px 0px 20px 0px;
    }

    .mb0px {
        margin-bottom: 0px !important;
    }

    .mt8px {
        margin-top: 8px;
    }

    .mt15px {
        margin-top: 15px;
    }

    .m-l-15 {
        margin-left: 15px !important;
    }
    /*#divNavigation .k-menu .k-link.k-state-active { color: #003f59; background-color: #7ed3f6; border-color: #7ed3f6; background-image: url(Content/themes/textures/highlight.png) !important; background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,.23))) !important; background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,.23) 100%) !important; background-image: none, linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,.23) 100%) !important; }
#divNavigation .k-menu .k-state-hover>.k-state-active { color: #003f59; background-color: #7ed3f6; border-color: #7ed3f6; background-image: url(Content/themes/textures/highlight.png) !important; background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,.23))) !important; background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,.23) 100%) !important; background-image: none, linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,.23) 100%) !important; }
*/
    /*#divNavigation .k-menu .k-item .k-link { background-image: url(../../images/sprite.png)!important; background-position: 0 -32px !important; } */

    .content_box {
        width: 100%;
    }

    .width80px {
        width: 80px;
    }

    .width90px {
        width: 90px;
    }

.k-grid .k-grid-content table tr td a {
    text-decoration: none;
    color: var(--default-black);
}

        .k-grid .k-grid-content table tr td a:hover {
            text-decoration: underline;
        }

    .k-grid tbody .k-button,
    .k-ie8 .k-grid tbody button.k-button {
        min-width: 53px;
    }

    .date-widthto .k-datepicker .k-picker-wrap input {
        width: 95% !important;
    }

.k-state-selected td {
    color: var(--k-state-selected-color); /* border: 1px solid var(--page-header-bg)!important; */
}

    div.k-grid-header {
        padding-right: 0px !important;
    }

    .mr15 {
        margin-right: 15px;
    }

    .ml7 {
        margin-left: 7px !important;
    }


    .pull-right {
        float: right;
    }

    .pull-left {
        float: left;
    }

    .padding-tb_15-10 {
        padding: 15px 10px;
    }

    .padding-tb_15-20 {
        padding: 15px 20px;
    }

    .mb10 {
        margin-bottom: 10px;
    }
    /*.k-state-selected.k-state-focused {
    background-color: #006699;
}*/
    .custom-sepr {
        margin: 140px 0px;
        text-align: center;
    }

.cash-position {
    padding: 10px 20px;
    color: var(--ragular-etire-color);
    background: var(--cash-position-bg);
    font-weight: bold;
    margin-bottom: 0px;
    border-radius: 5px 5px 0 0px;
    /*border: 1px solid var(--cash-position-bg);*/
    border-bottom: none;
}

    input[type=checkbox], input[type=radio] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    .form-group {
        margin-bottom: 10px;
    }

    label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 700;
        font-size: 13px;
        color:var(--default-black);
    }

    .form-control {
        display: block;
        width: 100%;
        height: 30px;
        outline: none;
        padding: 5px 12px;
        line-height: 1.42857143;
        color: #555;
        background-color: var(--default-white);
        background-image: none;
        border: 1px solid var(--input-border);
        border-radius: 3px;
        webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        -moz-box-shadow: inset 0px 2px 6px rgba(0, 0, 0, 0.15);
        -webkit-box-shadow: inset 0px 2px 6px rgba(0, 0, 0, 0.15);
        box-shadow: inset 0px 2px 6px rgba(0, 0, 0, 0.15);
        font-size: 13px;
    }

    input:focus {
        border: 1px solid var(--input-focus);
    }

    textarea.form-control {
        height: 85px !important;
    }

    .checkbox, .radio {
        position: relative;
        display: block;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .checkbox-inline, .radio-inline {
        position: relative;
        display: inline-block;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        vertical-align: middle;
        cursor: pointer;
    }

        .checkbox-inline + .checkbox-inline,
        .radio-inline + .radio-inline {
            margin-left: 20px;
        }

    input[type=checkbox], input[type=radio] {
        margin: 0px 0 0;
        margin-top: 1px\9;
        line-height: normal;
    }

    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
        position: absolute;
        margin-top: 0px\9;
        margin-left: -20px;
    }

    .k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input { /*height:auto;*/
        line-height: 20px;
        padding: 5px;
    }

    .pick-color > ul > li {
        display: inline-block;
    }

.header {
    border-top: 5px solid var(--page-header-top-border);
    position: relative;
    z-index: 99;
    background: var(--page-header-bg);
    padding: 0px 20px 0px; float:left; width:100%;
}

    .header::after, .header::before {
        content: '';
        position: absolute;
        width: 100%;
        left: 0px;
    }

    .header::after {
        bottom: 5px;
        border-bottom: 5px solid var(--page-header-middle-border);
        z-index: -1;
    }

    .header::before {
        border-bottom: 5px solid var(--page-header-bottom-border);
        bottom: 0;
       
    }

.header1 {
    border-top: 5px solid #252d3a;
    position: relative;
    z-index: 99;
    background: var(--page-header-bg);
    padding: 0px 20px 0px;
}

    .header1::after, .header1::before {
        content: '';
        position: absolute;
        width: 100%;
        left: 0px;
    }

    .header1::after {
        bottom: 5px;
        border-bottom: 5px solid #4e5766;
        z-index: -1;
    }

    .header1::before {
        border-bottom: 5px solid var(--primary);
        bottom: 0;
        z-index: 0;
    }

.nav {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, var(--page-bg) 100%);
    height: 38px;
    padding: 0 5px;margin-top:-4px;
}

    .show {
        display: block;
    }

    .hide {
        display: none !important;
        width: 0px !important;
    }


.header-sum-filter {
    white-space: nowrap;
    float: left;
    background-color: var(--header-sum-filter-bg);
    color: #1e395b;
    padding: 5px 20px 6px 20px;
    border: 1px solid var(--header-sum-filter-border-color);
    line-height: 2;
    margin-left: 5px;
    border-radius: 5px 5px 0 0px;
    border-bottom: none;
}

.filter-accountmap {
    background: var(--default-white) !important;
    border: none !important;
    border-bottom: 1px solid #afbfcd !important;
}

        .filter-accountmap .filter_grid_content {
            padding: 0px;
            padding-left: 5px;
            padding-right: 13px;
        }

    .date-filter-cash {
        float: left;
        margin: 0px 15px;
    }

    .mainreport_rightmenu .mainreport_box .form-group input[type=checkbox], input[type=radio] {
        margin-right: 4px;
        margin-top: 0px;
        float: left;
    }

    .mainreport_rightmenu .heading-report {
        margin-left: 0px;
    }

    .mainreport_rightmenu .mainreport_box .form-group {
        margin-bottom: 5px;
    }

    .clsReportTemplate .report-ul {
        margin: 0;
        padding: 0;
    }

        .clsReportTemplate .report-ul li {
            margin: 0 0 5px 0;
            padding: 0 0 2px 0;
            list-style: none;
            display: block;
        }

            .clsReportTemplate .report-ul li a {
                margin: 0;
                padding: 4px 0 4px 20px;
                display: block;
                text-decoration: none;
                color: var(--default-black);
                background: url(../Images/report-icon.png) no-repeat left 2px;
                line-height: 22px;
            }

                .clsReportTemplate .report-ul li a.highlightReportName {
                    background-color: #008BC3;
                    color: var(--default-white);
                }

                .clsReportTemplate .report-ul li a:hover {
                    background-color: #008BC3;
                    color: var(--default-white);
                }

                .clsReportTemplate .report-ul li a.reportName div:hover {
                    background-color: #008BC3;
                    color: var(--default-white);
                }

                .clsReportTemplate .report-ul li a.reportName div:active {
                    background-color: #008BC3;
                    color: var(--default-white);
                }

                .clsReportTemplate .report-ul li a.reportName:active {
                    background-color: #008BC3;
                    color: var(--default-white);
                }

                .clsReportTemplate .report-ul li a.highlightReportName div:hover {
                    background-color: #008BC3;
                    color: var(--default-white);
                }

                .clsReportTemplate .report-ul li a.highlightReportName div:active {
                    background-color: #008BC3;
                    color: var(--default-white);
                }

    /*.clsReportTemplate .report-ul li a.highlightReportName div {
                    background-color: #008BC3;
                    color: #fff;
                }*/

    .clsReportTemplate li {
    }

    /**/
    a.reportName:hover {
        background-color: #008BC3;
        color: white;
    }

    a.reportName:active {
        background-color: #008BC3;
        color: white;
    }

    .anyalitc-text {
        text-align: right;
    }

    .anyalitc-dropdown {
        padding-left: 0px !important;
        min-width: 200px;
    }

    .eror-100 {
        width: 100px;
        float: left;
    }

    @media only screen and (max-width:1023px) {
        .mainreport_leftmenu {
            width: 100%;
            margin-bottom: 20px;
        }

        .mainreport_rightmenu {
            margin-left: 0;
        }

        .anyalitc-dropdown {
            padding-left: 15px !important;
        }
    }

    @media only screen and (max-width: 991px) {
        .date-filter-cash {
            float: none;
        }

            .date-filter-cash .k-datepicker {
                width: 100% !important;
            }

            .date-filter-cash .k-dropdown-wrap .k-select, .date-filter-cash .k-numeric-wrap .k-select, .date-filter-cash .k-picker-wrap .k-select {
                width: 4.9em;
            }

        .mainreport_rightmenu .heading-report {
            margin-left: 0px;
        }

        .filter_critearea_box {
            margin-bottom: 20px;
        }

        .transaction-grp {
            margin-bottom: 20px;
        }

            .transaction-grp .transaction-in {
                padding: 0 15px;
            }

        .anyalitc-text {
            text-align: left;
        }

        .pin-accounts-margin-top {
            margin-top: 20px;
        }

        .eror-100 {
            width: 100%;
        }
    }

    .k-editor-toolbar .k-tool-group .k-combobox .k-input {
        padding: .177em 0;
    }


    .k-marquee {
        opacity: 0.6;
    }



    div#bodyWrapper ::-webkit-scrollbar {
        width: 14px;
        height: 14px;
    }

    .k-loading-mask-local {
        z-index: 9999999;
    }

    div#bodyWrapper ::-webkit-scrollbar-thumb {
        background-color: var(--grid-scrollbar-bg);
        border: 1px solid var(--grid-scrollbar-bdr);
    }

    tr.disabled-row {
        /* background-color: #eef2f3; */
        color: #b1acac;
    }

    .m-r-0 {
        margin-right: 0px !important;
    }

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

    .p-l-0 {
        padding-left: 0px !important;
    }

    .daily-cash-filter {
        margin: 0 8px 0 0px;
        float: left;
        min-height: 72px;
    }

    .k-tooltip.k-chart-tooltip {
        background-color: white !important;
    }

    @media only screen and (min-width:1270px) {
        .daily-cash-filter .form-group {
            min-width: 120px;
        }
    }

    @media only screen and (min-width:1412px) {
        .daily-cash-filter .form-group {
            min-width: 140px;
        }
    }

    @media only screen and (min-width:1515px) {
        .daily-cash-filter .form-group {
            min-width: 170px;
        }
    }


    .custom_readonly {
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        line-height: 14px !important;
        height: 14px !important;
    }

    /*For V8 Map*/

    /*#divMap {
        width: 355px !important;
        height: 170px !important;
}
.MicrosoftMap .Infobox {
        top:-20px !important;
}
.MicrosoftMap .Infobox .infobox-body {
            max-width: 375px !important;
            max-height: 214px !important;    
}
.MicrosoftMap .Infobox.no-title .infobox-info
{        overflow:hidden !important;
         margin-right:0px !important;
}
.NavBar_MapTypeButtonContainerWrapper {
        display:none;
}*/

    /*---------- Reconcile pop up ----------*/
    .input-error {
        border: 1px solid #ec3333;
    }

    .reco-div {
        max-height: 450px;
        min-height: 250px;
        /*height: 350px;*/
        overflow: auto;
        padding: 5px;
    }

    .recon-summary {
        width: 100%;
    }

    tr.main-row {
        background-color: #edf1f3;
    }

    .recon-summary, .recon-summary tr.main-row td {
        border: 1px solid #e7e7e7;
        padding: 5px 5px;
    }

        .recon-summary tr th {
            border: 1px solid #e7e7e7;
            padding: 5px 5px;
            font-weight: bold;
            background-color: #d9ecf5;
            border-color: #a3d0e4;
        }

        .recon-summary, .recon-summary tr.discrepancy-row td {
            padding: 5px 5px 5px 5px;
        }

    .discrepancy-split-tbl {
        border: 1px solid #e7e7e7;
        padding: 5px 5px;
        float: right;
        width: 84%;
    }

        .discrepancy-split-tbl tr td {
            border: 1px solid #e7e7e7;
            padding: 5px 5px;
        }

        .discrepancy-split-tbl td input {
            text-align: right;
        }

        .discrepancy-split-tbl .split-btn-column {
            width: 70px !important;
            text-align: center;
        }

    .main-row .split-btn-column {
        width: 78px !important;
        text-align: center;
    }

    .main-row .discamt-column, .main-row .statementamt-column, .main-row .tranamt-column {
        text-align: right;
    }

    .discrepancy-split-tbl tr.discrepancy-total-row td {
        text-align: right;
        padding: 7px 12px 2px 0px;
    }

    .discamt-column {
        width: 115px;
        padding: 10px 16px 10px 2px !important;
    }

    td.split-input-column {
        width: 124px;
    }

    td.split-crdr-column {
        width: 82px;
    }

    .discrepancy-split-tbl tr.discrepancy-total-row td label {
        color: #515151;
    }
    /*---------- Reconcile pop up ----------*/

    /*---------- Bank Page AS/AT popup css ----------*/
    .input-error {
        border: 1px solid #ec3333;
    }

    .AS-div {
        max-height: 450px;
        min-height: 250px;
        /*height: 350px;*/
        overflow: auto;
        padding: 5px;
    }

    .AS-summary {
        width: 100%;
    }

    tr.main-row {
        background-color: #edf1f3;
    }

    .AS-summary, .AS-summary tr td {
        border: 1px solid #e7e7e7;
        padding: 5px 5px;
    }

        .AS-summary tr th {
            border: 1px solid #e7e7e7;
            padding: 5px 5px;
            font-weight: bold;
            background-color: #d9ecf5;
            border-color: #a3d0e4;
        }

        .AS-summary, .AS-summary tr.discrepancy-row td {
            padding: 5px 5px 5px 5px;
        }

    .discrepancy-split-tbl {
        border: 1px solid #e7e7e7;
        padding: 5px 5px;
        float: right;
        width: 84%;
    }

        .discrepancy-split-tbl tr td {
            border: 1px solid #e7e7e7;
            padding: 5px 5px;
        }

        .discrepancy-split-tbl td input {
            text-align: right;
        }

        .discrepancy-split-tbl .split-btn-column {
            width: 70px !important;
            text-align: center;
        }

    .main-row .split-btn-column {
        width: 78px !important;
        text-align: center;
    }

    .main-row .discamt-column, .main-row .statementamt-column, .main-row .tranamt-column {
        text-align: right;
    }

    .discrepancy-split-tbl tr.discrepancy-total-row td {
        text-align: right;
        padding: 7px 12px 2px 0px;
    }

    .discamt-column {
        width: 115px;
        padding: 10px 16px 10px 2px !important;
    }

    td.split-input-column {
        width: 124px;
    }

    td.split-crdr-column {
        width: 82px;
    }

    .discrepancy-split-tbl tr.discrepancy-total-row td label {
        color: #515151;
    }
    /*---------- Bank Page AS/AT popup css ----------*/

    /*---------- Manage BFX Rates popup css ----------*/
    .ManageBFXRate_div {
        max-height: 500px;
        min-height: 420px;
        /*height: 350px;*/
        overflow: auto;
        padding: 5px;
    }

    .BFXRateList_div {
        max-height: 350px;
        min-height: 270px;
        /*height: 350px;*/
        overflow: auto;
        padding: 5px;
    }
    /*---------- Manage BFX Rates popup css ----------*/

    /* =============
   Buttons
============= */

    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

        .btn.active.focus,
        .btn.active:focus,
        .btn.focus,
        .btn:active.focus,
        .btn:active:focus,
        .btn:focus {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .btn.focus,
        .btn:focus,
        .btn:hover {
            color: var(--body-text-color);
            text-decoration: none;
        }

        .btn.active,
        .btn:active {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
            box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        }

        .btn.disabled,
        .btn[disabled],
        fieldset[disabled] .btn {
            cursor: not-allowed;
            filter: alpha(opacity=65);
            -webkit-box-shadow: none;
            box-shadow: none;
            opacity: .65;
        }

    a.btn.disabled,
    fieldset[disabled] a.btn {
        pointer-events: none;
    }

.btn-default {
    color: var(--body-text-color);
    background-color: var(--default-white);
    border-color: #ccc;
}

    .btn-default.focus,
    .btn-default:focus {
        color: var(--body-text-color);
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: var(--body-text-color);
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default.active,
    .btn-default:active,
    .open > .dropdown-toggle.btn-default {
        color: var(--body-text-color);
        background-color: #e6e6e6;
        border-color: #adadad;
    }

        .btn-default.active.focus,
        .btn-default.active:focus,
        .btn-default.active:hover,
        .btn-default:active.focus,
        .btn-default:active:focus,
        .btn-default:active:hover,
        .open > .dropdown-toggle.btn-default.focus,
        .open > .dropdown-toggle.btn-default:focus,
        .open > .dropdown-toggle.btn-default:hover {
            color: var(--body-text-color);
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

        .btn-default.active,
        .btn-default:active,
        .open > .dropdown-toggle.btn-default {
            background-image: none;
        }

    .btn-default.disabled.focus,
    .btn-default.disabled:focus,
    .btn-default.disabled:hover,
    .btn-default[disabled].focus,
    .btn-default[disabled]:focus,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default.focus,
    fieldset[disabled] .btn-default:focus,
    fieldset[disabled] .btn-default:hover {
        background-color: var(--default-white);
        border-color: #ccc;
    }

    .btn-default .badge {
        color: var(--default-white);
        background-color: var(--body-text-color);
    }

.btn-primary {
    color: var(--default-white);
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .btn-primary.focus,
    .btn-primary:focus {
        color: var(--default-white);
        background-color: #286090;
        border-color: #122b40;
    }

    .btn-primary:hover {
        color: var(--default-white);
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-primary.active,
    .btn-primary:active,
    .open > .dropdown-toggle.btn-primary {
        color: var(--default-white);
        background-color: #286090;
        border-color: #204d74;
    }

        .btn-primary.active.focus,
        .btn-primary.active:focus,
        .btn-primary.active:hover,
        .btn-primary:active.focus,
        .btn-primary:active:focus,
        .btn-primary:active:hover,
        .open > .dropdown-toggle.btn-primary.focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .open > .dropdown-toggle.btn-primary:hover {
            color: var(--default-white);
            background-color: #204d74;
            border-color: #122b40;
        }

        .btn-primary.active,
        .btn-primary:active,
        .open > .dropdown-toggle.btn-primary {
            background-image: none;
        }

        .btn-primary.disabled.focus,
        .btn-primary.disabled:focus,
        .btn-primary.disabled:hover,
        .btn-primary[disabled].focus,
        .btn-primary[disabled]:focus,
        .btn-primary[disabled]:hover,
        fieldset[disabled] .btn-primary.focus,
        fieldset[disabled] .btn-primary:focus,
        fieldset[disabled] .btn-primary:hover {
            background-color: #337ab7;
            border-color: #2e6da4;
        }

    .btn-primary .badge {
        color: #337ab7;
        background-color: var(--default-white);
    }

.btn-success {
    color: var(--default-white);
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success.focus,
    .btn-success:focus {
        color: var(--default-white);
        background-color: #449d44;
        border-color: #255625;
    }

    .btn-success:hover {
        color: var(--default-white);
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success.active,
    .btn-success:active,
    .open > .dropdown-toggle.btn-success {
        color: var(--default-white);
        background-color: #449d44;
        border-color: #398439;
    }

        .btn-success.active.focus,
        .btn-success.active:focus,
        .btn-success.active:hover,
        .btn-success:active.focus,
        .btn-success:active:focus,
        .btn-success:active:hover,
        .open > .dropdown-toggle.btn-success.focus,
        .open > .dropdown-toggle.btn-success:focus,
        .open > .dropdown-toggle.btn-success:hover {
            color: var(--default-white);
            background-color: #398439;
            border-color: #255625;
        }

        .btn-success.active,
        .btn-success:active,
        .open > .dropdown-toggle.btn-success {
            background-image: none;
        }

        .btn-success.disabled.focus,
        .btn-success.disabled:focus,
        .btn-success.disabled:hover,
        .btn-success[disabled].focus,
        .btn-success[disabled]:focus,
        .btn-success[disabled]:hover,
        fieldset[disabled] .btn-success.focus,
        fieldset[disabled] .btn-success:focus,
        fieldset[disabled] .btn-success:hover {
            background-color: #5cb85c;
            border-color: #4cae4c;
        }

    .btn-success .badge {
        color: #5cb85c;
        background-color: var(--default-white);
    }

.btn-info {
    color: var(--default-white);
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info.focus,
    .btn-info:focus {
        color: var(--default-white);
        background-color: #31b0d5;
        border-color: #1b6d85;
    }

    .btn-info:hover {
        color: var(--default-white);
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info.active,
    .btn-info:active,
    .open > .dropdown-toggle.btn-info {
        color: var(--default-white);
        background-color: #31b0d5;
        border-color: #269abc;
    }

        .btn-info.active.focus,
        .btn-info.active:focus,
        .btn-info.active:hover,
        .btn-info:active.focus,
        .btn-info:active:focus,
        .btn-info:active:hover,
        .open > .dropdown-toggle.btn-info.focus,
        .open > .dropdown-toggle.btn-info:focus,
        .open > .dropdown-toggle.btn-info:hover {
            color: var(--default-white);
            background-color: #269abc;
            border-color: #1b6d85;
        }

        .btn-info.active,
        .btn-info:active,
        .open > .dropdown-toggle.btn-info {
            background-image: none;
        }

        .btn-info.disabled.focus,
        .btn-info.disabled:focus,
        .btn-info.disabled:hover,
        .btn-info[disabled].focus,
        .btn-info[disabled]:focus,
        .btn-info[disabled]:hover,
        fieldset[disabled] .btn-info.focus,
        fieldset[disabled] .btn-info:focus,
        fieldset[disabled] .btn-info:hover {
            background-color: #5bc0de;
            border-color: #46b8da;
        }

    .btn-info .badge {
        color: #5bc0de;
        background-color: var(--default-white);
    }

.btn-warning {
    color: var(--default-white);
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning.focus,
    .btn-warning:focus {
        color: var(--default-white);
        background-color: #ec971f;
        border-color: #985f0d;
    }

    .btn-warning:hover {
        color: var(--default-white);
        background-color: #ec971f;
        border-color: #d58512;
    }

    .btn-warning.active,
    .btn-warning:active,
    .open > .dropdown-toggle.btn-warning {
        color: var(--default-white);
        background-color: #ec971f;
        border-color: #d58512;
    }

        .btn-warning.active.focus,
        .btn-warning.active:focus,
        .btn-warning.active:hover,
        .btn-warning:active.focus,
        .btn-warning:active:focus,
        .btn-warning:active:hover,
        .open > .dropdown-toggle.btn-warning.focus,
        .open > .dropdown-toggle.btn-warning:focus,
        .open > .dropdown-toggle.btn-warning:hover {
            color: var(--default-white);
            background-color: #d58512;
            border-color: #985f0d;
        }

        .btn-warning.active,
        .btn-warning:active,
        .open > .dropdown-toggle.btn-warning {
            background-image: none;
        }

        .btn-warning.disabled.focus,
        .btn-warning.disabled:focus,
        .btn-warning.disabled:hover,
        .btn-warning[disabled].focus,
        .btn-warning[disabled]:focus,
        .btn-warning[disabled]:hover,
        fieldset[disabled] .btn-warning.focus,
        fieldset[disabled] .btn-warning:focus,
        fieldset[disabled] .btn-warning:hover {
            background-color: #f0ad4e;
            border-color: #eea236;
        }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: var(--default-white);
    }

.btn-danger {
    color: var(--default-white);
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger.focus,
    .btn-danger:focus {
        color: var(--default-white);
        background-color: #c9302c;
        border-color: #761c19;
    }

    .btn-danger:hover {
        color: var(--default-white);
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger.active,
    .btn-danger:active,
    .open > .dropdown-toggle.btn-danger {
        color: var(--default-white);
        background-color: #c9302c;
        border-color: #ac2925;
    }

        .btn-danger.active.focus,
        .btn-danger.active:focus,
        .btn-danger.active:hover,
        .btn-danger:active.focus,
        .btn-danger:active:focus,
        .btn-danger:active:hover,
        .open > .dropdown-toggle.btn-danger.focus,
        .open > .dropdown-toggle.btn-danger:focus,
        .open > .dropdown-toggle.btn-danger:hover {
            color: var(--default-white);
            background-color: #ac2925;
            border-color: #761c19;
        }

        .btn-danger.active,
        .btn-danger:active,
        .open > .dropdown-toggle.btn-danger {
            background-image: none;
        }

        .btn-danger.disabled.focus,
        .btn-danger.disabled:focus,
        .btn-danger.disabled:hover,
        .btn-danger[disabled].focus,
        .btn-danger[disabled]:focus,
        .btn-danger[disabled]:hover,
        fieldset[disabled] .btn-danger.focus,
        fieldset[disabled] .btn-danger:focus,
        fieldset[disabled] .btn-danger:hover {
            background-color: #d9534f;
            border-color: #d43f3a;
        }

    .btn-danger .badge {
        color: #d9534f;
        background-color: var(--default-white);
    }

    .btn-link {
        font-weight: 400;
        color: #337ab7;
        border-radius: 0;
    }

        .btn-link,
        .btn-link.active,
        .btn-link:active,
        .btn-link[disabled],
        fieldset[disabled] .btn-link {
            background-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .btn-link,
            .btn-link:active,
            .btn-link:focus,
            .btn-link:hover {
                border-color: transparent;
            }

                .btn-link:focus,
                .btn-link:hover {
                    color: #23527c;
                    text-decoration: underline;
                    background-color: transparent;
                }

                .btn-link[disabled]:focus,
                .btn-link[disabled]:hover,
                fieldset[disabled] .btn-link:focus,
                fieldset[disabled] .btn-link:hover {
                    color: #777;
                    text-decoration: none;
                }

    .btn-group-lg > .btn,
    .btn-lg {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.3333333;
        border-radius: 6px;
    }

    .btn-group-sm > .btn,
    .btn-sm {
        padding: 5px 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }

    .btn-group-xs > .btn,
    .btn-xs {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }

    .btn-block {
        display: block;
        width: 100%;
    }

        .btn-block + .btn-block {
            margin-top: 5px;
        }




    .btn {
        border-radius: 2px;
        padding: 6px 14px;
    }

    .btn-group-lg > .btn,
    .btn-lg {
        padding: 10px 16px !important;
        font-size: 16px;
    }

    .btn-group-sm > .btn,
    .btn-sm {
        padding: 5px 10px !important;
    }

    .btn-group-xs > .btn,
    .btn-xs {
        padding: 1px 5px !important;
    }

    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group {
        margin-left: 0px;
    }

    .btn-group.open .dropdown-toggle {
        -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
        box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.1) inset;
    }

.btn-custom,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-inverse,
.btn-purple,
.btn-pink {
    color: var(--default-white) !important;
}

    .btn-custom {
        background-color: #71b6f9;
        border-color: #71b6f9;
    }

        .btn-custom:hover,
        .btn-custom:focus,
        .btn-custom:active,
        .btn-custom.active,
        .btn-custom.focus,
        .btn-custom:active,
        .btn-custom:focus,
        .btn-custom:hover,
        .open > .dropdown-toggle.btn-custom {
            background-color: #59a9f8 !important;
            border: 1px solid #59a9f8 !important;
        }

    .btn-default {
        background-color: rgba(218, 230, 236, 0.3);
        border-color: rgba(218, 230, 236, 0.5);
    }

        .btn-default:hover,
        .btn-default:focus,
        .btn-default:active,
        .btn-default.active,
        .btn-default.focus,
        .btn-default:active,
        .btn-default:focus,
        .btn-default:hover,
        .open > .dropdown-toggle.btn-default {
            background-color: rgba(218, 230, 236, 0.5) !important;
            border: 1px solid rgba(218, 230, 236, 0.7) !important;
        }

    .btn-primary {
        background-color: #188ae2 !important;
        border: 1px solid #188ae2 !important;
    }

        .btn-primary:hover,
        .btn-primary:focus,
        .btn-primary:active,
        .btn-primary.active,
        .btn-primary.focus,
        .btn-primary:active,
        .btn-primary:focus,
        .btn-primary:hover,
        .open > .dropdown-toggle.btn-primary {
            background-color: #167ccb !important;
            border: 1px solid #167ccb !important;
        }

    .btn-success {
        background-color: #10c469 !important;
        border: 1px solid #10c469 !important;
    }

        .btn-success:hover,
        .btn-success:focus,
        .btn-success:active,
        .btn-success.active,
        .btn-success.focus,
        .btn-success:active,
        .btn-success:focus,
        .btn-success:hover,
        .open > .dropdown-toggle.btn-success {
            background-color: #0eac5c !important;
            border: 1px solid #0eac5c !important;
        }

    .btn-info {
        background-color: #35b8e0 !important;
        border: 1px solid #35b8e0 !important;
    }

        .btn-info:hover,
        .btn-info:focus,
        .btn-info:active,
        .btn-info.active,
        .btn-info.focus,
        .btn-info:active,
        .btn-info:focus,
        .btn-info:hover,
        .open > .dropdown-toggle.btn-info {
            background-color: #21afda !important;
            border: 1px solid #21afda !important;
        }

    .btn-warning {
        background-color: #f9c851 !important;
        border: 1px solid #f9c851 !important;
    }

        .btn-warning:hover,
        .btn-warning:focus,
        .btn-warning:active,
        .btn-warning.active,
        .btn-warning.focus,
        .btn-warning:active,
        .btn-warning:focus,
        .btn-warning:hover,
        .open > .dropdown-toggle.btn-warning {
            background-color: #f8c038 !important;
            border: 1px solid #f8c038 !important;
        }

    .btn-danger {
        background-color: #ff5b5b !important;
        border: 1px solid #ff5b5b !important;
    }

        .btn-danger:active,
        .btn-danger:focus,
        .btn-danger:hover,
        .btn-danger.active,
        .btn-danger.focus,
        .btn-danger:active,
        .btn-danger:focus,
        .btn-danger:hover,
        .open > .dropdown-toggle.btn-danger {
            background-color: #ff4242 !important;
            border: 1px solid #ff4242 !important;
        }

    .btn-inverse {
        background-color: #3b3e47 !important;
        border: 1px solid #3b3e47 !important;
    }

        .btn-inverse:hover,
        .btn-inverse:focus,
        .btn-inverse:active,
        .btn-inverse.active,
        .btn-inverse.focus,
        .btn-inverse:active,
        .btn-inverse:focus,
        .btn-inverse:hover,
        .open > .dropdown-toggle.btn-inverse {
            background-color: #2f3239 !important;
            border: 1px solid #2f3239 !important;
        }

    .btn-purple {
        background-color: #5b69bc !important;
        border: 1px solid #5b69bc !important;
    }

        .btn-purple:hover,
        .btn-purple:focus,
        .btn-purple:active {
            background-color: #4a59b4 !important;
            border: 1px solid #4a59b4 !important;
        }

    .btn-pink {
        background-color: #ff8acc !important;
        border: 1px solid #ff8acc !important;
    }

        .btn-pink:hover,
        .btn-pink:focus,
        .btn-pink:active {
            background-color: #ff70c1 !important;
            border: 1px solid #ff70c1 !important;
        }

    .btn-bordred {
        border-bottom: 3px solid transparent;
    }

        .btn-bordred.btn-default {
            background-color: #dae6ec;
            border-bottom: 2px solid #c2d6e0 !important;
        }

        .btn-bordred.btn-custom {
            background-color: #71b6f9;
            border-bottom: 2px solid #4fa4f8 !important;
        }

        .btn-bordred.btn-primary {
            border-bottom: 2px solid #1576c2 !important;
        }

        .btn-bordred.btn-success {
            border-bottom: 2px solid #0da357 !important;
        }

        .btn-bordred.btn-info {
            border-bottom: 2px solid #20a8d1 !important;
        }

        .btn-bordred.btn-warning {
            border-bottom: 2px solid #f7b820 !important;
        }

        .btn-bordred.btn-danger {
            border-bottom: 2px solid #ff2828 !important;
        }

        .btn-bordred.btn-inverse {
            border-bottom: 2px solid #0d0d0f !important;
        }

        .btn-bordred.btn-purple {
            border-bottom: 2px solid #4755ad !important;
        }

        .btn-bordred.btn-pink {
            border-bottom: 2px solid #ff66bc !important;
        }

    .btn-rounded {
        border-radius: 2em;
        padding: 6px 18px;
    }

    .btn-trans.btn-default {
        border: 1px solid rgba(218, 230, 236, 0.1) !important;
        background-color: rgba(218, 230, 236, 0.3) !important;
        color: #435966 !important;
    }

    .btn-trans.btn-custom {
        border: 1px solid rgba(113, 182, 249, 0.1) !important;
        background-color: rgba(113, 182, 249, 0.15) !important;
        color: #71b6f9 !important;
    }

    .btn-trans.btn-primary {
        border: 1px solid rgba(24, 138, 226, 0.1) !important;
        background-color: rgba(24, 138, 226, 0.15) !important;
        color: #188ae2 !important;
    }

    .btn-trans.btn-success {
        border: 1px solid rgba(16, 196, 105, 0.1) !important;
        background-color: rgba(16, 196, 105, 0.15) !important;
        color: #10c469 !important;
    }

    .btn-trans.btn-info {
        border: 1px solid rgba(53, 184, 224, 0.1) !important;
        background-color: rgba(53, 184, 224, 0.15) !important;
        color: #35b8e0 !important;
    }

    .btn-trans.btn-warning {
        border: 1px solid rgba(249, 200, 81, 0.1) !important;
        background-color: rgba(249, 200, 81, 0.15) !important;
        color: #f9c851 !important;
    }

    .btn-trans.btn-danger {
        border: 1px solid rgba(255, 91, 91, 0.1) !important;
        background-color: rgba(255, 91, 91, 0.15) !important;
        color: #ff5b5b !important;
    }

    .btn-trans.btn-inverse {
        border: 1px solid rgba(59, 62, 71, 0.1) !important;
        background-color: rgba(59, 62, 71, 0.15) !important;
        color: #3b3e47 !important;
    }

    .btn-trans.btn-purple {
        border: 1px solid rgba(91, 105, 188, 0.1) !important;
        background-color: rgba(91, 105, 188, 0.15) !important;
        color: #5b69bc !important;
    }

    .btn-trans.btn-pink {
        border: 1px solid rgba(255, 138, 204, 0.1) !important;
        background-color: rgba(255, 138, 204, 0.15) !important;
        color: #ff8acc !important;
    }
    /* File Upload */
    .fileupload {
        overflow: hidden;
        position: relative;
    }

        .fileupload input.upload {
            cursor: pointer;
            filter: alpha(opacity=0);
            font-size: 20px;
            margin: 0;
            opacity: 0;
            padding: 0;
            position: absolute;
            right: 0;
            top: 0;
        }

    .scroll-container .k-grid-content, .scroll-container .k-listview {
        overflow: auto;
    }

        .scroll-container .k-grid-content::-webkit-scrollbar, .scroll-container .k-listview::-webkit-scrollbar,
        .ipad-scroll::-webkit-scrollbar {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 16px;
            height: 14px;
        }

        .scroll-container .k-grid-content::-webkit-scrollbar-thumb, .scroll-container .k-listview::-webkit-scrollbar-thumb, .ipad-scroll::-webkit-scrollbar-thumb {
            background-color: rgba(193, 193, 193, 0.8);
            -webkit-box-shadow: 0 0 1px rgba(193, 193, 193, 0.8);
        }

    .nodata {
        text-align: center;
        padding: 10px;
    }
    /*----- FP & A  ----- */
    .fpna-div {
        overflow: auto;
        padding: 5px;
    }

    .fpna-summary {
        width: 100%;
    }

    tr.fpna-rows {
        background-color: #edf1f3;
    }

    .fpna-summary, .fpna-summary tr.fpna-rows td {
        border: 1px solid #e7e7e7;
        padding: 5px 5px;
    }

        .fpna-summary tr th {
            border: 1px solid #e7e7e7;
            padding: 5px 5px;
            font-weight: bold;
            background-color: #d9ecf5;
            border-color: #a3d0e4;
        }

        .fpna-summary, .fpna-summary tr.discrepancy-row td {
            padding: 5px 5px 5px 5px;
        }

            .fpna-summary .fpna-amount {
                padding: 2px 5px 2px 5px;
            }

            .fpna-summary .fpna-action {
                padding: 2px 5px 2px 5px;
                text-align: center;
                min-width: 70px;
            }

    @media only screen and (min-width: 550px) {
        .fpna-summary .fpna-amount input {
            width: 67%;
            float: right;
        }
    }

    input[disabled] {
        background-color: #E7E7E7;
    }

input.cat-map-button[disabled],
input.cat-map-button[disabled]:hover {
    background-color: var(--k-menu-drp-color);
}

    .fpna-rows.removed {
        background-color: #f1f1f1;
        text-decoration: line-through;
    }

    .noinput {
        background: none !important;
        border: none;
        box-shadow: none;
    }

    input[type=text]::-ms-clear {
        display: none;
    }




    /*---Dropdown-checkbox-Align---------*/
    .k-list-align-ul .k-list-scroller ul .drp-chk-align {
    }

    .k-popup .k-list .k-item {
        float: left;
        width: 89%; /*Increase this add x-scroll in drop down*/
        display: block;
    }

    .exposure-type {
        padding-top: 10px;
        font-weight: bold;
    }




    .pre-trade-limit-more {
        display: none;
        text-decoration: underline;
        cursor: pointer;
        font-weight: bold;
    }

    .pre-trade {
        background-color: #eef2f3;
        border-radius: 5px 5px 0 0;
        border: 1px solid #a3b6c5;
        padding: 5px;
        float: left;
        width: 98%;
    }

    .pre-trade-title {
        display: block;
        width: 100%;
        color: #d21212;
        font-weight: bold;
        padding-bottom: 5px;
    }

    .pre-trade-block {
        border-bottom: 2px solid #adadad;
        background-color: #dbddde;
        padding: 10px;
        padding-top: 0px !important;
        margin-bottom: 10px;
        border-top: 1px solid #adadad;
    }

.pre-trade-sub-title {
    padding-bottom: 0px;
    font-size: 14px;
    color: var(--ragular-etire-color);
}

    .fw-normal {
        font-weight: normal !important;
    }

    .pre-tade-detail {
        font-weight: bold;
        color: #565656;
    }


    .pre-trade-window-contain {
        margin-bottom: 15px;
        min-height: 90px;
        max-height: 300px;
        overflow: auto;
    }

    .mfpin-refresh {
        float: none !important;
        margin: -4px 0 0 10px;
        display: inline-block;
        height: 20px;
        cursor: pointer;
        z-index: 9999;
    }

    #menuLevel3 .disabled span {
        cursor: no-drop;
    }

    .validation-summary-errors {
        color: red;
    }

    /*For V8 Map*/
    /*
#divMap {
        width: 355px !important;
        height: 170px !important;
}
.MicrosoftMap .Infobox {
        top:-20px !important;
}
.MicrosoftMap .Infobox .infobox-body {
            max-width: 375px !important;
            max-height: 214px !important;    
}
.MicrosoftMap .Infobox.no-title .infobox-info
{        overflow:hidden !important;
         margin-right:0px !important;
}
.NavBar_MapTypeButtonContainerWrapper {
        display:none;
}
    */


    .defaultbank-msg {
        color: red;
        padding: 10px 10px 10px 10px;
    }

    .bank-list td {
        padding: 5px 5px 5px 5px;
        border: 1px solid #E7e7e7;
    }

    .cls-no-data {
        text-align: center;
        padding: 14px;
        font-style: italic;
    }

    .bank-list-container {
        max-height: 400px;
        overflow: auto;
    }

    .trade-bank-list {
        width: 100%;
    }


        .trade-bank-list, .trade-bank-list tr.main-row td {
            border: 1px solid #e7e7e7;
            padding: 5px 5px;
        }

            .trade-bank-list tr th {
                border: 1px solid #e7e7e7;
                padding: 5px 5px;
                font-weight: bold;
                background-color: #d9ecf5;
                border-color: #a3d0e4;
            }

            .trade-bank-list, .trade-bank-list tr.discrepancy-row td {
                padding: 5px 5px 5px 5px;
            }

                .trade-bank-list .accref-column {
                    width: 110px;
                }

    .k-grid-edit-row > td > .text-box {
        color: black;
    }

    .span-info {
        font-style: italic;
        margin-top: 3px;
    }
    /*----- Trade List Popup -----*/
    .link-btn {
        color: #095eff !important;
    }

    .trade-list-container {
        max-height: 320px;
        min-height: 100px;
        overflow: auto;
    }

    .trade-list-table {
        width: 100%;
    }


        .trade-list-table tr th {
            border: 1px solid #e7e7e7;
            padding: 5px 5px;
            font-weight: bold;
            background-color: #d9ecf5;
            border-color: #a3d0e4;
        }

        .trade-list-table, .trade-list-table tr td {
            border: 1px solid #e7e7e7;
            padding: 5px 5px;
        }

    tbody.trade-list-data tr:nth-child(even) {
        background-color: #f5f5f5;
    }
    /*----- Trade List Popup -----*/

    .back-to-main-chart {
        padding: 10px 0 0 0;
        margin-bottom: -10px;
        text-align: right;
    }

        .back-to-main-chart a {
        }

    .visiblity-hidden {
        visibility: hidden;
    }

    .visiblity-visible {
        visibility: visible;
    }

    .light-red {
        color: black;
        background-color: #ffbdbd;
    }

    .k-i-info-custom {
        background-position: -160px -241px !important;
    }

    .normal-text-pb10px {
        text-align: justify;
        padding: 0 0 10px;
        font-size: 13px;
    }

    .archive-ico-btn {
        height: 30px;
        width: 30px;
        display: inline-block;
        background: url(../images/archive-btn-ico.png) center center no-repeat;
    }

    .export-excel-ico-btn {
        height: 30px;
        width: 30px;
        display: inline-block;
        background: url(../images/export-excel-btn-ico.png) center center no-repeat;
    }

    .export-excel-ico-btn-20-px {
        height: 20px;
        width: 20px;
        display: inline-block;
        background: url(../images/export-excel-btn-ico.png) center center no-repeat;
        background-size: 20px 20px;
    }

    .print-ico-btn {
        height: 30px;
        width: 30px;
        display: inline-block;
        background: url(../images/print-btn-ico.png) center center no-repeat;
    }

    .sync-statement-ico-btn-20-px {
        height: 20px;
        width: 20px;
        display: inline-block;
        background: url(../images/sync-icon.png) center center no-repeat;
        background-size: 20px 20px;
    }

    .text-center {
        text-align: center;
    }

    .text-left {
        text-align: left !important;
    }

    .text-right {
        text-align: right !important;
    }

    .p-b-0 {
        padding-bottom: 0px !important;
    }


    .forecast-recurrence-buttons a {
        display: inline-block;
        vertical-align: middle;
    }

    /* Analytic page timeline - START */
    .time-line-box {
        position: relative;
    }

        .time-line-box.disabled::after {
            content: '';
            display: block;
            position: absolute;
            height: 100%;
            width: 100%;
            background: white;
            opacity: 0.2;
            top: 0;
        }
    /* Analytic page timeline - END */

    .input-disable {
        opacity: 0.5;
        background-color: #009ad7 !important;
    }

    .input-enable {
        opacity: 1;
        background-color: #009ad7 !important;
    }


    /*Policy popup - start */

    .policy_filter_head a {
        display: block;
        font-size: 13px;
        font-weight: bold;
        font-style: normal;
        text-decoration: none;
        color: #175168;
        padding: 0 20px 0 0;
        line-height: 16px;
        height: 16px;
    }

        .policy_filter_head a:hover {
            color: #175168;
        }

    .policy_filter_content {
        margin: 10px 0;
        max-height: 250px;
        overflow: auto;
    }

        .policy_filter_content ul {
            margin: 0;
            padding: 0;
        }

            .policy_filter_content ul li {
                margin: 0;
                padding: 0; /*white-space: nowrap;*/
                font-size: 12px;
                color: #666;
                margin: 0 0 5px;
                line-height: normal;
                clear: both;
                position: relative;
            }

                .policy_filter_content ul li.disabled::after {
                    content: '';
                    display: block;
                    position: absolute;
                    height: 100%;
                    width: 100%;
                    background: rgba(255, 255, 255, 0.5);
                    top: 0;
                }

                .policy_filter_content ul li .checkbox {
                    float: left;
                    padding: 1px 0 0;
                    margin-bottom: 0;
                }



                    .policy_filter_content ul li .checkbox input[type=checkbox], .policy_filter_content ul li .checkbox-inline input[type=checkbox], .policy_filter_content ul li .radio input[type=radio], .policy_filter_content ul li .radio-inline input[type=radio] {
                        position: absolute;
                        margin-top: 0px\9;
                        margin-left: 0px;
                    }


                .policy_filter_content ul li .checkbox_text {
                    margin-left: 18px;
                }
    /*policy popup - end*/

    /* MFC optimize button on cash grid - START */
    .mfc-optimize {
        margin-left: 5px;
    }

        .mfc-optimize .input_button {
            float: right;
            padding: 3px 8px;
            margin: -3px 0 -3px 10px;
        }

    /* MFC optimize button on cash grid - END */

    .custom-cash-timeline .k-dropdown {
        width: 8em;
    }

    .m-l-0 {
        margin-left: 0;
    }

    .highlighted-row-gray, tr.k-alt.highlighted-row-gray {
        background-color: lightgray;
    }


    /*.policy_filter_content .k-group .k-treeview .k-item> li.disabled::after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    top: 0;
}*/

    .tab-column {
        float: left;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    /*----- Manage Auto Compliance List Popup -----*/
    .link-btn {
        color: #095eff !important;
    }

    .AutoCompliance-list-container, .SubCategory-list-container {
        height: 235px;
        overflow: auto;
    }

    .AutoCompliance-list-table, .SubCategory-list-table {
        width: 100%;
    }

    .category-input {
        width: 55%;
        margin-right: 10px;
    }

    .category-lbl {
        margin-top: 8px;
    }

    .t-decoration-none {
        text-decoration: none;
    }

    .AutoCompliance-list-table tr th, .SubCategory-list-table tr th, .SubCategory-list-table, .SubCategory-list-table tr td {
        border: 1px solid #e7e7e7;
        padding: 5px 5px;
        font-weight: bold;
        background-color: #d9ecf5;
        border-color: #a3d0e4;
    }

    .AutoCompliance-list-table, .AutoCompliance-list-table tr td {
        border: 1px solid #e7e7e7;
        padding: 5px 5px;
    }

    tbody.AutoCompliance-list-data tr:nth-child(even), tbody.SubCategory-list-data tr:nth-child(even) {
        background-color: #f5f5f5;
    }

    #ManageAutoCompliancePopUpWindow.k-window-content, #SubCategoryPopUpWindow.k-window-content {
        overflow: inherit;
    }
    /*----- Manage Auto Compliance Popup -----*/


    /*----- Manage Account Signatory/Attributes List Popup -----*/
    .link-btn {
        color: #095eff !important;
    }

    .AccountSignatories-list-container {
        height: 235px;
        overflow: auto;
    }

    .AccountSignatories-list-table {
        width: 100%;
    }


        .AccountSignatories-list-table tr th {
            border: 1px solid #e7e7e7;
            padding: 5px 5px;
            font-weight: bold;
            background-color: #d9ecf5;
            border-color: #a3d0e4;
        }

        .AccountSignatories-list-table, .AccountSignatories-list-table tr td {
            border: 1px solid #e7e7e7;
            padding: 5px 5px;
        }

    tbody.AccountSignatories-list-data tr:nth-child(even) {
        background-color: #f5f5f5;
    }

    #ManageAccountSignatoriesPopUpWindow.k-window-content {
        overflow: inherit;
    }

    .custom-date-icon span.k-icon.k-i-calendar {
        display: block;
    }

    .custom-date-icon .k-datepicker .k-picker-wrap .k-select {
        padding: 7px 3px;
    }

    .signatoryinput.k-input {
        width: 98% !important;
    }

    .attach-file-name {
        width: calc(100% - 124px - 24px);
        padding-left: 5px;
        display: inline-block;
    }

    .AccountSignatories-list-table tr td {
        word-break: break-all;
    }
    /*----- Manage Account Signatory/Attributes List Popup -----*/
    .requiredBox {
        box-shadow: 0 1px 1px -2px, 0 0 8px red;
    }

    .requiredAutoCompleteBox {
        box-shadow: 0 1px 1px -2px, 0 0 8px red;
    }

    .last-sync-statement {
        display: none;
        color: white;
        z-index: 1002;
        height: 30px;
        width: 150px;
        position: absolute;
        left: 150px;
        background-color: gray;
        padding: 10px;
        border-radius: 6px;
    }

        .last-sync-statement::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

#tooltip {
    text-align: center;
    line-height: 1.5;
    color: var(--default-white);
    background: var(--body-text-color);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-top: 1px solid var(--default-white);
    -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    position: absolute;
    z-index: 100;
    padding: 10px 20px;
}

    #tooltip:after {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid var(--body-text-color);
        border-top-color: rgba( 0, 0, 0, .7 );
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }

    #tooltip.top:after {
        border-top-color: transparent;
        border-bottom: 10px solid var(--body-text-color);
        border-bottom-color: rgba( 0, 0, 0, .6 );
        top: -20px;
        bottom: auto;
    }

        #tooltip.left:after {
            left: 10px;
            margin: 0;
        }

        #tooltip.right:after {
            right: 10px;
            left: auto;
            margin: 0;
        }

.valid_invalidDataCount {
    padding: 5px 20px;
    color: var(--ragular-etire-color);
    background: #9cd062;
    font-weight: bold;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-top: 10px;
}
    /*------*/
    #ReconciledTransferSummary .k-grid-content {
        min-height: 100px !important;
    }

    #confirmBox {
        left: 50%;
        top: 50%;
        margin-left: -10%;
        z-index: 10007;
        width: 350px;
    }

    /*--------------Start Of Dashboard Chart CSS-----------*/

.rotate-text {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    text-transform: uppercase;
    color: var(--default-white);
    white-space: pre-line;
    transform: translate(0%, -50%);
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

    .arrow_box-left-side {
        position: absolute;
        background: var(--dashboard-arrow-panel);
        left: 0;
        top: 0;
        width: 25px;
        padding: 5px;
        height: 100%;
        /*border: 4px solid #c2e1f5;*/
    }

        .arrow_box-left-side:after,
        .arrow_box-left-side:before {
            left: 100%;
            top: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box-left-side:after {
            border-color: rgba(136, 183, 213, 0);
            border-left-color: var(--dashboard-arrow);
            border-width: 8px;
            margin-top: -8px;
        }

        .arrow_box-left-side:before {
            border-color: rgba(194, 225, 245, 0);
            border-left-color: var(--dashboard-arrow);
            border-width: 8px;
            margin-top: -8px;
        }

    .chart-blue-box {
        margin: 0 14px;
        padding: 0;
    }

.chart-innerblue-cover-box {
    border: 2px solid var(--dashborad-panel-border);
    padding-left: 35px;
    position: relative;
    background: var(--default-white);
    padding-right: 10px;
}


    .chart-box-body {
        overflow: auto;
        position: relative;
        min-height: 442px;
        border: 1px solid var(--chart-box-border);
        z-index: 0;
    }

    .chart-box-title {
        padding: 6px 20px 3px;
        background: var(--chart-box-title);
        text-align: left;
        font-weight: bold;
        color: var(--chart-box-text);
        border: 1px solid var(--chart-title-border);
        border-bottom: none;
        border-radius: 5px 5px 0px 0px;
        line-height: 18px;
        height: 32px;
    }

    .chart-box-custom {
        padding: 10px 0px;
    }

    .arrow-top-middle {
        padding-left: 10px;
        padding-top: 25px;
    }

    .m-b-10 {
        margin-bottom: 10px;
    }

    .m-b-20 {
        margin-bottom: 20px;
    }

    .m-b-30 {
        margin-bottom: 30px;
    }

.arrow-top-middle .arrow_box-top {
    padding: 5px;
    height: 25px;
    position: absolute;
    background: var(--primary);
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    /* border: 4px solid #c2e1f5; */
}

.arrow_box-top:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: var(--primary);
    border-width: 8px;
    margin-left: -8px;
}

    .arrow_box-top:after,
    .arrow_box-top:before {
        left: 50%;
        top: 25px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

.arrow_box-top:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: var(--primary);
    border-width: 8px;
    margin-left: -8px;
}

.arrow-top-middle .rotate-text {
    margin: 0;
    transform: none;
    left: auto;
    top: auto;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    color: var(--default-white);
    white-space: normal;
}

    .chart-padding {
        padding: 10px;
    }

    .chart-innerblue-cover-box .k-loading-color {
        filter: alpha(opacity=30);
        opacity: .7;
    }

    .chart-icon {
        text-decoration: none;
        cursor: pointer;
        font-size: 22px;
    }

        .chart-icon:hover {
            color: var(--default-black);
        }
    /*--------------End Of Dashboard Chart CSS-----------*/

    /*table.k-selectable.variancelevel3 .variance-title {
        padding:0;
}*/
    .variancelevel3 table td {
        padding: 4px 6px 4px 4px;
    }

    td.variance-title {
        padding: 2px 6px 2px 4px;
    }

    .freeztable.k-grid td .variancelevel3 tr td {
        margin: 0;
        line-height: inherit;
        padding: 0 6px;
        height: 28px;
    }

    .varianceCellVal {
        white-space: normal;
        border-bottom: none !important;
    }

    .varianceCell-border {
        border-left: 1px solid #A3D0E4 !important;
        border-bottom: 1px solid #A3D0E4 !important;
    }

    #tblsubCategoryDetails tr:nth-child(odd) {
        background-color: #eaf4f9;
    }

    .disable-link {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
        color: black;
    }

    .chartTotal {
        padding: 6px 20px 3px;
        /* background: #d9ecf5; */
        text-align: left;
        font-weight: bold;
        color: #446380;
        border: 1px solid #c9e4f0;
        /* border-bottom: none; */
        border-radius: 5px 5px 0px 0px;
        line-height: 18px;
        height: 32px;
    }


.dashboardTotal {
    font-size: 20px;
    color: var(--page-header-bg);
    font-weight: normal;
}

.regionWiseReportTotal {
    background-color: #d9ecf5 !important;
    font-weight: bold;
    color: var(--ragular-etire-color);
}

.regionWiseReportGrandTotal {
    background-color: #9cd062 !important;
    font-weight: bold;
    color: var(--ragular-etire-color);
}

.regionWiseReportCommonTotal {
    background-color: var(--statement-not-reci-color) !important;
    font-weight: bold;
    color: var(--ragular-etire-color);
}

    .align-left {
        text-align: left !important;
    }

    .map-height {
        min-height: 655px !important;
    }


    .map-height {
        min-height: 655px !important;
    }

    .m-t-10 {
        margin-top: 10px;
    }

    .version {
        position: absolute;
        right: 20px;
        bottom: 20px;
        color: #969696;
    }

    #RegionWiseReport table, #RegionWiseReport table tr th, #RegionWiseReport table tr td {
        font-size: 12.5px;
    }

    .reportScheduleIcon {
        position: absolute;
        right: 2px;
        top: 0px;
    }

    .reportText {
        padding-right: 20px;
        white-space: normal;
        word-break: break-all;
        line-height: 100%;
    }

    .custumUtilityBtn {
        margin: 90px auto;
        text-align: center;
    }

        .custumUtilityBtn .input_button {
            margin: 0 auto 10px auto;
        }

    /*CR120 - A*/
    .csl-tra-alert {
        display: none;
        font-size: 14px;
        font-style: italic;
        color: var(--cls-alert);
        margin-bottom: 10px;
        float: left;
        text-align: right;
        font-weight: bold;
        line-height: 14px;
    }


.btn-w-icon {
    padding: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0px;
    background: var(--btn-bg);
    color: var(--default-white);
    text-shadow: none;
    display: block;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin: 0 10px 0 0;
    text-decoration: none;
}

    .btn-w-icon:hover {
        background: var(--btn-hover);
    }

    .ri-refresh-line {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M5.463 4.433A9.961 9.961 0 0 1 12 2c5.523 0 10 4.477 10 10 0 2.136-.67 4.116-1.81 5.74L17 12h3A8 8 0 0 0 6.46 6.228l-.997-1.795zm13.074 15.134A9.961 9.961 0 0 1 12 22C6.477 22 2 17.523 2 12c0-2.136.67-4.116 1.81-5.74L7 12H4a8 8 0 0 0 13.54 5.772l.997 1.795z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
    }

    .ri-save-3-fill {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 3h14l2.707 2.707a1 1 0 0 1 .293.707V20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm3 1v5h9V4H7zm-1 8v7h12v-7H6zm7-7h2v3h-2V5z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
    }

    .ri-search-line {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
    }

    .ri-brush-3-line {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M8 20v-5h2v5h9v-7H5v7h3zm-4-9h16V8h-6V4h-4v4H4v3zM3 21v-8H2V7a1 1 0 0 1 1-1h5V3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v3h5a1 1 0 0 1 1 1v6h-1v8a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");
    }

.ri-refresh-line, .ri-save-3-fill, .ri-search-line, .ri-brush-3-line {
    float: left;
    font-size: 24px;
    color: var(--default-white);
    height: 24px;
    width: 24px;
}

    .traposition {
        position: absolute;
        right: 0;
        top: -45px;
        width: 50%;
    }

    .useroverflowhidden {
        overflow-y: hidden !important;
    }

.highlightbox {
    background-color: #278200;
    color: white;
    padding: 4px 10px;
    border-radius: 4px;
}
a.dbselected {
    background: var(--dash-dd-select) !important;
}

.k-gantt-toolbar .k-state-default, .k-grid .k-grouping-header, .k-grid-header, .k-grid-header-wrap, .k-grouping-header .k-group-indicator, .k-header, .k-pager-wrap, .k-pager-wrap .k-link, .k-pager-wrap .k-textbox {
    border-color: var(--grid-border-color)!important;
}

.k-block, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-pager-wrap, .k-toolbar, .k-treemap-tile, 
html .km-pane-wrapper .k-header {
    background-color: var(--grid-header-bg)!important;
}

    .k-autocomplete, .k-block, .k-button-group .k-tool, .k-calendar th, .k-colorpicker .k-i-arrow-s, .k-content, .k-dropdown-wrap, .k-dropzone-active, .k-editable-area, .k-filter-row > th, .k-footer-template td, .k-grid td, .k-grid td.k-state-selected, .k-grid-content-locked, .k-grid-footer, .k-grid-footer-locked, .k-grid-footer-wrap, .k-grid-header, .k-grid-header-locked, .k-grid-header-wrap, .k-group, .k-group-footer td, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-header, .k-input, .k-pager-refresh, .k-pager-wrap, .k-pager-wrap .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar > .k-item > .k-link, .k-separator, .k-slider-track, .k-splitbar, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-textbox, .k-textbox > input, .k-tiles, .k-toolbar, .k-tooltip, .k-treemap-tile, .k-upload-files, .k-widget {
        border-color: var(--grid-border-color) !important;
    }

.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator {
    background-color: var(--grid-tr-bg-regular)!important;
}

.k-grid tr .k-button {
    background-color: var(--grid-btn-bg);
    border: 1px solid var(--grid-btn-border);
}
.k-grid tr:hover {
    background-color: var(--grid-tr-hover) !important;
}
.k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: inset 0 0 3px 1px var(--k-state-selected-autocomplete-bdr) !important;
    box-shadow: inset 0 0 3px 1px var(--k-state-selected-autocomplete-bdr) !important;
}

.k-button.k-state-active, .k-button:active {
    color: var(--default-white);
    background-color: var(--k-state-selected-autocomplete-bg);
    border-color: var(--k-state-selected-autocomplete-bdr);
}

.k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    background-color: var(--k-state-selected-autocomplete-bg) ;
    border-color: var(--k-state-selected-autocomplete-bdr);
}

.k-list-container {
    border-color: var(--k-state-selected-autocomplete-bdr) !important;
    background-color: var(--default-white) !important;
}

/*.k-button.k-state-focused, .k-grid-header th.k-state-focused, 
.k-list > .k-state-focused, .k-listview > .k-state-focused, .k-state-focused, td.k-state-focused {
    -webkit-box-shadow: inset 0 0 3px 1px #59cfff;
    box-shadow: inset 0 0 3px 1px #59cfff;
}*/

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    color: var(--primary);
    background-color: var(--k-state-selected-bg)!important;
    border-color:var(--k-state-selected-bdr-color)!important;
}

.k-button.k-state-focused, .k-grid-header th.k-state-focused,
.k-list > .k-state-focused, .k-listview > .k-state-focused, .k-state-focused, td.k-state-focused {
    -webkit-box-shadow: inset 0 0 3px 1px var(--primary-five) !important;
    box-shadow: inset 0 0 3px 1px var(--k-state-selected-autocomplete-bdr) !important;
}


.k-dropzone em, .k-other-month, .k-other-month .k-link, .k-slider .k-draghandle, .k-state-disabled, .k-state-disabled .k-button, .k-state-disabled .k-link, .k-tile-empty strong {
    color: var(--primary);
}


.k-state-focused {
    color:var(--default-black);
    background-color: #a99f9a;
    border-color: #a99f9a;
}

.k-state-selected, .k-list > .k-state-selected, .k-list > .k-state-focused, .k-panelbar > .k-state-selected, .k-panel > .k-state-selected, .k-button:active, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover {
    color:var(--default-white);
    background-color: #f0713a;
    border-color: #f0713a;
}

    /*.k-state-selected.k-state-focused
    {
        background-color: #ed5614;
    }*/

    .k-state-selected > .k-link {
        color: var(--default-white);
    }


.k-state-hover, .k-state-hover:hover, .k-splitbar-horizontal-hover:hover, .k-splitbar-vertical-hover:hover, .k-list > .k-state-hover, .k-marquee, .k-pager-wrap .k-link:hover {
    color: var(--k-menu-hover-text-color);
    background-color: var(--k-menu-hover-bg);
    border-color: var(--k-menu-drp-color);
}

    .k-state-hover > .k-link, .k-other-month.k-state-hover .k-link {
        color: var(--default-black);
    }

/*.k-textbox:hover, .k-autocomplete.k-state-hover, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-hover {
    background-color: #a99f9a;
    border-color: #a99f9a;
}*/

.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget {
    color: var(--grid-header-txt-color);
}
.k-grid-header .k-header > .k-link, .k-header, .k-treemap-title {
    color: var(--grid-header-txt-color);
}

.k-widget.k-reset.k-header.k-menu.k-context-menu.k-popup.k-group.k-menu-vertical.k-state-border-up {
    background-color: var(--k-menu-drop-bg) !important;
    border: 1px solid var(--k-menu-bdr-color);
}

.k-menu .k-state-hover > .k-link {
    color: var(--ragular-etire-color);
    background-color: var(--k-menu-hover-bg);
    border-color: var(--k-menu-bdr-color);
    background-image: url(textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .4)), to(rgba(255, 255, 255, 0)));
    background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) 100%);
}

.custom-no-data-row {
    font-size: 2em;
    font-family: "Segoe UI", Arial, Sans-Serif;
    color: var(--nodata-txt-color)!important;
    margin: 5pt 0!important;
}

.k-grid-norecords {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 2em;
    font-family: "Segoe UI", Arial, Sans-Serif;
    color: var(--nodata-txt-color);
}
.k-button {
    color: var(--k-btn-text-color);
    border-color: var(--k-btn-bdr-color);
    background-color: var(--k-btn-bg);
}

    .k-button.k-state-hover, .k-button:hover {
        color: var(--k-btn-text-color);
        border-color: var(--k-btn-hover-bdr-color);
        background-color: var(--k-btn-hover-bg);
    }

.k-calendar .k-today .k-link {
    color: var(--primary-second);
    font-weight: 700;
}

input.k-textbox {
    height: 30px;
    text-indent: .33em;
    line-height: 1.6em;
}

input.k-textbox, textarea.k-textbox {
    padding: 3px 12px;
}

.k-multiselect.k-header, input.k-textbox, textarea.k-textbox {
    border-color: var(--primary-third);
}

    input.k-textbox:focus, textarea.k-textbox:focus {
        border-color: var(--primary-third) !important;
        box-shadow: none;
    }

.k-calendar th {
    background-color: var(--k-menu-drop-bg);
}

.k-window {background-color:var(--default-white);}

.k-button.k-state-active:hover, .k-button:active:hover {
    color: var(--default-white);
    border-color:var(--k-state-active-bdr);
    background-color:var(--k-state-active-bg);
}

.k-calendar .k-nav-fast.k-state-hover {
    background-color: var(--k-state-calendar-bg);
    color: var(--k-state-calendar-text);
}

.login_page_left_menu h2 {
    color: var(--login-left-heading);
    }

.signatory-enddate {
    position: relative;
    display: flex;
    align-items: center;
}

.signatory-enddate .k-picker-wrap {
    border-radius: 4px 0px 0px 4px;
}

.signatory-enddate .k-datepicker {
    border-radius: 4px 0px 0px 4px;
}

.signatory-enddate .k-button {
    padding: 4.7px 6px;
    border-radius: 0px 4px 4px 0px;
    border-left: 0px;
}

.signatory-enddate span.spn-signatory-enddate {
    background-color: var(--k-state-selected-autocomplete-bg);
    padding: 3.1px 0px;
    border-radius: 0px 4px 4px 0px;
}