/*!
 * Custom Css
 */
body {
    background: #FFF;
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
    font-size: 13px;
    overflow-x: hidden;
}

@font-face {
    font-family: 'neotericregular';
    src: url('../fonts/neoteric_-_regular_demo_version-webfont.eot');
    src: url('../fonts/neoteric_-_regular_demo_version-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/neoteric_-_regular_demo_version-webfont.woff2') format('woff2'), url('../fonts/neoteric_-_regular_demo_version-webfont.woff') format('woff'), url('../fonts/neoteric_-_regular_demo_version-webfont.ttf') format('truetype'), url('../fonts/neoteric_-_regular_demo_version-webfont.svg#neotericregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.fl-right {
    float: right;
}
.fl-left {
    float: left;
}

.calendar {
    position: relative;
}
.calendar span {
    position: absolute;
    top: 5px;
    right: 10px;
}
.dhtmlxcalendar_dhx_web {
    margin-top: 35px;
    margin-left: -227px;
}
.dhtmlxcalendar_dhx_web:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #cccccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    margin-top: -7px;
    right: 13px;
}

/*--Check Box--*/

.checked {
    background-position: -95px -39px;
    height: 25px;
}
.custom-checkbox {
    position: relative;
    display: inline-block;
}

.custom-checkbox > .box {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.custom-checkbox > .box.gray-box {
    border: 4px solid #fff;
    border-radius: 0px;
    background-color: #d4d7db;
}

.custom-checkbox > .box.white-box {
    border: 4px solid #d4d7db;
    border-radius: 0px;
    background-color: #FFF;
}
.custom-checkbox > .box > .tick {
    position: absolute;
    left: 2px;
    top: 3px;
    width: 12px;
    height: 6px;
    border-bottom: 2px solid #333;
    border-left: 2px solid #333;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: none;
}

.custom-checkbox > input:checked + .box > .tick {
    display: block;
}
.custom-checkbox > input:checked + .box {
    border: 4px solid #525252;
    border-radius: 0px;
    background-color: #fff;
}

.custom-checkbox > input {
    position: absolute;
    outline: none;
    left: 0;
    top: 0;
    padding: 0;
    width: 26px;
    height: 26px;
    border: none;
    margin: 0;
    opacity: 0;
    z-index: 1;
    vertical-align: middle;
}

.custom-checkbox > input:active + .box {
    border-color: #aaa;
    background-color: #ddd;
}

/*Dialog Box*/
.modal-content {
    border-radius: 5px;
    background: #f6f7f9;
    border-color: #46b8da;
}
.modal-header {
    background: #46b8da;
    padding-bottom: 5px;
    padding-top: 5px;
}
.modal-header.white {
    background-color: #FFF;
    color: #46b8da
}
.modal-title {
    color: #0077ae;
    font-size: 14px;
    font-weight: bold;
}
.modal-body h4 {
    color: #46b8da;
    font-weight: bold;
}

h2 {
    background: transparent url('../images/titlebg.png') no-repeat bottom left;
    font-size: 22px;
    font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
    color: #000;
    padding-bottom: 10px;
    font-weight: bold;
}
h2.gridtitle {
    font-size: 18px;
}
h3.subheading,.grid-head h3.subheading{
    background: transparent url('../images/subtitle.png') no-repeat bottom left;
    font-family: "open_sansregular",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 32px;
    padding-bottom: 0;
    padding-left: 41px;
    text-align: left;
    color: #008fd5;
    margin:10px 0

}
.grid-head h5{
    font-size:18px;
    color:#000;
    text-align:left

}
.grid-head h5 span{
    font-size:14px;
    color:#026c9d;
}
button.close {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ccc none repeat scroll 0 0;
    border-bottom: 0 none;
    border-image: none;
    border-left: 0 none;
    border-radius: 98%;
    border-top: 0 none;
    cursor: pointer;
    padding: 2px 6px 1px;
    border: 1px solid;
    height: 20px;
    padding: 3px 4px 1px;
    width: 20px;
    font-size: 14px;
}
.alert{margin-bottom: 0px;}
.modal-footer {
    text-align: center;
}
.form-group .radio label {
    font-size: 14px;
    text-transform: none;
}
.form-group .radio {
    display: inline-block
}
.form-group {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.modal-body {
    max-height: 400px;
    overflow: auto;
}
.tab-content > .active {
    padding-right: 0;
}
div.pagingBlock {
    border: none;
    border-radius: 5px;
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    padding: 7px 20px;
    float: right;
    letter-spacing: -3px;
}
div.pagingBlock a {
    background: #ccc none repeat scroll 0 0;
    color: black;
    cursor: pointer;
    margin-left: 6px;
    padding: 4px 13px 4px 8px;
    text-decoration: none;
}
div.pagingBlock a.dhx_not_active {
    background: #006b9d none repeat scroll 0 0;
    color: #fff;
    cursor: default;
    text-decoration: none;
}
.pagination {

    border-radius: 0;
    display: block;
    margin: 0;
    padding: 5px;
    float: right;
}
.leftpaneltab .nav-tabs > li.active > a:after {
    content: "\e251";
    font-family: 'Glyphicons Halflings';
    font-size: 12px;
    position: absolute;
    right: -5px;
}

.dhxgrid_sort_desc, .dhxgrid_sort_asc {
    background-image: url("../images/sort_asc.png") !important;
    height: 16px;
    width: 12px;
    z-index: 4 !important;
}
.dhxgrid_sort_asc {
    background-image: url("../images/sort_desc.png") !important;
}
.dhxgrid_sort_desc, .dhxgrid_sort_asc{ height: 11px !important;
                                       width: 11px !important;
    z-index: 4 !important;}
.message.note {
    color: #919191;
    float: left;
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 50px;
    position: relative;
    width: 100%;
}
.message.note:before {
    content: "Note :";
    left: 0;
    position: absolute;
}

/*Radio Buttons*/
.message {
    font-size: 13px;
    color: #006592;
    padding-left: 27px;
}
.radio {
    padding-left: 20px;
}
.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
    font-size: 16px;
    line-height: 14px;
}
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    margin-left: -15px;
    border: 2px solid #7a7a7a;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 6px;
    height: 6px;
    left: 4px;
    top: 4px;
    margin-left: -15px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {

    z-index: 1;
}
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
    opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}
.radio.radio-inline {
    margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
    background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}

input[type="radio"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f00c";
}
input[type="radio"] .styled:checked + label::before {
    color: #fff;
}

input[type="radio"] .styled:checked + label::after {
    color: #fff;
}

/* End- Radio Buttons*/

h4 {
    font-size: 14px;
    color: #026c9d;
}
h3 {
    margin: 5px 0;
    color: #049fe7;
    font-size: 22px;
}
h5 {
    font-size: 14px;
    color: #414141;
    font-weight: normal;
}
hr {
    border-color: #Ccc;
    border-width: 1px 0 0 0;
    margin: 10px 0;
}

.dhxform_select {
    border-width: 1px;
    border-style: solid;
    border-color: #dfdfdf;
    background-color: white;
    margin: 0;
    padding: 2px !important;
    line-height: normal;
    vertical-align: middle;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: -ms-none;
    appearance: none;
    background-image: url(../images/downarrow.png);
    background-repeat: no-repeat;
    background-position: right 10px;
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica;
    color: #555;
}
.dhxform_select option {
    padding: 2px;
    outline: none !important;
    font-size: 13px;
}
.dhxform_select option:focus, .dhxform_obj_material .dhxform_select option:active {
    outline: none !important;
}
.dhxform_select:focus {
    border-color: #39c;
    border-bottom-width: 2px;
    padding-bottom: 1px !important;
    outline: none !important;
}
.dhxform_select.dhxform_arrow_fix_webkit {
    background-position: right 6px;
}
.dhxform_select.dhxform_arrow_fix_edge {
    background-position: right 7px;
}
.tooltip-inner {
    /*	background-color: #3e7994;*/
}
.tooltip-arrow {
    border-bottom-color: #3e7994
}
.form-control {
    border-radius: 5px;
    box-shadow: 0;
    height: 25px;
    font-size: 12px;
    padding: 4px 12px;
}
.btn-group, .btn-group-vertical {
    width: 100%;
    text-align: left
}
.multiselect {
    width: 100%;
    text-align: left;
    font-size: 12px;
    padding: 3px 12px;
}
div.disabled .dhxform_select {
    color: #a6a6a6;
    border-style: dashed;
    background-image: url(../images/downarrow.png);
}
select, input {
    font-size: 13px;
    /*height: 30px;*/
}

label {
    font-size: 12px;
    color: #3d3d3d;
    font-weight: normal;
}

.validation {
    color: red;
    font-size: 12px;
    font-style: italic;
}

.multiselect .caret {
    background-image: url("../images/downarrow.png");
    border: medium none;
    height: 10px;
    margin-left: 0;
    position: absolute;
    right: 0px;
    top: 10px;
    width: 15px;
    background-repeat: no-repeat
}
.multiselect-container {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}
.form-control.multiselect-search {
    height: 34px;
}
.form-horizontal .form-group {
    margin: 0
}
/*multiselectcombo*/
.multiselectcombo{
    position:relative;
}
.multiselectcombo input.filterText{
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 12px;
    height: 25px;
    line-height: 1.42857;
    padding: 3px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;

}
.multiselectcombo input.down_cmb,.multiselectcombo input.up_cmb{
    background-image: url("../images/downarrow.png");
    border: medium none;
    height: 10px;
    margin-left: 0;
    position: absolute;
    right: 0px;
    top: 10px;
    width: 15px;
    background-repeat: no-repeat;
    position:absolute;
    background-color:transparent;
}
.multiselectcombo .custom_combo{
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    position: absolute;
    width: 100%;
    z-index:9;
}
.multiselectcombo input.filterTextDisabled{
    background-color: #eee;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 12px;
    height: 25px;
    line-height: 1.42857;
    padding: 3px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;

}

/**/
/*Date Control*/
.datecontrol span.glyphicon-calendar {
    position: absolute;
    right: 9px;
    top: 6px;
}
.datepickerbox{
    position: relative;
}
.datepickerbox img{
    position: absolute; 
    top:6px;
    right: 0;
}
.flt-btn-group .btn , .addscheme .btn{
    font-size: 11px;
    padding: 3px 15px;
}
.datecontrol {
    position: relative;
}
.filterbtn, .resetbtn {
    background-color: #8c8c8c;
    border-color: #6a6868;
    color: #fff;
}
.flt-btn-group .nav.nav-pills {
    float: right;
}
.advancefilter ul {
    margin-top: 23px;
}
/*Grid*/
.grid-head {
    background-color: #fafafa;
}
.grid-head h4 {
    background: transparent url(../images/grid-icon.png) no-repeat top left;
    padding: 2px 28px;
    float: left;
}
/*Custom Css Start*/
.header {

    position: relative;
    width: 100%;
}
.top_link {


    line-height: 19px;
    padding: 1px 10px 0 0;
    text-align: right;
    vertical-align: top;
}
.top_link a {
    text-decoration:none;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
}
.link {
    color: #000;
    padding: 0 10px;
    text-decoration: none;
}

.logo_bg {
    /*background: rgba(0, 0, 0, 0) url("../images/top_bg.jpg") repeat-x scroll 0 0;*/ /*Desiger change*/
    background:#FFF;

    height: 41px;
    position: relative;
    width: 100%;

}
.logo {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin-top: -16px;
}
.logo a {
    float: left;
    padding: 0px 9px;
    height:50px;
}
.logo img {
    height: 100%;
}
.logo-text {
    margin: 3px 0 0;
    width: 52px;
}
.group_logo {

    cursor: pointer;
    float: left;
    height: 41px;
    width: 110px;
}
.group_logo img {
    width: 110px;
}
.group_site {
    color: #000;
    float: right;
    font-weight: bold;
    height: 22px;
    margin: 7px 10px 10px 0;
    text-align: right;
    position:relative;
}
.login-menu {
    height: 138px;
    float: right;
    right: 0;
    text-align: center;
    top: 70px;
    width: 160px;
    z-index: 9999;
    font-family:arial;
}
.login-menu > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 999;
}
.login-menu > ul > li {
    float: right;
    height: 25px;
    position: relative;
    width: 88px;
    z-index: 999;
}
.login-menu > ul > ul > li {
    position: relative;
    width: auto;
    z-index: 999;
}
.login-menu > ul > li > a {
    /*color: #FFF; 
    font-weight: bold;*//*Designer Change*/
    color:#000;
    float: left;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
    width: 65px;
    z-index: 999;
    text-decoration:none;
}
.login-menu > ul > ul {
    font-size: 12px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 25px;
    width: auto;
    z-index: 9999;
}
.login-menu > ul > ul > li > a {
    background: #e8e8e8 none repeat scroll 0 0;
    float: right;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding-left: 10px;
    text-align: left;
    width: 140px;
}
.login-menu ul li span.arrow-down {
    background: rgba(0, 0, 0, 0) url("../images/spirites.gif") no-repeat scroll 0 -15px;
    display: block;
    float: right;
    height: 4px;
    position: absolute;
    right: 20px;
    top: 12px;
    width: 7px;
}
.dopshadowtop{
    -webkit-box-shadow: 0px 1px 5px 0px rgba(204,204,204,1);
    -moz-box-shadow: 0px 1px 5px 0px rgba(204,204,204,1);
    box-shadow: 0px 1px 5px 0px rgba(204,204,204,1);
}
.inshadow{
    -webkit-box-shadow: inset 0px 4px 5px 0px rgba(38,47,173,1);
    -moz-box-shadow: inset 0px 4px 5px 0px rgba(38,47,173,1);
    box-shadow: inset 0px 4px 5px 0px rgba(38,47,173,1);
}
/*MENU*/
.navbar-default {
    background-color: #008ed4;
    border: none;
    /*text-transform: uppercase;*/
    border-radius: 0;
}
.navbar {
    margin-bottom: 0;
    min-height: 23px;
}
.navbar-default .navbar-nav > li > a {
    color: #FFF;
}
.dropdown-menu > li > a {
    text-transform: none;
    font-size: 13px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.dropdown-menu > .active > a > label, .dropdown-menu > .active > a:hover > label, .dropdown-menu > .active > a:focus > label
{color:#FFF !important;}
.ui-widget-header {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
    font-size: 13px;
    font-weight: normal;
}
.ui-widget-content {
    background: #FFF;
    border-radius: 5px;
    color: #222222;
    border:solid 1px #efefef;
    z-index:99999!important;
}

.navbar-nav > li > a {
    padding-bottom: 5px;
    padding-top: 5px;
}
.breadcrumb {
    background-color: #FFF;
    border-radius: 0;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 3px 0;
}
.rtn-fltr-selction {
    background-color: #f3f3f3;
    border-bottom: solid 1px #6a6868;
    padding-top: 10px;
}
.rtn-fltr-selction .btn{
    padding:1px 12px;
}
.flt-toolbar {
    display: block
}
.flt-group {
    border-right: 1px solid #ccc;
    border-left: 1px solid #FFF;
    display: inline-block;
    float: left;
    line-height: 36px;
    padding: 0px 17px;
    margin: 1px 0;
}
input.exportexcel {
    background: #629a7b url("../images/excel-icon.png") no-repeat scroll left top;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    height: 24px;
    line-height: 0;
    padding: 0 10px 0 28px;
}
.rupees, .percentage {
    background: transparent url("../images/iconsplit1.png") no-repeat scroll 0 0;
    border: medium none;
    display: inline-block;
    height: 27px;
    line-height: 18px;
    margin: 0 5px;
    text-indent: -9999px;
    width: 28px;
}
.percentage {
    background-position: 0 0;
}
.percentage.active, .percentage:hover {
    background-position: -27px 0;
}
.rupees {
    background-position: 0 -28px;
}
.rupees.active, .rupees:hover {
    background-position: -27px -28px;
}
input[type="radio"], input[type="checkbox"] {
    margin: 0;
}
.radio-inline, .checkbox-inline {
    line-height: 13px;
}
.flt-group .radio-inline {
    font-weight: bold;
}
.multiselect {
    padding-right: 22px;
}
.pa-bo-0 {
    padding-right: 0;
    border-right: 0
}
.green-txt {
    color: #339d58;
}
.red-txt {
    color: #9d3333;
}
.grid-tbl {
    overflow: auto;
}
.gray-txt {
    color: #6a6868;
}
.blue-txt {
    color: #006592;
}
.table-grid tr td:first-child:before {
    color: #00ccff;
    content: "|";
    font-size: 22px;
    margin-left: -11px;
    margin-top: -10px;
    position: absolute;
}
.table-grid tr td:first-child a {
    white-space: nowrap
}
.table > thead > tr > th {
    background: #e5e5e5 none repeat scroll 0 0;
    font-weight: normal;
    vertical-align: middle;
}
.table-striped > tbody > tr {
    background: #f1f1f1;
}
.table {
    margin-bottom: 0;
}
tr.bm-value td {
    background-color: #ffffd7;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #c1c1c1;
}
button.bm-row-remove, .bm-row-remove {
    background: #ffffd7;
    color: red;
    float: none;
    font-size: 10px;
    height: 16px;
    margin-right: 5px;
    opacity: 9;
    padding: 0;
    width: 16px;
}
.navtable tr td {
    background: #FFF;
}
.navtable tr td:first-child:before {
    content: "";
}
button.gray-remove, .gray-remove {
    background: #aaaaaa;
    color: white;
    float: none;
    font-size: 10px;
    height: 16px;
    margin-right: 5px;
    opacity: 9;
    padding: 0;
    text-align: center;
    width: 16px;
}
.navtable tr.bluebg td {
    background: #c3e4fd;
    font-weight: bold;
}

.paging {
    float: left;
    width: 100%;
    background: #efefef none repeat scroll 0 0;
    margin-top: 1px
}
.footer {
    background-color: #dddddd;
}

.footer_link {

    float: left;
    height: auto;
    overflow: hidden;
    width: 100%;
}
/*.login-menu > ul > li {
    display: inline-block;
}*/


.login-menu{height:0;right:0;text-align:center;top:0px;width:160px;z-index:9999;  position: relative; right: -10px;}
.login-menu ul{list-style-type:none;margin:0;padding:0; position:relative;z-index:999}
.login-menu ul li{height:25px;position:relative;width:88px;z-index:999;float:right;}
.login-menu ul li a{color:#000000;font-weight:normal;height:25px;line-height:25px;width:65px; z-index:999;float:left;}
.login-menu ul li a:hover{color:#000;}
.login-menu ul li span.arrow-down{background:url("../images/spirites.gif") no-repeat scroll 0 -15px;display:block;float:right;height:4px;position:absolute;right:20px;top:12px;width:7px;}
.login-menu ul ul{/*border:1px solid #A7A7A7;*/font-size:12px;margin:0;padding:0;position:absolute;right:10px;width:auto; overflow:hidden;top:25px;z-index:9999;/*display:none;*/}
.login-menu ul li:hover ul{display:block;border:1px solid #A7A7A7;}
.login-menu ul ul li{position:relative;width:auto;z-index:999;}
.login-menu ul ul li a{background:#FFF;float:right;text-align:left;width:140px;height:25px;line-height:25px;padding-left:10px;overflow:hidden;}
.login-menu ul ul li a:hover{background:#f5f5f5;}
.mattblackmenu{ border-radius: 5px;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176)}

.footlink_mid {
    background-color: #ddd;
    color: #424242;
    float: left;
    font-size: 11px;
    padding: 10px;
    width: 17%;
}

.footlink span, .footlink_small span, .footlink_mid span {
    color: #424242;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
}
.footlink ul, .footlink_small ul, .footlink_mid ul {
    margin: 10px 0;
}
.footlink ul, .footlink li, .footlink_small ul, .footlink_small li, .footlink_mid li, .footlink_mid ul {
    color: #424242;
    font-size: 11px;
    line-height: 20px;
    list-style: outside none none;
    padding: 0 0 0 5px;
    text-align: left;
    top: 5px;
}
.footlink ul li a, .footlink_small ul li a, .footlink_mid ul li a {

    color: #424242;
    line-height: 20px;
    list-style: outside none none;
    padding: 0 0 0 12px;
    text-align: left;
    text-decoration: none;
    top: 5px;
}
.footlink {
    background-color: #ddd;
    color: #424242;
    float: left;
    font-size: 11px;
    padding: 10px 5px;
    width: 22%;
}
.footlink_small {
    background-color: #ddd;
    color: #424242;
    float: left;
    font-size: 11px;
    padding: 10px 5px;
    width: 15%;
}
.copyrightbar {
    background: #dd001f;
    text-align: center;
    padding: 10px 0;
    width: 100%;
    float: left;
    color: #FFF;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #0071ab;
}
.filterdiv {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border: solid 1px #008ed4;
    border-image: none;
    padding: 10px;
    position: absolute;
    width: 84%;
    left:8%;
    z-index: 999;
    border-radius: 5px;
    -webkit-box-shadow: 3px 15px 23px -6px rgba(168,168,168,1);
    -moz-box-shadow: 3px 15px 23px -6px rgba(168,168,168,1);
    box-shadow: 3px 15px 23px -6px rgba(168,168,168,1);
    margin-top: -12px;
    display: none;
}
.filterdiv.Activefilter {
    display: block;
}
.br-crumb {

    border: 1px solid #d5d5d5;
    border-radius: 4px;
    font-size: 10px;
    margin: 0 3px 3px 0;
    padding: 3px 6px;
    width: 133px;
    margin-top: 23px;
}

.multiselect.dropdown-toggle.btn.btn-default {
    padding: 2px 20px 2px 12px
}
.datecontroldiv {
}

ul.datecontroldiv {
    margin: 0;
    padding: 0;
    display: table;
}
.nav-pills > li > a:hover, .nav-pills > li > a:focus {
    background-color: #006498
}
.nav-pills > li > a:hover, .nav-pills > li > a.resetbtn:hover, .nav-pills > li > a:hover, .nav-pills > li > a.resetbtn:focus {
    background: #444444;
    color: #FFF;
}
.btn.btn-default.multiselect-clear-filter {
    font-size: 14px;
    padding: 6px 12px;
}
.datecontroldiv li {
    list-style: none;
    padding: 0;
    display: table-cell;
    list-style: none;
    vertical-align: bottom;
    padding-right: 2px;
}
/**/
.pl20 {
    padding-left: 20px;
}
.filter.checkbox {
    margin: 4px 0;
}
.nowarap {
    white-space: nowrap
}
.btngroup {
    display: table;
}
.btngroup > li {
    display: table-cell;
    float: none;
    padding: 0 1px;
}
.multiselect-selected-text {
    display: block;
    overflow: hidden;
}
.grdiv {
}
.grdiv button {
    font-size: 12px;
    padding: 2px 10px;
    width: 50%;
}
.smallbtn {
    padding: 2px 10px;
    font-size: 12px;
}
.inputgroup {
    display: table;
    margin: 0 -5px;
    padding: 0;
    width: 100%;
}
.inputgroup > li {
    display: table-cell;
    padding: 0 5px;
    vertical-align: middle;
}
.paging {
    text-align: right;
}
.rowselction {
    text-align: right
}
.rowselction b, .rowselction input {
    display: inline-block;
    height: 31px;
    margin-top: 6px;
    max-width: 50px;
    padding: 5px;
    width: auto;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    background: #a2a2a2;
    border-color: #a2a2a2
}
button[disabled], html input[disabled] {
    background: #dbdbdb;
}
.grid-tbl h4 {
    font-size: 16px;
    color: #3877a7;
    background: #FFF;
    margin: 0;
    padding: 10px;
}
/*Grid Style*/
.gridbox.gridbox_dhx_web.isModern,.xhdr table, .hdr,.obj,table.obj
{ }
.gridbox.gridbox_dhx_web.isModern, .gridbox.gridbox_dhx_web.isModern table {
    width: 100% !important;
}
.xhdr{
    height:auto !important;
}
.xhdr .hdr td {
    padding: 15px 0 !important;
}
div.gridbox_dhx_web.gridbox table.hdr td{ 
    background: #e5e5e5 none repeat scroll 0 0 !important;
}
div.gridbox_dhx_web.gridbox table.hdr td,div.gridbox_dhx_web.gridbox table.obj tr td{
    font-family: 'open_sansregular' !important;
    font-size:12px !important;
    color:#333 !important; 
}
.dhxgrid_sort_asc,.dhxgrid_sort_desc{ 
    top: 20px !important;
    z-index:4;
}
table.obj tr td:first-child:before {
    color: #00ccff;
    content: "|";
    font-size: 22px;
    margin-left: -11px;
    margin-top: -4px;
    position: absolute;
}
div.gridbox_dhx_web.gridbox table.obj tr td{
    padding:8px !important;
    color:#333 !important;
    border-bottom: 1px solid #ddd;
    border-right:none !important;
}
/* .ev_dhx_web td{   background-color: #f9f9f9 !important;}
  .odd_dhx_web td{  background-color: #f1f1f1 !important;}*/
div.gridbox_dhx_web.gridbox table.obj.row20px tr td{line-height:18px !important}
div.gridbox_dhx_web.gridbox table.hdr tr:nth-child(2) td{ border-top: medium none !important;}
div.gridbox_dhx_web.gridbox table.hdr tr {
    background-color: #fff !important;
}
.addscheme{padding-left:15px;}
.addscheme .btn{  border-radius: 4px !important;}
.paginationgrid{ background: #efefef none repeat scroll 0 0;
                 float: left;
                 margin-top: 1px;
                 width: 99.7%;}
.datecontrol input{
    background:transparent url('../images/cal.png') no-repeat right 5px;
}
.adv-top-pad{padding-top:27px;}
.footer{margin-top:25px;}
.pagecontentarea{min-height:250px;height:auto;}
.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}
.dhx_toolbar_dhx_web div.dhx_toolbar_btn, .dhx_toolbar_dhx_web div.dhx_toolbar_arw {
    -moz-user-select: none;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: default;
    float: left;
    height: auto !important;
    line-height: normal;
    margin: 1px;
    overflow: hidden;
    padding: 2px 3px 1px;
    position: relative;
}
.paginationgrid{position:relative;z-index:8;}
.dhx_toolbar_dhx_web{    font-family: 'open_sansregular' !important;
                         font-size:12px !important;
                         color:#3d3d3d !important;
}
.loader-small {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;

    height: 25px;
    width: 25px;

    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index:99;
}

.loader-big {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;

    height: 80px;
    width: 80px;

    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin:15px 15px 30px 15px;
    z-index:99;
}
/*.datagrid {
    overflow:auto;
}*/
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*Custom Css END*/
@media (max-width: 1280px) {
    .flt-btn-group .btn, .addscheme .btn {
        font-size: 11px;
        padding: 4px 6px;
    }
}
@media (max-width: 1024px) {
    .filterdiv {
        width: 92%;
    }
    .datagrid{overflow:auto;}
}
@media (max-width: 990px) {
    .flt-btn-group .btn, .addscheme .btn {
        padding: 6px 12px;
        margin-top: 0;
    }
    .flt-btn-group .nav.nav-pills {
        float: none;
        margin: 0 auto 10px auto;
    }
    .flt-btn-group .nav.nav-pills a {
        margin: 0;
    }
    .navbtn {
        margin-top: 23px;
    }
    .filterdiv{left:1%;width:98%;}
    .br-crumb{  margin: 0 3px 3px 0;}
    .datecontroldiv{width:100%;}
    .adv-top-pad{padding-top:0}
    .navdivbtn{text-align:center}
}
.mb-none {
    display: block;
}
.dt-none {
    display: none;
}
.dplinks{}
.nav > li.mblink{display:none;}

/*Snapshot*/
.reporthead{
    background:#fafafa;
}
.reporthead h2{margin:0;}
.inline-form .form-group{margin-bottom:0;}
.inline-form .form-group label,.inline-form .datepickerbox,.inline-form .btn, .inline-form .letestnav{
    display:inline-block;
    float:left;
}
.inline-form .form-group label,.inline-form .datepickerbox{
    margin: 10px;
    line-height: 22px;
}
.inline-form .btn{
    margin-top: 9px;
    padding: 2px 5px;}
.inline-form .letestnav{color:#ff4242;
                        padding:10px;}
.graybox{
    Background:#f4f4f4;
    padding:15px;
    color:#767676;
    text-align:left;
    overflow:auto;
    margin-bottom:15px;


}
.graybox b{
    color:#333;
}
h5{
    color:#008fd5;
}
.graybox{
    position:relative;
}.graybox.topdiv{
    height:207px;
    overflow:auto;
    line-height:20px;
}
.graybox.midtopdiv{
    height:225px;
    overflow:auto;
    line-height:20px;
}
.graybox .carousel-control.left,.graybox .carousel-control.right{
    background-image:none;
    opacity:0;

}
.graybox h5{font-size:16px;}

.carousel-control.left:hover,.carousel-control.right:hover{
    opacity:1;
}
.graybox ul{
    margin:0;
    padding:0;
    list-style:none;
}
.graybox ul li.label{
    color:#b3b3b3;
    font-size:13px;
    font-weight:normal;
    padding:0;
    text-align: left;
    width:32.5%;
    display: inline-block;
}
.graybox ul li{
    display: inline-block;
    width:64.5%;
}
.graybox.schemebox ul li.label{width:49.5%;}
.graybox.schemebox ul li{width:49.5%;}
table.snapshottbl tr td,table.snapshottbl tr th{
    padding:8px 2px;

}
table.snapshottbl tr th{border-top:0;}
.progvalue {
    display: inline-block;
    float: left;
    margin-right: 7px;
}
.progress.progressbar {
    margin-bottom: 0;
    height:15px;
}
.chartClass {
    width: 100%;
    height: 250px;
    font-size: 11px;
}

.schemname .input-group{width:100%;}
.schemname .input-group .input-group-addon{width:auto; border: medium none;border-right:solid 1px #ccc;font-size:12px;padding:5px;}
.schemname .input-group .form-control{ border: medium none;width:100%;}
.schemname .input-group{border:solid 1px #ccc;border-radius:5px}
.form-group.fltscheme{margin-bottom: 0;padding-bottom: 0;}
.fltscheme{padding:15px 0;}
.rptDiv2{padding: 5px 0}
.graydivbox{
    background:#efecec;
    color:#767676;
    display: inline-block;
    margin: 5px 5px 10px 0;
    padding: 5px 10px;
    min-width:170px;
}
.tablink{ 
    background: #efecec none repeat scroll 0 0;
    color: #767676;
    display: inline-block;
    font-size: 16px;
    padding: 9px;
    text-align: center;
    text-transform: uppercase;
    width: 49.8%;
}
.tablink.active{ background: #c4e5ff;}
.result_top1{
    color: #fd6363;
    font-size: 12px;
    font-weight: bold;
}
.result_top1 span{color:#000; font-weight: normal;}
@media (min-width: 992px) {
    .schemname .input-group .input-group-addon{white-space: inherit;
                                               height: 35px;
                                               padding: 5px;
                                               width: 215px;}


}
@media (max-width: 768px) {
    .logo a {height:40px;}
    .login-menu ul, .login-menu .navbar-toggle{display:inline-block;}
    .dplinks{display:none;}
    .nav > li.mblink{display:block;}
    .logo{ margin-top: 0px;}
    .logo img {
        height: 36px;
        margin-top: 2px;
    }
    .logo_bg{border-bottom:solid 1px #ccc;}
    .breadcrumb a {
        font-size: 11px;
    }
    .link {
        font-size: 13px;
        padding: 0 5px
    }
    .top_link {
        text-align: center
    }
    .login-menu {
        width: 100%;
        height: auto;
    }
    .login-menu > ul > li {
        float: left
    }
    .navbar-toggle {
        margin-top: 0px;
        padding: 5px;
        background: #FFF;
        margin-right: 0px;
    }
    .navbar-toggle .icon-bar {
        background-color: #ccc;
    }
    .navbar {
        min-height: 0;
    }
    .login-menu > ul > li {
        width: auto;
    }
    .login-menu > ul > li > a {
        width: 100px;
    }

    .flt-btn-group {
        padding-bottom: 15px;
        float: left;
        width: 100%;
    }
    .flt-btn-group .btn, .addscheme .btn {
        padding: 6px 12px
    }
    ul.nav.nav-pills {
        float: none !important;
        margin: 0 auto !important;
        max-width: 350px;
    }
    .mb-none, .nav > li.mb-none {
        display: none;
    }
    .dt-none {
        display: block;
    }
    .form-control.schemeinput {
        width: 82%;
    }
    .btn.btn-primary.addbtn {
        font-size: 12px;
        padding: 3px 8px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #FFF;
    }
    .filter.checkbox.pl20 {
        margin: 1px 0;
    }
    .filterdiv {
        width: 96%;
    }
    .br-crumb {
        margin-top: 0;
    }


    .advancefilter ul.nav.nav-pills{max-width:none;}
    .graybox.topdiv{height:auto;overflow:visible;}

}
@media (max-width: 640px) {
    .flt-btn-group {
        padding-bottom: 15px;
        float: left;
        width: 100%;
    }
    ul.nav.nav-pills {
        margin: 0 auto;
        float: none
    }
    .footer_link {
        display: none
    }
    .form-control.schemeinput {
        width: 76%;
    }
}
@media (max-width: 480px) {
    .form-control.schemeinput {
        width: 72%;
    }
    .datecontroldiv li{display:block;padding:5px 2px 0 0}
}
@media (max-width: 480px) {
    .rtn-fltr-selction .col-md-3.col-sm-6.col-xs-6, .rtn-fltr-selction  .col-md-6.col-sm-6.col-xs-6, .rtn-fltr-selction .col-md-8.col-sm-6.col-xs-6, .rtn-fltr-selction .col-md-4.col-sm-6.col-xs-6 {
        width: 100%;
    }
    .form-control.schemeinput {
        width: 87%;
    }
}
@media (max-width: 360px) {
    .form-control.schemeinput {
        width: 80%;
    }
    .logo a{padding:0;}
    .group_site{  margin: 7px 0 10px;}
    .flt-btn-group .btn, .addscheme .btn {
        padding: 4px 5px;
    }
    .flt-group{ padding: 0 3px;}
    .grid-head h4,.reporthead h4{padding: 3px 0 3px 26px;}
    .logo a {height:0px;}
}
.varLoading{border:none !important}
.nav_movement {
    font-size: 11px;
    line-height: 11px;
    padding-left: 7px;
    white-space: pre-line;
    width: 71px;
}
.table-border table tr td ,.table-border table tr th {
    border-left: 1px solid #c1c1c1 !important;
}
.table-border div.gridbox_dhx_web.gridbox table.hdr td{  border-left: 1px solid #c1c1c1 !important;}
.table-border div.gridbox_dhx_web.gridbox .xhdr{background-color:#ccc !important}
.table-border div.gridbox_dhx_web.gridbox table.hdr td{}
.table-border div.gridbox_dhx_web.gridbox table.hdr td,
.table-border div.gridbox_dhx_web.gridbox table.hdr tr
{background:transparent !important;}

.table-border div.gridbox_dhx_web.gridbox table.hdr tr td{border-left:solid 1px #c1c1c1;}
.table-border table{border:solid 1px #c1c1c1 !important}
.table-border .paginationgrid{border-top:solid 1px #c1c1c1;}
.table-border  div.gridbox_dhx_web.gridbox table.obj tr td{
    border-bottom: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
}
.dhx_toolbar_text {
    width: auto !important;
}
@media (max-width: 1200px) {
    .objbox{ overflow: auto !important;}
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    padding-left: 5px;
    padding-right: 5px;
}
.row {
    margin-left: -5px;
    margin-right: -5px;
}

#pieChartTitle{
    color: #026c9d;
    font-size: 16px
}

#pieChartSubTitle{
    font-size: 14px
}