.container, .cost-usage, .hd, .grn-tab, .bg, .clearfix, .cf { zoom: 1; }
.container:before, .hd:before, .bg:before, .clearfix:before, .cf:before, .container:after, .hd:after, .grn-tab:after, .bg:after, .clearfix:after, .cf:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.container:after, .hd:after, .grn-tab:after, .bg:after, .clearfix:after, .cf:after { clear: both; }
.container, nav, section, aside, .hd, textarea.txt, .bill-items, a[class^=tbl-edit-back], .filter-search-by, .map-container .loc_search input[type=text] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; overflow-x:hidden;}

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover, a:focus { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; background: #eee; color: #eee; clear: both; float: none; width: 100%; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; box-sizing: content-box; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; margin-bottom: 1.4em; width: 100%;}

table, th, td { vertical-align: middle; }

td, th { padding: 0; text-align: left; font-weight: normal; float: none !important; }

/* ------------------------------ RF Styles ------------------------------ */
body { font: normal normal 14px Arial, sans-serif; color: #333440; background-color: #A4A6B5; }

a { color: #08c; text-decoration: none; }

p { line-height: 18px; }

.container { /* max-width: 1200px; min-width: 960px; */ margin-left: auto; margin-right: auto; border:#e9e9e9 1px solid;  background-color:#ffffff; -webkit-box-shadow: inset 0 5px 0 rgba(255, 255, 255, 0.2), 0 1px 5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 5px 0 rgba(255, 255, 255, 0.2), 0 1px 5px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 5px 0 rgba(255, 255, 255, 0.2), 0 1px 5px rgba(0, 0, 0, 0.05);}

header { border-top: 6px solid #4687bf; background: #efefef; background: -moz-linear-gradient(top, #efefef 0%, #fafafa 30%, #fafafa 70%, #efefef 100%); background: -webkit-linear-gradient(top, #efefef 0%, #fafafa 30%, #fafafa 70%, #efefef 100%); background: -o-linear-gradient(top, #efefef 0%, #fafafa 30%, #fafafa 70%, #efefef 100%); background: -ms-linear-gradient(top, #efefef 0%, #fafafa 30%, #fafafa 70%, #efefef 100%); background: linear-gradient(to bottom, #efefef 0%, #fafafa 30%, #fafafa 70%, #efefef 100%); }
header > .container { box-shadow: 0 -6px #4687bf, 0 6px #4687bf, -6px 0 4px -2px #ebebeb, 6px 0 4px -2px #ebebeb; }

#logo { margin: 0; float:left; }
#logo a, #logo img { display: block; }

#content { padding: 5px 10px 20px 10px; }

#footer { padding: 10px; margin: 0; font-size: 0.8em; text-align: center; }

div.breadcrumbs {font-size: 12px; padding: 0 10px; float:left; }
div.breadcrumbs span{ color:#000; }
div.breadcrumbs a{ text-decoration:underline; }

.drop-down-menu { position: relative; }
.drop-down-menu .drop-down-box { position: absolute; list-style-type: none; margin: 0; padding: 0; border: 1px solid #C3D6E7; display: none; z-index: 111; }
.drop-down-menu .drop-down-box li a { border-bottom: 1px dashed #C3D6E7; padding: 7px 15px; background-color: #f5f5f5; }
.drop-down-menu .drop-down-box li a:hover { background-color: #fff; }
.drop-down-menu .drop-down-box li:last-child a { border-bottom: none; }

.store-box a { padding: 7px 22.5px !important; }

nav { font-size: 12px; height: 32px; line-height: 32px; }
nav a.main-menu { float: left; color: #fff; background-color: #254099; padding: 0 34px 0 10px; border-right: 1px solid #8bb4d1; position: relative; font-weight:bold }
nav a.main-menu:after { content: " "; border-bottom: 2px solid #ffffff; border-top: 6px double #ffffff; position: absolute; top: 10px; right: 10px; font-size: 0; height: 2px; width: 15px; }
nav .breadcrumb { zoom: 1; float: left; padding: 0; margin: 0; list-style-type: none; margin-left: 20px; }
nav .breadcrumb:before, nav .breadcrumb:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
nav .breadcrumb:after { clear: both; }
nav .breadcrumb > li { float: left; color: #fff; }
nav .breadcrumb > li a { color: #ABC9E3; }
nav .breadcrumb > li + li:before { content: "\f105"; font-family: 'FontAwesome'; font-size: 1.2em !important; padding: 0 10px; color: #fff; }
nav .search { zoom: 1; float: right; height: 24px; width: 40%; /* background-color: #ffffff; */ border: 1px solid #8d9298; margin-top: 3.2px; margin-right:2px; }
nav .search:before, nav .search:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
nav .search:after { clear: both; }
nav .search input, nav .search button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: none; border: none; height: 24px; line-height: 24px; }
nav .search input[type=text] { float: left; width: 90%; padding: 0 5px; color: #fff; }
nav .search button { float: right; background: none; color: #adb2b8; }
nav .container_ { position: relative; border:none; background:none; }
nav #main-menu { display: none; zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; background-color: #ffffff; border-top: 1px solid #ffffff; border-bottom: 1px solid #fff; padding: 10px 10px 0 10px; position: absolute; top: -5px; z-index: 1110; -webkit-box-shadow: 0px 3px 10px 0px rgba(100, 100, 100, 0.75); -moz-box-shadow: 0px 3px 10px 0px rgba(100, 100, 100, 0.75); box-shadow: 0px 3px 10px 0px rgba(100, 100, 100, 0.75); }
nav #main-menu:before, nav #main-menu:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
nav #main-menu:after { clear: both; }
nav #main-menu .menu { float: left; width: 19%; margin-right: 1%; min-width:141px; }
nav #main-menu .menu:last-child { margin-right: 0; }
nav #main-menu .menu h2 { margin: 0; padding: 0; font-size: 14px; font-weight: bold; color: #139C48; height: 42px; line-height: 42px; }
nav #main-menu .menu h2 span { display: inline-block; vertical-align: middle; margin-right: 10px; margin-left: 0px; height: 24px; font-size:22px; color:#999; /* background-image: url("../images/icons.png"); */background-repeat: no-repeat; }
nav #main-menu .menu h2 span.dashboard { width: 25px; background-position: 0 0; }
nav #main-menu .menu h2 span.payables { width: 27px; background-position: -25px 0; margin-top: -1px; }
nav #main-menu .menu h2 span.analysis { width: 19px; background-position: -52px 0; }
nav #main-menu .menu h2 span.interval { width: 23px; background-position: -71px 0; margin-top: -3px; }
nav #main-menu .menu h2 span.reports { width: 18px; background-position: -94px 0; margin-top: -4px; }
nav #main-menu .menu ul { margin: 0; padding: 0; list-style-type: none; font-size: 12px; }
nav #main-menu .menu ul li { color: #000; height: 34px; line-height: 34px; border-bottom: 1px solid #dddddd; }
nav #main-menu .menu ul li:last-child { border-bottom: none; }
nav #main-menu .menu ul li:before { font-family: 'FontAwesome'; content: '\f0da'; margin: 0 10px 0 3px; }
nav #main-menu .menu ul li a { color: #8c8c8c; }
nav #main-menu .menu ul li a:hover { text-decoration: underline; }

section { width: 100%; float: left; margin-right: -265px; padding: 15px 10px 15px 10px; }
section .content { margin-right: 265px; position: relative; z-index: 1; }

/* .hd { border-bottom: 1px solid #dedddd; height: 31px; padding: 6px 10px 0 10px; } */
.hd h3 { font: normal bold 14px Arial, sans-serif; color: #72737c; padding: 0; margin: 0; }

h3.hd { font: normal bold 16px Arial, sans-serif; padding: 8px 10px 2px 10px; margin: 0; border-bottom: 1px solid #dedddd; min-height: 40px; }

.ico:after { display: inline-block; content: "\0020"; background-image: url("../images/icons.png"); background-repeat: no-repeat; position: relative; top: 1px; }
.ico.grn-up:after { width: 10px; height: 13px; background-position: 0 -24px; }
.ico.grn-dwn:after { width: 10px; height: 13px; background-position: -10px -24px; }

.sep { margin-left: 7px; margin-right: 7px; color: #cccccc; }

hr.sep { border: 0; height: 0; border-top: 1px solid #DDDDDD; margin: 15px 0; }

hr.thick-sep { border: 0; height: 0; border-top: 3px solid #DDDDDD; margin: 15px 10px; }

.grn-tab { margin: 0; padding: 0; list-style-type: none; font-size: 12px; }
.grn-tab li { float: left; }
.grn-tab li.active { background: url("../images/grn-down-arr.png") no-repeat center 16px; height: 27px; }
.grn-tab li.active a { background: #01911F; }
.grn-tab li a { display: block; background-color: #5E606C; color: #ffffff; padding: 3px 9px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-right: 2px; }

.grn-tab-content, .chart-tabs-content { display: none; }

.btns, .grp-btns { font-size: 12px; line-height:normal; }
.btns label, .grp-btns label { display: block; padding-bottom: 3px; font-weight: normal; }
.btns ul, .grp-btns ul { zoom: 1; margin: 0; padding: 0; list-style-type: none; }
.btns ul:before, .btns ul:after, .grp-btns ul:before, .grp-btns ul:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.btns ul:after, .grp-btns ul:after { clear: both; }
.btns ul li, .grp-btns ul li { float: left; height: 26px; line-height: 26px; }
.btns ul li span, .btns ul li a, .grp-btns ul li span, .grp-btns ul li a { display: block; background-color: #fff; /* #f1f1f1; */ color: #333; padding: 0 4px; height: 24px; line-height: 24px; border:#999 1px solid; }
.btns ul li span.active, .btns ul li a.active, .grp-btns ul li span.active, .grp-btns ul li a.active { background-color: #5e606c; color: #fff;  border:#5e606c 1px solid; }
.btns ul li span, .grp-btns ul li span { color: #878890; }
.btns li { margin-right: 3px; }
.btns li a { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.btns li:last-child { margin-right: 0; }

.grp-btns ul { border: 1px solid #dedddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.grp-btns span, .grp-btns a { border-right: 1px solid #dedddd; }
.grp-btns li:first-child span, .grp-btns li:first-child a { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; }
.grp-btns li:last-child span, .grp-btns li:last-child a { border-right: none; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; }

.sep-bdr { border-right: 1px solid #dedddd; padding-right: 10px; margin-right: 10px; }
.sep-bdr.dark { border-right-color: #AFAEB4; }

.chart { margin-top: 15px; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.chart .substance { padding: 20px 15px; }
.chart .graph { text-align: center; padding-top: 15px; }
.chart .sep, .chart .grn-tab { float: left; }
.chart .grn-tab { position: absolute; margin-left: 123px; margin-top: -2px; }

.ctrl { padding-bottom: 15px; border-bottom: 1px solid #dedddd; overflow: hidden; }
.ctrl .md { float: left; margin: 25px 5px 0 5px; }
.ctrl.thick { border-bottom-width: 3px; }

.pagination { background-color: #fff; padding: 2px; }
.pagination a { display: inline-block; font-size: 12px; height: 24px; line-height: 24px; padding: 0 8px; }
.pagination a.first, .pagination a.last, .pagination a.prev, .pagination a.next { color: #535353; }
.pagination a.first { border-right: 1px solid #D1D1D1; }
.pagination a.last { border-left: 1px solid #D1D1D1; }
.pagination a.first:before, .pagination a.last:after, .pagination a.prev:before, .pagination a.next:after { font-family: 'FontAwesome'; }
.pagination a.first:before, .pagination a.prev:before { padding-right: 5px; }
.pagination a.last:after, .pagination a.next:after { padding-left: 5px; }
.pagination a.first:before { content: "\f100"; }
.pagination a.last:after { content: "\f101"; }
.pagination a.prev:before { content: "\f104"; }
.pagination a.next:after { content: "\f105"; }
.pagination a.num { color: #fff; background-color: #AAADB6; }
.pagination a.num.active { background-color: #828491; }

.fa-file-pdf-o { color: #f00; font-size: 14px; }

.fa-file-excel-o { color: #0b900e; font-size: 14px; }

table.tbl { margin: 15px auto 0 auto; border-collapse: collapse; width: 98%; font-size: 12px; }
table.tbl th, table.tbl td { padding: 7px; }
table.tbl th { text-align: left; vertical-align: bottom; background-color: #828491; color: #fff; border-left: 1px solid #A8A8B0; border-right: 1px solid #A8A8B0; }
table.tbl th.sort { cursor: pointer; margin-right: 15px; }
table.tbl th.sort:after { float: right; font-family: 'FontAwesome'; content: "\f0dc"; font-size: 10px; margin-top: 2px; margin-left: 5px; }
table.tbl th.sort.asc:after { content: '\f0de'; }
table.tbl th.sort.dsc:after { content: '\f0dd'; }
table.tbl th .fa { background-color: #fff; }
table.tbl th[colspan] { border-bottom: 1px solid #A8A8B0; }
table.tbl th[rowspan] { vertical-align: middle; }
table.tbl td { border-left: 1px solid #eeeded; border-right: 1px solid #eeeded; border-top: 1px solid #dedddd; border-bottom: 1px solid #dedddd; color: #535353; }
table.tbl tbody tr:nth-child(odd) td { background-color: #f8f8f8; }
table.tbl .fa-pencil { color: #01AC20; font-size: 14px; margin-right: 5px; }
table.tbl .fa-remove { color: #f00; font-size: 14px; }
table.tbl .fltr input[type=text] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #dddddd; padding: 3px 5px; color: #5e606c; }
table.tbl tfoot td { padding: 1px; vertical-align: middle !important; }
table.tbl tfoot .clearfix { background-color: #EBEBEB; padding: 0 7px; }
table.tbl tfoot .results { float: left; font-size: 11px; font-weight: bold; margin-top: 13px; }
table.tbl tfoot .results input[type=text] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; width: 40px; height: 24px; line-height: 24px; border: 1px solid #dedddd; }
table.tbl tfoot .pagination { float: right; margin: 10px 0; }
table.tbl .slc { background-color: #fff; position: relative; }
table.tbl .slc:after { font-family: 'FontAwesome'; content: "\f0d7"; position: absolute; right: 5px; top: 4px; font-size: 14px; color: #ddd; }
table.tbl .dots { width: 40px; display: inline-block; text-align: right; }
table.tbl .vals { display: inline-block; width: 30px; text-align: right !important; }
table.tbl.no-zebra tr td { background: none !important; }
table.tbl.no-zebra .b td { background-color: #f8f8f8 !important; }
table.tbl.row-select tr.bf8 td { background-color: #f8f8f8 !important; }

.bg { background-color: #f7f7f7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:#dadada 1px solid; padding:5px;}
.bgw { background-color: #ffffff; border:#dedddd 1px solid;}
.bglight {background-color: #f1f1f1;}
.bgdark {background-color: #5E606C;}
.bggry { background-color:#e9e9e9 !important; }
.bg .main-tabs .substance { border-color: #ddd; }

.tags { padding: 7px; font-size: 12px; }
.tags span { display: inline-block; background-color: #F8F8F8; padding: 5px; margin: 2px 1px; color: #6F6F6F; }
.tags span .fa { color: #666; font-size: 13px; margin-left: 5px; }

.ed { position: relative; margin-left: 15px; }
.ed:before { content: "\0020"; display: inline-block; width: 10px; height: 11px; background: url("../images/icons.png") no-repeat -40px -24px; position: absolute; left: -14px; top: 2px; }

.ad { position: relative; margin-left: 15px; }
.ad:before { content: "\0020"; display: inline-block; width: 10px; height: 11px; background: url("../images/icons.png") no-repeat -50px -24px; position: absolute; left: -14px; top: 2px; }

.up, .down, .none { display: inline-block; font-weight: bold; font-size: 16px; padding-right: 13px; }
.up:after, .down:after { content: "\0020"; display: inline-block; width: 10px; height: 13px; background-image: url("../images/icons.png"); background-repeat: no-repeat; margin-left: 2px; }

.up { color: #27B261; }
.up:after { background-position: 0 -24px; }

.down { color: #C10A0F; }
.down:after { background-position: -30px -24px; }

.ph:before, .ml:before { font-family: FontAwesome; font-size: 1.25em !important; margin-right: 5px; }

.ph:before { content: "\f098"; color: #f00; }

.ml:before { content: "\f0e0"; color: #01CB03; }

.tab-tbl { width: 100%; border-collapse: collapse; }
.tab-tbl th { background-color: #828491; color: #ffffff; padding: 7px 10px; border-left: 1px solid #A8A8B0; border-right: 1px solid #A8A8B0; font-weight: bold; vertical-align: bottom; }
.tab-tbl td { padding: 10px; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; border-left: 1px solid #F1F1F1; border-right: 1px solid #F1F1F1; color: #535353; }

.none { color: #C10A0F; }

.note { margin: 10px 0; color: #6E6E6E; }
.note p { margin: 10px 0; }

.info-tbl { color: #323440; border-collapse: collapse; }
.info-tbl td { padding: 5px 0; }
.info-tbl td.lbl { width: 30%; }
.info-tbl td.val { width: 70%; }

.emi-box { overflow: hidden; border: 1px solid #dddddd; color: #535353; }
.emi-box .fl { width: 50%; text-align: center; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.emi-box .fl:first-child { border-right: 1px solid #dddddd; }

.retrofit-box { border: 1px solid #dddddd; border-collapse: collapse; height: 68px; }
.retrofit-box td { border: 1px solid #dddddd; width: 36%; text-align: center; vertical-align: middle; padding: 15px; }
.retrofit-box td:first-child { background-color: #DEDCDD; text-align: left; width: 28%; padding: 10px; }

textarea.txt { width: 100%; height: 75px; border: 1px solid #dddddd; padding: 5px; }

.para { margin-bottom: 15px; color: #6F6F6F; }

.actn-tab { border: 1px solid #dddddd; margin: 0 -16px -16px -16px; }

.edt:after, .sav:after, .bck:after, .del:after { font-family: 'FontAwesome'; font-size: 1.3em; display: inline-block; text-decoration: none; }
.edt:after { content: "\f040"; color: #00AD21; }

.sav:after { content: "\f0c7"; color: #006EC4; }

.bck:after { content: "\f112"; color: #C6C6C6; }
.bck.enbl:after { color: #777; }

.del:after { content: "\f014"; color: #C01316; }

p.map-info { color: #C0BFC4; font-size: 14px; padding: 15px 0 200px 0; text-align: center; }

label { display: block; margin-bottom: 2px; }
label.ch span { position: relative; top: -2px; margin-left: 3px; }

a.xls { font-size: 12px; }
a.xls:before { content: "\f1c3"; font-family: 'FontAwesome'; color: #0B900E; margin-right: 5px; font-size: 14px; }

a[class^=tbl-edit-back] { display: inline-block; width: 42px; height: 42px; border: 4px solid #005C9B; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; margin-top: 13px; text-decoration: none; color: #005C9B; }
a[class^=tbl-edit-back]:before { display: inline-block; font-family: 'FontAwesome'; content: "\f060"; font-size: 25px; margin-top: 3.5px; }

[class^=tbl-edit-target] { display: none; margin-left: 10px; }
[class^=tbl-edit-target] .fl:first-child { width: 5%; }
[class^=tbl-edit-target] .fl:last-child { width: 95%; }

.tbl-holder { overflow-x: scroll; margin: 0 15px; }
.tbl-holder .tbl { width: 1525px; }
.tbl-holder .tbl th { background-color: #5E606C; }

.modal { display: none; position: relative; }
.modal * { z-index: 111; }
.modal .overlay { width: 100%; background-color: #000; opacity: 0.8; position: fixed; top: 0; left: 0; opacity: 0.8; }
.modal .holder { border: 5px solid #828491; border-top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: fixed; top: 0; left: 0; }
.modal .holder.payables-popup { width: 1070px; }
.modal .holder .head { background-color: #828491; color: #fff; zoom: 1; padding: 0 7px; height: 34px; line-height: 34px; }
.modal .holder .head:before, .modal .holder .head:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.modal .holder .head:after { clear: both; }
.modal .holder .head h4 { font-size: 12px; margin: 0; height: 34px; line-height: 34px; }
.modal .holder .head a.fa-close { color: #fff; }
.modal .holder .head a.fa-download { height: 34px; line-height: 34px; font-family: 'FontAwesome', Arial, sans-serif; background-color: #202731; color: #A4A7AC; font-size: 12px; font-weight: bold; margin-right: 5px; padding: 0 7px; position: absolute; right: 25px; }
.modal .holder .head a.fa-download:before { margin-right: 7px; }
.modal .holder .body { background-color: #fff; margin: 0; }
.modal .holder .body.dark { background-color: #828491; }
.modal .holder .body small { display: inline-block; color: #CBCCCE; font-style: italic; margin-top: 7px; margin-bottom: 2px; }
.modal .holder .ext-ref { position: absolute; border: 3px solid #828491; margin-top: 15px; margin-left: 120px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.modal .holder .ext-ref:after { font-family: 'FontAwesome'; content: "\f0de"; position: absolute; top: -9px; right: 15px; color: #828491; }
.modal .holder .ext-ref .data-box-1 { margin: 0 !important; }
.modal .vertical-tab { border: 0; margin: 0; }
.modal .vertical-tab .sidemenu { width: 187px; }
.modal .vertical-tab .sidemenu a { font-size: 14px; padding-top: 20px; padding-bottom: 20px; border-left: 3px solid transparent; }
.modal .vertical-tab .sidemenu a.open { border-left: 3px solid #fff; }
.modal .vertical-tab .vtab-content { margin-left: 187px; height: 520px; overflow-y: auto; }

.tbl2 { font-size: 12px; margin-top: 15px; }
.tbl2 td { padding: 7px 9px; border: 1px solid #ddd; }
.tbl2 td:first-child { background-color: #F8F8F8; }
.tbl2 td:last-child { text-align: right; }

.lbl-success:before, .lbl-info:before, .lbl-error:before, .lbl-warning:before { font-family: 'FontAwesome'; font-size: 15px; margin-right: 5px; }
.lbl-success:before { content: "\f058"; color: #1AA001; font-size: 18px; }
.lbl-info:before { content: "\f06a"; color: #336FE4; font-size: 18px; }
.lbl-error:before { content: "\f071"; color: #DA251D; }
.lbl-warning:before { content: "\f071"; color: #EAAF00; }

.dots { text-align: right; }
.dots i { width: 10px; height: 10px; display: inline-block; background-color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left: 2px; }
.dots.r i { background-color: #FD0005; }
.dots.y i { background-color: #FFA602; }
.dots.g i { background-color: #26C900; }

.bx-hd { color: #5e606c; margin: 0 0 5px 0; }

.loader { display: none; color: #ccc; }

.panel-closed .pieChartHolder { width: 647px; }
.panel-closed .pieChartHolder.closed { width: 832px; }

.pieChartHolder { width: 420px; }
.pieChartHolder .grn-tab { width: 322px !important; margin: auto; }
.pieChartHolder.closed { width: 605px; }

ul.gt-blue { margin: 0; padding: 0; list-style-type: none; }
ul.gt-blue li { overflow: hidden; margin-bottom: 5px; }
ul.gt-blue li:before { content: "\f105"; font-family: 'FontAwesome'; font-size: 1.3em !important; padding-right: 10px; color: #005C9D; float: left; }

.chk-bx-tbl { width: 100%; color: #5e606c; font-size: 12px; border-collapse: collapse; }
.chk-bx-tbl th, .chk-bx-tbl td { padding-left: 10px; }
.chk-bx-tbl th:first-child, .chk-bx-tbl td:first-child { padding-left: 0; }
.chk-bx-tbl th:last-child, .chk-bx-tbl td:last-child { border-right: none; }
.chk-bx-tbl th { text-align: left; border-right: 1px solid #AFAEB4; }
.chk-bx-tbl td { width: 16.7%; border-right: 1px solid #dedddd; }
.chk-bx-tbl td label { margin-top: 10px; }
.chk-bx-tbl td.col-sep { border-right: 1px solid #AFAEB4; }

.cw { width: 884px; margin: auto; }

.knob { display: inline-block; padding: 5px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; border: none; }
.knob.primary { background-color: #003C67; color: #fff; }
.knob.secondary { background-color: #bfd6e7; color: #003C67; }

.charts { width: 668px; margin: auto; text-align: center; }
.charts img { max-width: 668px; height: auto; }

.ch-bx { background-color: #F1F1F1; border: 1px solid #DDDDDD; margin-top: 2.5px; padding: 6px 7px 4px 7px; overflow: hidden; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.ch-bx label { float: left; margin: 0; padding: 0; }

.controled-chart { width: 100%; height: 331px; margin-top: 15px; position: relative; }
.controled-chart img { position: absolute; top: 0; left: 50%; margin-left: -441px; }
.controled-chart img.line { opacity: 0.8; }

.w345a { width: 345px; margin-left: auto; margin-right: auto; }
.w415a { width: 415px; margin-left: auto !important; margin-right: auto !important; }
.w636a { width: 636px; margin-left: auto; margin-right: auto; }
.w882a { width: 882px; margin-left: auto; margin-right: auto; }
.w1200px { width: 1200px !important; }
.w290px { width: 290px; }
.w320px { width: 320px; }

.median { position: relative; }
.median.w669 { width: 669px; }
.median.h285 { height: 285px; }
.median.w604 { width: 604px; }
.median.h322 { height: 322px; }
.median.show:after { content: "\0020"; display: block; height: 2px; background-color: #26C900; position: absolute; left: 60px; }
.median.h285.show:after { top: 141px; width: 607px; }
.median.h322.show:after { top: 160px; width: 515px; left: 73px; }

.filter-search-by { width: 502px; background-color: #fff; padding: 10px 15px; position: absolute; top: 30px; right: 0; z-index: 111; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 12px; display: none; }
.filter-search-by label { margin: 0; line-height: 24px; }
.filter-search-by h4 { margin: 0; border-bottom: 1px solid #ddd; line-height: normal; padding-bottom: 5px; margin-bottom: 5px; }

.inpt-bx { border: 1px solid #ddd; height: 30px; line-height: 30px; font-size: 12px; }
.inpt-bx h4, .inpt-bx label { display: inline-block; }
.inpt-bx h4 { margin: 0; font-size: 12px; background-color: #F1F1F1; padding: 0 10px; }
.inpt-bx label { margin-left: 7px; margin-right: 7px; }

.legend .item { position: relative; left: 15px; }
.legend .item:before { display: inline-block; content: "\0020"; width: 10px; height: 10px; background-color: #000; position: absolute; top: 2px; left: -15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.legend .item.orange:before { background-color: #fa6800; }
.legend .item.green:before { background-color: #0cc99a; }

.expandable { font-size: 12px; overflow-x: hidden; overflow-y: scroll; height: 280px; margin: 5px; background-color: #fff; }
.expandable > ul ul li { margin-left: 20px; }
.expandable ul { margin: 0; padding: 0; list-style-type: none; background-color: #fff; }
.expandable ul li.right-clicked > a, .expandable ul li.right-clicked > span { background-color: #EFF4F8; }
.expandable ul li a, .expandable ul li span { display: block; height: 30px; line-height: 30px; border-bottom: 1px solid #F1F1F1; color: #333440; padding: 0 10px; }
.expandable ul li a:before, .expandable ul li span:before { font-family: 'FontAwesome'; }
.expandable ul li span:before { content: "\f04d"; font-size: 6px; position: relative; top: -2px; margin-right: 5px; }
.expandable ul li a:before { content: "\f0da"; margin-right: 8px; }
.expandable ul li a.opened:before { content: "\f0d7"; color: #25B264; margin-right: 5px; }

.info-o { display: inline-block; width: 24px; height: 24px; color: #5E606C; border: 1px solid #5E606C; font-family: "Times New Roman", serif; font-weight: bold; font-size: 20px; text-align: center; margin-right: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

.admn-help-info, .admn-actn-icons { margin: 0; padding: 0; list-style-type: none; font-size: 12px; }
.admn-help-info li, .admn-actn-icons li { margin: 10px 20px; }

.admn-help-info { width: 835px; margin-top: 20px; }

.admn-actn-icons { width: 220px; }
.admn-actn-icons span { display: inline-block; width: 20px; }
.admn-actn-icons span:before { position: relative; top: 3px; }

.admin-search { font-size: 12px; border: 1px solid #ddd; overflow: hidden; }
.admin-search input { float: left; height: 28px; line-height: 28px; padding: 0 10px; width: 250px; border: 0; }
.admin-search button { float: left; height: 28px; line-height: 28px; border: 0; width: 26px; }

#filter-admin-search-by { width: 300px; }
/* ------------------------------ RF Styles End ------------------------------ */

.graph .tip { display: inline-block; display: none; background-color: #5E606C; padding: 10px 15px; font-size: 12px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute; left: -53px; top: -38px; }
.graph .tip:after { display: block; width: 100%; font-family: 'FontAwesome'; content: "\f0dd"; position:absolute; bottom: -10px; font-size: 25px; color: #5E606C; margin-left: -15px; text-align: center; }
.graph { position: relative; }
.graph a[href='#barTip1'] { display: inline-block; width: 6px; height: 25px; position: absolute; right: 88px; margin-top: 4px; }

.container.panel-closed .graph .tip { left: -25px; }

.arrow_box_map { display: none; position: absolute; background-color: rgba(0, 0, 0, 0.77); width: 300px; padding: 7px; border-radius: 5px; margin-top: -179px; margin-left: 274px; }
.arrow_box_map:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: rgba(0, 0, 0, 0.77); border-width: 15px; margin-left: -15px; }
.arrow_box_map img { float: left; margin-right: 10px; }
.arrow_box_map .fl { width: 220px; }
.arrow_box_map h2 { color: #FFFFFF; font-size: 15px; font-weight: bold; text-transform: uppercase; margin: 0 !important; padding: 0 !important; border: none !important; text-align: left; }
.arrow_box_map p { color: #c2c2c2; font-size: 11px; text-align: left; margin-top: 5px; }

.map-tip { position: absolute; margin-top: -112px; margin-left: 411px; display: inline-block; width: 37px; height: 47px; }

.panel-closed .map-tip { margin-top: -135px; margin-left: 521px; }
.panel-closed .arrow_box_map { margin-top: -202px; margin-left: 384px; }

/* IE9 & IE10 Fixes */
@media screen and (min-width: 0\0) { .gray-box .box-right .fa.fa-folder:after { padding-top: 1px; }
  .grp-fld input[type=text].month-year-range { width: 147px; } }
/* IE9 & IE10 Fixes End */
/* Chrome (Webkit) Fixes */
@media screen and (-webkit-min-device-pixel-ratio: 0) { .idr-calendar table thead tr th a.prev:after, .idr-calendar table thead tr th a.next:after { margin-top: 1px !important; } }
/* Chrome (Webkit) Fixes End */

/* ------------------------------ Helper Classes -------------------- */
.al { text-align: left;}
.ar { text-align: right !important; }
.ac { text-align: center !important; }

.vt { vertical-align: top; }
.vm { vertical-align: middle !important; }
.vb { vertical-align: bottom; }

.fl, .left { float: left; }
.fr, .right { float: right; }
.fn { float: none; }

.cl, .clear { clear: both; height: 0px; }

.vh { visibility: hidden; }

.oh { overflow: hidden !important; }
.ox { overflow-x: auto; overflow-y: hidden; }
.oy { overflow-y: auto; overflow-x: hidden; }

.dn { display: none; }
.bl { display: block !important; }
.il { display: inline !important; }
.ib { display: inline-block !important; }

.b { font-weight: bold; }
.ub { font-weight: normal !important; }

.i { font-style: italic; }

.u { text-decoration: underline; }
.nu { text-decoration: none; }
a.nu:hover { text-decoration: underline; }

.bdr { border: solid 1px #cccccc; }
.rBdr { border: solid 1px red; }
.gBdr { border: solid 1px green; }
.bBdr { border: solid 1px blue; }
.bdrn { border: none !important; }
.bdrTn { border-top: none !important; }
.bdrBn { border-bottom: none !important; }
.bdrLn { border-left: none !important; }
.bdrRn { border-right: none !important; }

.fxd { position: fixed !important; }
.abs { position: absolute !important; }
.rel { position: relative !important; }

.z1 { z-index: 1 !important; }
.z2 { z-index: 2 !important; }
.z3 { z-index: 3 !important; }
.z4 { z-index: 4 !important; }

.h { cursor: pointer; }
.move { cursor: move; }

.rc5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.rc3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.rc2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.shadow-box { -moz-box-shadow: 0px 0px 10px 2px #D5D5D5; -webkit-box-shadow: 0px 0px 10px 2px #D5D5D5; box-shadow: 0px 0px 10px 2px #D5D5D5; }

.shadow-text { text-shadow: 3px 3px 3px #ccc; }

/* Fieldset Alternative */
.field-set { margin-top: 1.3em; margin-bottom: 0.5em; position: relative; }
.field-set .legend { left: 0.5em; top: -1.1em; position: absolute; padding: 0.2em 0.5em; }
.field-set .substance { margin: 1.2em 1em 0.5em 1em; }

/* /Fieldset Alternative */
form em { color: #FF0000; }

.p0 { padding: 0 !important; }

.pl0 { padding-left: 0 !important; }

.pr0 { padding-right: 0 !important; }

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

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

.p5 { padding: 5px !important; }

.pl5 { padding-left: 5px !important; }

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

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

.pb5 { padding-bottom: 5px !important; }

.p10 { padding: 10px !important; }

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

.pr10 { padding-right: 10px !important; }

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

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

.p15 { padding: 15px !important; }

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

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

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

.pb15 { padding-bottom: 15px !important; }

.p20 { padding: 20px !important; }

.pl20 { padding-left: 20px !important; }

.pr20 { padding-right: 20px !important; }

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

.pb20 { padding-bottom: 20px !important; }

.ma { margin-left: auto !important; margin-right: auto !important; }

.m0 { margin: 0 !important; }

.m5 { margin: 5px !important; }

.mt0 { margin-top: 0 !important; }

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

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

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

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

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

.ml5 { margin-left: 5px !important; }

.ml0 { margin-left: 0 !important; }

.m10 { margin: 10px !important; }

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

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

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

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

.m15 { margin: 15px !important; }

.ml15 { margin-left: 15px !important; }

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

.mt15 { margin-top: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.m20 { margin: 20px !important; }

.ml20 { margin-left: 20px !important; }

.mr20 { margin-right: 20px !important; }

.mt20 { margin-top: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.w25 { width: 25%; }

.w33 { width: 33.3%; }

.w50 { width: 50%; }

.w49 { width: 49%; }

.w65 { width: 65%; }

.w100 { width: 100% !important; }

.w50px { width: 50px !important; }

.w60px { width: 60px !important; }

.w80px { width: 80px !important; }

.w90px { width: 90px !important; }

.w100px { width: 100px !important; }

.w110px { width: 110px !important; }

.w130px { width: 130px !important; }

.w150px { width: 150px !important; }

.w180px { width: 180px !important; }

.w200px { width: 200px !important; }

.w250px { width: 250px !important; }

.w745 { width: 745px; }

.h330 { height: 330px; }

.wa { width: auto !important; }

.gradient-bg { background: #d1e1ee; background: -moz-linear-gradient(90deg, #d1e1ee 0%, #f5f9fc 100%); background: -webkit-linear-gradient(90deg, #d1e1ee 0%, #f5f9fc 100%); background: -o-linear-gradient(90deg, #d1e1ee 0%, #f5f9fc 100%); background: -ms-linear-gradient(90deg, #d1e1ee 0%, #f5f9fc 100%); background: linear-gradient(180deg, #d1e1ee 0%, #f5f9fc 100%); }

.gry  { color: #333 !important; }

.gry1 { color: #5e606c !important; }

.gry2 { color: #72737c !important; }

.gry3 { color: #878890 !important; }

.gry4 { color: #999999 !important; }

.grn { color: #468847 !important; }

.red { color: #c10a0f !important; }

.red_ { color: red !important; }

.green_ { color: green !important; }

.gray, a.gray { color: #bbb; }

.black, a.black { color: #000000 !important; }

.white, a.white { color: #fff !important; }

/* .blue { color:#254099 !important; } */
.blue { color:#0088cc !important; }

.yellow { color:#e1972e !important; }

.sm { font-size: 11px; }

.md { font-size: 12px; }

.lg { font-size: 14px; }

.xl { font-size: 16px; }

.xxl { font-size:24px; }

::-webkit-input-placeholder { color: #c9c9ca; }

:-moz-placeholder { color: #c9c9ca; }

::-moz-placeholder { color: #c9c9ca; }

:-ms-input-placeholder { color: #c9c9ca; }

.imgb {border:#254099 1px solid; padding:2px;}
.imgbgr {border:#5E606C 2px solid; padding:2px;}

.bg-bg{background-color:#dadada;}
.bg-ccc { background: #ccc !important; }

/* --- custom --- */
.header_right { display:table-cell; vertical-align:middle; padding-right:15px; }
.header_right ul li.dropdown a.dropdown-toggle {color:#333333;}
.header_right ul li.dropdown a.dropdown-toggle:hover { background:none; text-decoration:underline; }

.legend table { width: auto; }
.legend table td{ padding: 2px 4px; }
.display_div { font-size: 18px; text-align: center; background-color: #777777; color:#FFFFFF; padding: 6px 0;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; text-shadow: 1px 1px 1px black; border:#FFFFFF 1px solid;}
.display_divl { text-align: center; background-color: #fff; padding: 6px 0;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; border:#ccc 1px solid;}

table.sys {	background: white; border-collapse: collapse; width: 100%; border-collapse: collapse; border: 1px #dadada solid; }
table.sys td { font-size: 0.9em; border: 1px white solid; padding: 5px; border: 1px #dadada solid; }
table.sys tr:nth-child(2n) { background: #fbfbfb; }

.rtdtitle {font-size: 12px; font-weight:bold; background-color: #E9E9E9; margin: 0; padding: 0 15px; -webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px;}
.ttdtitle {font-size: 14px; color:#5a5a5a; font-weight:bold; background-color: #E9E9E9; margin: 0; padding: 10px; -webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; text-align:center; /* text-transform:uppercase; */}

.cir { width:76px; height:76px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;  }
.cir>span>span {font: bold 18px Arial, Helvetica, sans-serif}
	
.zbtnspan {
	display:block;
	-webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
	color: #555;
    cursor: default;
    background-color: #fff;
    padding:5px 5px 0 5px;
	background:none;
}

.zbtnact {
	display:block;
	-webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
	color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
	padding:5px 5px 0 5px;
	/* background-color: #f5f5f5; */
	background-color:#f1f1f1;
}
#edit-form { background-color:#f1f1f1; }
.tooltipparent .tooltip { visibility: hidden; }
.tooltipparent:hover .tooltip {	visibility: visible !important; white-space: nowrap; }

.scrolldiv { width:100%; overflow:auto; }
.scrolldiv .grid-view { min-width:500px; }

.btn-group>.btn>a { color:#333; text-decoration:none; padding:5px 10px; display:inline-block; }
/* filter-popup */
#filter-bg-act { background-color:#000000; position:fixed; height:100%; left:-25px; right:-25px; z-index:950; opacity: 0.4; }
.filter-popup { display:none; position:absolute; z-index:1000; background-color:#fff; left:10px; right:10px; border:#dedddd 1px solid; -webkit-box-shadow: 0px 3px 10px 0px rgba(100, 100, 100, 0.75);-moz-box-shadow: 0px 3px 10px 0px rgba(100, 100, 100, 0.75); box-shadow: 0px 3px 10px 0px rgba(100, 100, 100, 0.75); padding:10px; }
.filter-popup .ftitle { background-color:#E9E9E9; padding:8px 10px 7px 10px; text-transform:uppercase; }
.filter-popup .form { background-color:#f7f7f7; }
#filter-alt { cursor: pointer; }
/* filter-popup */

.t-menu-i { cursor:pointer; padding:7px 10px; font-size:12px; color:#8c8c8c; background-color:#FFFFFF; border:#CCCCCC 1px solid; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.t-menu-i i { color:#333333; /* border:#CCCCCC 1px solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; */ }
.t-menu { background-color:#FFFFFF; position:absolute; min-width:100px; padding: 15px 20px 15px 20px; display:none; -webkit-box-shadow: 0px 3px 10px 0px rgba(100, 100, 100, 0.75); -moz-box-shadow: 0px 3px 10px 0px rgba(100, 100, 100, 0.75); box-shadow: 0px 3px 10px 0px rgba(100, 100, 100, 0.75); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.t-menu ul { margin: 0; padding: 0; list-style-type: none; font-size: 12px; }
.t-menu ul li:last-child { border-bottom: none; }
.t-menu ul li { color: #254099; height: 34px; line-height: 34px; border-bottom: 1px solid #dddddd; }
.t-menu ul li:before { font-family: 'FontAwesome'; content: '\f0da'; margin: 0 10px 0 3px; }
.t-menu ul li a { color: #8c8c8c; }

/* Toggle Button */
.switch-box {position: relative; display: inline-block; width: 40px; height: 22px;}
.switch-box input {display: none;}
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #999; -webkit-transition: .4s; transition: .4s;}
.slider:before {position: absolute; content: ""; height: 18px; width: 18px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider {background-color: #468847;}
/*
input + .slider > span:before {color: #FFFFFF; content:"off"; float:right; padding:1px 6px 0 0; font-size:12px; font-weight:bold;}
input:checked + .slider > span:before {color: #FFFFFF; content:"on"; float:left; padding:1px 0 0 5px;}
*/
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(18px);-ms-transform: translateX(18px);transform: translateX(18px);}
/* Rounded sliders */
.slider.round {border-radius: 22px; }
.slider.round:before {border-radius: 50%;}