charset "utf-8";
/* Theme Styles */
.bg-color {
    background: #e6e6e6;
}

/*Top Naigation Style */
/*a {
     color:white!important;
}*/
#lnkAdvanceSearch, #lnkPopAdvanceSearch
{
       color:white!important;
}
.topNav, ul#jsddm li {
    /*background: url(../../Images/TopNav_bg.gif) repeat-x;*/
    background: url(../../Images/TopNav_DrBlueBg_Active.gif) repeat-x;
}

    .topNav ul#jsddm li {
        border-right: 1px solid #002266;
        border-left: 1px solid #aaddff;
    }

        .topNav ul#jsddm li.selected, .topNav ul#jsddm li.selected:hover, .topNav ul li:hover, .topNav ul li ul li:hover, .topNav ul li ul li ul li:hover {
            background: #ccc url(../../Images/TopNav_DrBlueBg_Hover.gif) repeat-x !important;
            color: #000;
        }

.brdcrumb {
    background: #cf9903;
    color: #fff;
}

.wStatus {
    background: #f7f7f7;
}

.act_indi {
    /*background: #cbcbcb;*/
}

.act_indi-text span {
    background-color: #fffddd;
}

.head-title {
    background: #eaeaea url(../../images/Head_title_BG.gif) repeat-x top left;
}

.box-border {
    background: #fff;
}

.tabbable ul.nav > li {
    background: #eaeaea;
}

    .tabbable ul.nav > li.active a, .tabbable ul.nav > li.active a:hover {
        background: #fff;
    }

    .tabbable ul.nav > li a:hover {
        background: #cfcfcf;
    }

#MainTable_wrapper select {
    background: #fff;
}

button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all, button.ui-multiselect.ui-widget.ui-state-default.ui-corner-all:hover {
    background: #fff !important;
}

span.glyphicon.glyphicon-search, span.glyphicon.glyphicon-chevron-down {
    background: #666 !important;
}

.modal-header {
    background: #5e4a27;
    color: #fff;
}

.alert-danger {
    background: #DC410F;
    color: #fff;
}

.alert-success {
    background: #090;
    color: #fff;
}

.panel.panel-default .panel-heading, .panel-heading, .btn-primary, .btn, .ui-dialog-titlebar.ui-widget-header, .dataTables_paginate.paging_bootstrap ul.pagination li.active a, .ui-dialog-titlebar.ui-widget-header {
    background: #2266aa;
}

    .panel-heading span a, span input#btnSaveNotes.btn-mini {
        color: #ffff00;
    }

    .panel-heading span a {
        text-decoration: underline;
    }

.footer {
    background: #431;
}

/*============== Table Grid Styling =================*/
.gridview {
    border-left: 1px solid #888888;
    border-top: 1px solid #888888;
}

table tr:nth-child(odd) {
    background: #f0f0f0;
}

table.dataTable tr.odd td, table#innerTable tr.odd td {
    background: #f0f0f0;
}

table.dataTable tr.even td, table#innerTable tr.even td {
    background: #fff;
}

table.dataTable tr {
    background-color: #C4C495 !important;
}


.gridview TH, th.sorting_asc {
    background-color: #2266aa !important;
    border-bottom: 1px solid #888888 !important;
    border-right: 1px solid #888888;
    color: white !important;
}

.gridview TD {
    border-bottom: 1px solid #888888;
    border-right: 1px solid #888888;
    color: #323232;
}

td.ui-datepicker-today a.ui-state-highlight {
    background: #bdd904 !important;
    color: #fff;
}

table#innerTable tr th {
    border-top: 1px solid #888888 !important;
}

table.dataTable thead th {
    border-bottom-color: #888888 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #eeeedd !important;
    border: none;
}

.ui-datepicker .ui-datepicker-header, #ui-datepicker-div table.ui-datepicker-calendar td a:hover {
    background: #7d7d5d !important;
}

#ui-datepicker-div {
    border: 1px solid #7d7d5d !important;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
    background: #744600 !important;
    filter: inherit;
}


.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success.active[disabled], fieldset[disabled] .btn-success.active {
    background-color: #c7b797;
    border: #989898;
    color: #f7f7f7;
}

.alert-info {
    background: #ccbb99 !important;
    color: #000;
    border-radius: 4px !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #999900 !important;
    color: #fff;
}

li.ui-multiselect-optgroup-label a {
    background: #0044aa;
}

    li.ui-multiselect-optgroup-label a:hover, .ui-corner-all.ui-state-hover {
        background: #77bbff !important;
    }

ul.ColVis_collection {
    background: #ccc !important;
}


/*============== Table Grid Styling Endb =================*/

.btn.btn-primary.disabled,, .btn-mini.btn-primary:hover, .btn-primary:hover, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .dataTables_paginate ul.pagination li.active a, .paginate_button.active {
    background: #ff9900;
    color: #fff;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    border-top: 1px solid #ccc !important;
}

.WaterMarkedTextBoxPSWDatePicker {
    background: #fff;
}

.WaterMarkedTextBoxPSW {
    background: url(/Images/Search_icon.gif) no-repeat top right;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset;
    background-color: #fff;
}

.WaterMarkedTextBoxPSW-disable {
    background-color: #eeeeee;
    color: #818181;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset;
    background: url(/Images/Search_icon.gif) no-repeat top right;
}

.FilterSelectedlabel {
    background-color: #F4A460;
    color: #0e0e0e;
}

.FilterTextBox {
    background-color: #fff;
    border-top: 1px solid #989898;
    border-right: 1px solid #989898;
    border-bottom: 1px solid #989898;
    border-left: 1px solid #989898;
    color: #0e0e0e;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1) inset;
}

.pmnt-dtls-new .pmnt-dtls-new-bg {
    border-bottom: 1px solid #012e63;
    color: #012e63;
}

#newjsddm li.selected {
    background: #484848 url('../images/nav-select.gif') repeat-x left 0px;
}

.ui-dialog-titlebar.ui-widget-header {
    color: #fff;
}

.rcm-textbox {
    border: 1px solid #ccc;
}

.calendar_icon {
    float: left;
    background: url(../../images/Calendar.png) no-repeat top left;
    width: 24px;
    height: 24px;
}

.footer {
    background: #113355;
    color: #fff;
}

.WaterMarkedTextBoxPSWDatePicker {
    background-image: url(/Images/date.png);
    background-color: #fff;
}

#newjsddm li a:hover.arrow-none {
    background: #7b024c url('')no-repeat right 1px;
}

#newjsddm li ul {
    background: #484848 url('')no-repeat !important;
    border: 0px solid #6080a1;
    background-color: #484848;
}

    #newjsddm li ul li {
        border-top: 1px solid #484848;
        background-color: #fff;
    }

        #newjsddm li ul li a:hover {
            background-color: #C0C0C0;
        }

ul.ColVis_collection li:hover {
    background: #eed !important;
}
/* ---------- All Tabs Active Hover styles ---------- */
.tabbable ul.nav.nav-tabs.ui-widget-header {
    background: none !important;
    border-bottom: 1px solid #ccc !important;
}

.tabbable ul.nav.nav-tabs li, .tabbable ul.nav.nav-tabs li, ul.nav.nav-tabs li {
    background: #003388 !important;
    color: #fff !important;
    border: none;
    margin-right: 2px;
}

#myTab.nav.nav-tabs li a {
    color: #fff;
}

.inputfileuploadbutton {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #CCCCCC;
    color: #666666;
}

.tabbable ul.nav.nav-tabs li.active a, .tabbable ul.nav.nav-tabs li a:hover, tabbable ul.nav.nav-tabs li.active a, #myTab.nav.nav-tabs li.active a, #myTab.nav.nav-tabs li a:hover {
    background: #0088ff;
    color: #fff !important;
}

.tabbable ul.nav.nav-tabs li.active, #tabs ul.nav.nav-tabs li.active {
    border-top: 2px solid #003388 !important;
    margin-top: -2px;
}
/* ---------- All Tabs styles End ---------- */

/**The "Column visibility" should differentiate show and hide columns.****/
div.dt-button-collection a.dt-button.active:not(.disabled) {
    background-image: linear-gradient(to bottom, #466788 0%, #1b4a77 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#466788', EndColorStr='#1b4a77') !important;
    background-color: #1b4a77 !important;
    color: #fff;
}

.balance-details {
    background: #2266aa;
    color: white;
}

.SelectedTab {
    background: #5d98d4;
    border: 1px solid #1b4a77;
    color: #fff;
}

.savedisposition {
    background-color: #2265aa;
    color: #fff;
    margin-right: 5px;
}

.update_ac_item,
.update_ac_item:hover {
    color: #fff;
    cursor: pointer;
}


.btn-primary, .btn-mini.btn-primary {
    background: #2265aa;
    color: #fff;
}

.gridViewtoolTip {
    display: none;
    border: solid 1px #708069;
    background-color: #2265aa;
    color: #fff;
    line-height: 15px;
    border-radius: 5px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1001;
    text-align:left;
    width:190px;
}
/*Santhosh------------------------------ Style the tab */
.tab {
    border-bottom: 3px solid #5C73B1;
}

    /* Style the buttons inside the tab */
    .tab button {
        background-color: #2266aa;
    }

        /* Change background color of buttons on hover */
        .tab button:hover {
            background-color: #5C73B1;
        }

        /* Create an active/current tablink class */
        .tab button.active {
            background-color: #5C73B1;
            background: #ccc url(../../../Content/Images/TopNav_DrBlueBg_Hover.gif) repeat-x !important;
        }
        .tablinks{
            color:white;
        }