/**========================================

* Custom styles applied as per requirements for BARC

===========================================*/

/*
    Fixes angular-material form validation bug, when form cleared or even if
    form set to pristine state it does not clear ng-messages below form field.
    Note: While changing angular-material version please test/remove this
*/
md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
    opacity: 0 !important;
    margin-top: -100px !important;
}

.bg-primary {
    background-color: #5d9cec !important;
    color: #fff!important;
}

.bg-primary-dark {
    background-color: #2f80e7;
    color: #fff!important;
}

.bg-purple {
    background-color: #7266ba;
    color: #fff!important;
}

.bg-purple-dark {
    background-color: #564aa3;
    color: #fff!important;
}

.bg-green {
    background-color: #37bc9b;
    color: #fff!important;
}

.bg-teal {
    background-color: #009688;
    color: #fff!important;
}

.bg-lime {
    background-color: #949306;
    color: #fff!important;
}

.bg-light-green {
    background-color: #558B2F;
    color: #fff!important;
}

.bg-orange{
  background-color: #e27301;
  color: #fff;
}

.bg-orange-dark{
  background-color: #b76b1c;
  color: #fff;
}

.bg-green-ocean{
  background-color: #047e84;
  color: #fff;
}

.bg-green-dark {
    background-color: #2b957a;
    color: #fff!important;
}

.bg-danger {
  background-color: #c9302c !important;
}

.clr-danger {
  color: #c9302c;
}

.bg-blue {
  background-color: #3949AB !important;
  color: #fff!important;
}

.md-button.md-raised[disabled] {
  background-color: rgba(0,0,0,0.12) !important;
  color: rgba(0,0,0,0.38) !important;
}

.error-panel,
.success-panel{
  color: white;
  padding: 7px;
  border-radius: 7px;
}
.error-panel{
  background-color: #c9302c;
}
.success-panel{
  background-color: #4caf50;
}

.entry-modified{
  color: red;
}

.angular-google-map .angular-google-map-container,
.angular-google-map-container > div{
	position: inherit !important;
}

.custom-btn-back{
	float: right;
	margin-top: -3px;
}

/*.dataTables_scrollHeadInner,
.dataTables_scrollHeadInner table,*/
/*.mdl-data-table{
	width: 100% !important;
}
*/

.dataTables_scrollHeadInner{
	min-width: 100%;
  width: 100%;
}
.dataTables_filter{
	display: none !important;
}

/*.wrapper > .aside .aside-inner{
	width: 225px;
}

@media(min-width: 768px){
.wrapper > section, .wrapper > footer {
    margin-left: 225px;
}
}*/

/* For charts & graphs */

.demo-container {
	box-sizing: border-box;
	width: 100%;
	height: 450px;
	padding: 20px 15px 15px 15px;
	margin: 15px auto 30px auto;
	border: 1px solid #ddd;
	background: #fff;
	background: linear-gradient(#f6f6f6 0, #fff 50px);
	background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
	background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
	box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.chart-container{
	height: 450px;
}

.demo-placeholder {
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1.2em;
}

.legend table {
	border-spacing: 5px;
}

/*=====================*/
.custom-bg-info{
    background-color: #2196F3;
    color: #fff !important;
    padding: 8px;
    height: 117px;
    border-radius: 4px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084);
}

.custom-bg-info p{
  margin: 0px 6px;
	font-size: 18px;
}

.custom-bg-info.selected{
	background: rgb(63,81,181);
}

.container-md{
	max-width: 100% !important;
}

.badge{
	display: block !important;
	min-width: 170px !important;
	/*max-width: 150px !important;*/
    min-height: 25px;
    padding: 5px 7px;
    font-size: 14px;
    font-weight: normal;
    border-radius: 15px;
    background: rgb(63,81,181);
}

.list-group .list-group-item{
	font-weight: bold;
}

.custom-gmap-small{
	height: 250px !important;
}

.panel .panel-heading > .card-title{
	margin: 0;
    font-size: 18px;
}

.mdl-data-table td, .mdl-data-table th{
	text-align: left !important;
}

.table-wrapper .mdl-data-table th{
  line-height: 15px;
  height: 20px;
  padding-top: 8px;
  padding-bottom: 5px;
  vertical-align: middle;
}

/* for DT table sorting arrows: up arrow  */
.table-wrapper table.dataTable thead>tr>th.sorting{
  padding-right: 20px;
}

.table-wrapper table.dataTable thead .sorting:before, .table-wrapper table.dataTable thead .sorting_asc:before, .table-wrapper table.dataTable thead .sorting_desc:before, .table-wrapper table.dataTable thead .sorting_asc_disabled:before, .table-wrapper table.dataTable thead .sorting_desc_disabled:before{
  right: 0.5em;
}

.table-wrapper table.dataTable thead .sorting:after, .table-wrapper table.dataTable thead .sorting_asc:after, .table-wrapper table.dataTable thead .sorting_desc:after, .table-wrapper table.dataTable thead .sorting_asc_disabled:after, .table-wrapper table.dataTable thead .sorting_desc_disabled:after{
  right: 0.2em;
}

.mdl-data-table td.ta_center, .mdl-data-table th.ta_center{
	text-align: center !important;
}
.table-wrapper table.dataTable thead .sorting:before, .table-wrapper table.dataTable thead .sorting:after, .table-wrapper table.dataTable thead .sorting_asc:before, .table-wrapper table.dataTable thead .sorting_asc:after, .table-wrapper table.dataTable thead .sorting_desc:before, .table-wrapper table.dataTable thead .sorting_desc:after, .table-wrapper table.dataTable thead .sorting_asc_disabled:before, .table-wrapper table.dataTable thead .sorting_asc_disabled:after, .table-wrapper table.dataTable thead .sorting_desc_disabled:before, .table-wrapper table.dataTable thead .sorting_desc_disabled:after{
  bottom: 12px;
}

/* For Multiselect */

.md-select-placeholder > span{
	font-weight: bold;
}

.mt20{
	margin-top: 20px;
}

.mb20{
	margin-bottom: 20px;
}

/*.flotTip
{
	padding: 3px 5px;
	background-color: #000;
	z-index: 100;
	color: #fff;
	box-shadow: 0 0 10px #555;
	opacity: .7;
	filter: alpha(opacity=70);
	border: 2px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}*/

table.dataTable thead th,
table.dataTable tbody td {
    white-space: nowrap;
}

.textDesc {
    white-space: normal !important;
}

/*=================*/

/* Datepicker */

.datepickerdemoBasicUsage {
  /** Demo styles for mdCalendar. */ }
  .datepickerdemoBasicUsage md-content {
    padding-bottom: 200px; }
  .datepickerdemoBasicUsage .validation-messages {
    font-size: 12px;
    color: #dd2c00;
    margin-left: 15px; }

   .md-datepicker-calendar-pane{
   	z-index: 111 !important;
   }
/*=================*/

/* header bar changes */


@media(min-width: 768px)
{
	.navbar.topnavbar,
	.nav-wrapper{
		min-height: 48px;
	}

	.wrapper > .aside .aside-inner {
	    padding-top: 53px;
	}

	.layout-fixed .wrapper > section{
		margin-top: 49px;
	}
}
/***/

/* Meter Events */

.event_watermark{
	background: lightgreen;
}

.event_power{
	background: burlywood;
}

.event_member_dec{
	background: cornflowerblue;
}

.event_ntp_sync{
	background: bisque;
}

.mdl-data-table tbody tr:hover td,
.mdl-data-table tbody tr:hover th {
    background-color: inherit;
}
/***/

/*Please Wait*/

body > .inner {
  display: none;
}

body.pg-loaded > .inner {
  display: block;
}

.md-dialog-container{
	z-index: 1100 !important;
}

.md-select-menu-container {
    z-index: 9999 !important;
}

md-backdrop.md-select-backdrop {
    z-index: 9998;
}

/* Multiselect dropdown with serach */

.selectdemoSelectHeader {
  /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */ }
  .selectdemoSelectHeader .demo-header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0; }
  .selectdemoSelectHeader .demo-select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 31px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto; }
  .selectdemoSelectHeader md-content._md {
    max-height: 240px; }

/***/

/* For Role Management Check boxes */

.custom-td-check-role-permission{
	padding: 2px 0px 0px 0px;
  height: 25px;
  border: none;
}
/***/

.custom-text-wrap{
	white-space: pre-wrap !important;
}

.custom-width{
	width: 50% !important;
}

td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.details td.details-control,
tr.shown td.details-control  {
    background: url('../img/details_close.png') no-repeat center center;
}

@media only screen and (min-width: 768px)
{
	.offsidebar {
	    margin-top: 100px;
	}
}

/* Number input texts */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*
  Needed so that form field's width do not change as per their content
  and they are of width as per their parent(i.e. bootstrap's col etc)
  e.g. if dropdown's value changed from of char length 40 to 20 then width
  gets reduced too
*/
md-input-container {
	width: 100% !important;
}

md-input-container textarea[md-no-autogrow].md-input {
    height: inherit;
    overflow-y: auto;
}

div.DTFC_LeftWrapper table.dataTable.no-footer, div.DTFC_RightWrapper table.dataTable.no-footer
{
	border: 1px solid rgba(0,0,0,.12) !important;
}

.DTFC_LeftBodyLiner {
	overflow-x: hidden;
}

/* TODO: to be removed with AUTH_V1_COMPAT flag */
.no-link-text,
.no-link-text:hover{
	color: #FFFFFF !important;
	cursor: default !important;
	text-decoration: none !important;
}

.topbar-username,
.topbar-username:hover{
	cursor: pointer;
}

.ta_center {
	text-align: center !important;
}

.datepicker-holiday,
.datepicker-holiday .md-calendar-date-selection-indicator {
    /*background-color: #FF5252;*/
    background-color: rgb(0, 128, 0) !important;
}

.top-bar-dt {
	color: #FFFFFF !important;
    margin-top: -10px !important;
    font-size: 15px !important;
    line-height: 30px !important;
}

.st-sort-ascent:before {
	content: '\25B2';
}

.st-sort-descent:before {
	content: '\25BC';
}

.widget-text {
  overflow: hidden !important;
	font-size: 14px;
	min-height: 80%;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
  word-wrap: break-word;
}

.sidebar > .nav > li > a,
.sidebar-subnav > li > a {
/*	overflow: hidden !important;
	text-overflow: ellipsis !important;*/
  white-space: initial;
}

/*
	Added some left padding for manu and submenu items
*/

.sidebar-subnav > li .nav > li {
    padding-left: 20px !important;
}

.sidebar-subnav > li > a, .sidebar-subnav > li > .nav-item{
	padding-left: 46px !important;
}

.aside-collapsed .wrapper > .aside > .nav-floating > li.sidebar-subnav-header{
  padding: 5px 14px 0px;
}
.aside-collapsed .wrapper > .aside > .nav-floating > li > a{
  padding-left: 7px !important;
}
.aside-collapsed .wrapper > .aside > .nav-floating > li > ul > li > a{
  padding-left: 4px !important;
}

.sidebar-loading-wrapper{
	text-align: center;
	margin-top: 100px;
	font-size: 18px;
}

.date-range-wrapper{
	max-width: 177px;
	padding-right: 0px;
	padding-left: 0px;
}

/* css to hide the caret sign on mdp datepicker */
.date-range-wrapper input[type="date"]::-webkit-calendar-picker-indicator,
.mdp-datetime-wrapper input[type="date"]::-webkit-calendar-picker-indicator{
  display: none;
  -webkit-appearance: none;
}

/* TODO: remove once all audience pickers are replaced with directive */
.date-range-wrapper.aud-picker{
  max-width: 220px;
}
div.aud-picker-wrapper{
  /* width twice as above */
  max-width: 440px;
}
.date-range-wrapper.aud-picker-single{
    max-width: 240px
}
.date-range-wrapper.aud-picker-single input{
    width: 150px;
}

/* master data related start */

table.diff-containing-table tr td a{
  /*color: #353535;*/
  text-decoration: underline;
}

table.diff-containing-table tr td.entry-modified a{
  color: red !important;
}

/* master data related end */

.pencil-disabled{
  color: #bfbabe;
}

/* css to wrap long DT column */
table.dataTable tbody td.wrap-long-col{
  min-width: 200px;
  white-space: normal;
}

/* css for alignmenting the DT checkbox in middle */
table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected td.select-checkbox:before,
table.dataTable td.select-checkbox:before{
  position: initial;
  margin-top: -15px;
  margin-left: -5px;
}

.expanded-group{
  background: url("media/images/minus.jpg") no-repeat scroll left center transparent;
  padding-left: 15px !important
}

.collapsed-group{
  background: url("media/images/plus.jpg") no-repeat scroll left center transparent;
  padding-left: 15px !important
}

tr.group,
tr.group:hover {
    background-color: #ddd !important;
    font-size: 16px;
    font-weight: bold;
}

/********************* compacting form css start ********************/

.page-view{
  max-width: 1440px;
}

.container-md form div.panel-body md-input-container{
  margin: 10px 0px;
}

.top-label-custom{
  height: 0px;
  font-size: 13px;
  position: relative;
  top: -8px;
  padding-left: 132px;
}

md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float){
  transform: translate3d(0, 6px, 0) scale(1);
}

.panel-body md-input-container label{
  font-size: 14px;
  font-weight: 600;
}

/* color only for all label related items */
.panel-body md-select.md-default-theme .md-select-value,
.panel-body md-input-container input,
.panel-body md-select-value,
.panel-body md-input-container.md-default-theme .md-input,
.panel-body md-input-container:not([md-no-float]) .md-select-placeholder span:first-child,
.panel-body md-input-container label:not(.md-no-float):not(.md-container-ignore),
.panel-body md-input-container label,
.panel-body label{
  color: #6c7277;
}

.label-group .mda-form-group label{
  opacity: 1;
  font-size: 14px;
}

/* color only for all input related items/values */
.panel-body md-input-container .md-input,
.panel-body .md-select-value .md-text{
  color: black;
}

mdp-date-picker label,
mdp-time-picker label{
  margin-bottom: 3px;
  letter-spacing: -0.2px;
}

.md-icon-button + .md-datepicker-input-container{
  margin-left: 0px;
}

input.md-datepicker-input .md-input{
  width: 70px;
}

form .panel-body{
  padding-bottom: 0px;
}

.panel.panel-default{
  padding: 5px;
  margin-bottom: 10px;
}

form .panel-footer{
  padding: 0px 15px;
}
button.md-button{
  line-height: 2px;
  min-height: 29px;
  font-size: 13px;
}

/******* remove when grid-panel done on all pages ******/

.records-count-row{
  height: 32px;
  padding-top: 4px;
}

.records-count-row .table-btns{
  margin-top: -25px;
  display: inline-block;
  float: right;
}

.records-count-row .table-btns button.md-button{
    min-width: 28px;
}
.records-count-row .table-btns button.md-button i{
    font-size: 1.5em;
}
.records-count-row .matched-records-count{
  font-size: 13px;
  display: inline-block;
}

.records-count-row .dt-table-ctrl-btn{
  float: right;
}

.row.records-count-row .matched-records-count{
  font-size: 13px;
  position: relative;
  top: -10px;
  display: inline-block;
}

/******* ends grid-panel removal ******/

.table-wrapper .mdl-data-table tbody tr{
  height: 20px;
}

/* NOTE : kept this in case height in above css gets override */
/*.table-wrapper:not(.row-height-auto) .mdl-data-table tbody tr{
  height: 20px;
}

.table-wrapper.row-height-auto .mdl-data-table tbody tr{
  height: 20px;
}*/

.table-wrapper table.dataTable td.select-checkbox{
  padding-top: 18px;
}

.table-wrapper .mdl-data-table td{
  height: 10px;
  padding-bottom: 0px;
  padding-top: 0px;
}

.table-wrapper .mdl-data-table td:first-of-type, .table-wrapper .mdl-data-table th:first-of-type{
  padding-left: 15px;
}

.table-wrapper .mdl-data-table td:last-of-type, .table-wrapper .mdl-data-table th:last-of-type{
  padding-right: 15px;
}

.table-wrapper .mdl-data-table td,
.table-wrapper .mdl-data-table th{
  padding-left: 5px;
  padding-right: 5px;
}

.table-wrapper table .dataTables_empty{
  padding: 8px;
  padding-left: 15px;
}

.pagination{
  margin:5px 0px;
}

.pagination button.mdl-button{
  font-size: 13px;
  min-width: 43px;
}

h3.page-header{
  padding: 10px;
  padding-left: 15px;
}

h3.page-header.unattached-header{
    margin-bottom: 8px;
    margin-top: -20px;
    padding: 10px;
}

.content-wrapper > h3{
  margin-bottom: 8px;
}

.mdl-grid{
  padding: 0px 8px !important;
}

.mda-form-group{
  padding: 13px 0 0px 0;
}

/* TODO: remove all css related to table-wrapper when grid-panel is implemented */
.table-wrapper{
  position: relative;
  top: -13px;
}

.table-wrapper .mdl-grid:first-child{
  height: 37px;
  width: 100%;
  margin-top: 15px;
}

.table-wrapper .mdl-cell.mdl-cell {
  margin-top: 0px;
  margin-bottom: 0px;
}

.table-wrapper .mdl-grid:first-child .mdl-cell{
  /*font-size: 10px;*/
  font-size: 14px;
}

.table-wrapper div.dt-buttons{
  margin-bottom: 0px;
}

.fa-pencil:before{
  font-size: 10px;
}

.fetched-at-msg .mda-form-group{
  padding: 0px;
  font-size: 13px;
}

.sidebar-subnav > li > a, .sidebar-subnav > li > .nav-item{
  padding: 2px 10px;
}

.sidebar > .nav > li > a, .sidebar > .nav > li > .nav-item{
  padding: 2px 12px;
}

.sidebar-subnav > li > a > em.fa-angle-right{
  width: 17px;
  padding-left: 9px;
}
.sidebar-subnav > li > a > em.fa-angle-double-right{
  width: 13px;
  padding-left: 4px;
}
.sidebar-subnav > li > a > em, .sidebar-subnav > li > .nav-item > em{
  margin: 0 0 0 -20px;
}

.navbar-nav > li > a{
  padding: 16px 0px 10px 0px;
}

.topnavbar .navbar-header a.navbar-brand{
  width: 70px;
}

.topnavbar .navbar-header .brand-logo{
  padding: 3px 15px;
  padding-right: 6px;
  float: left;
}

.topbar-text{
  font-weight: bold;
  padding-right: 2px;
  color: white;
}

.navbar.topnavbar, .nav-wrapper{
  height: 48px;
}

.navbar-header-hamburger a{
  position: fixed;
  left: 75px;
  top: 13px;
  color: #fff;
}

.topbar-tz md-input-container {
  height: 30px !important;
  margin-top: 7px;
  color: white;
}

.topbar-tz .md-select-icon,
.topnavbar .navbar-nav > li > a:focus,
.topnavbar .navbar-nav > li > a:hover{
  color: white;
}

.topbar-default-list{
  color: white;
  padding-left: 4px;
}

.brand-logo-img{
  padding: 3px;
  padding-left: 7px;
}

.navbar-header-hamburger a:hover{
  color: #3f51b5;
}

.sidebar > .nav > li > a > em, .sidebar > .nav > li > .nav-item > em{
  position: absolute;
  top: 8px;
}

.sidebar > .nav > .nav-heading, .sidebar > .nav > li > a > span, .navbar-brand .brand-logo{
  padding-left: 23px;
  display: block;
}

mdp-date-picker .md-button.md-icon-button,
mdp-time-picker .md-button.md-icon-button{
  margin: 10px 0 0 0;
}

.records-checkbox,
.records-checkbox-inline{
  padding-top: 16px;
  color: #6c7277;
  font-weight: 600;
  font-size: 13px;
}

.records-checkbox-inline{
    display: inline-block;
    padding-left: 10px;
    position: relative;
    top: -6px;
}

.mdp-datetime-wrapper mdp-date-picker{
  display: inline-block;
  width: 176px;
}

.mdp-datetime-wrapper mdp-time-picker{
  display: inline-block;
  width: 135px;
}

.mdp-datetime-wrapper mdp-date-picker md-input-container{
  width: 137px !important;
}

.mdp-datetime-wrapper mdp-time-picker md-input-container{
  width: 93px !important;
}

.file-preprocess-datetime-wrapper mdp-date-picker md-input-container,
.file-preprocess-datetime-wrapper mdp-time-picker md-input-container{
  width: 200px !important;
}

.mdp-datetime-wrapper {
    width: 320px;
    display: inline-block;
    margin: 0px 8px;
}

/* below classes were try to float lebels on search form */
/*md-input-container:not(.md-input-focused) label{
  transform: translate3d(0, 6px, 0) scale(1) !important;
}*/

/*md-input-container.floating-label md-select md-select-value:first-child span:not(:has(>div)),*/
/*md-input-container md-select-value > span:first-child
{  transform: translate3d(0, -25px, 0) scale(1) !important;
}*/

/********************* compacting form css end *********************/


/* to fix mdp datetime picker AM PM gap */
md-toolbar .mdp-timepicker-selected-time{
  padding-bottom: 8px;
}


.custom-tip,
.custom-dt-label {
  color: #919191;
  font-size: 12px;
  font-weight: bold;
}

.custom-dt-label {
  font-size: 10px !important;
}

.mb5 {
  margin-bottom: 5px;
}

.custom-group-row {
    background: #C7C5C5;
    font-size: 17px;
    line-height: 24px;
    font-weight: bold;
}

.dt-column-id{
  width: 113px !important;
}

.offsidebar {
  margin-top: 48px !important;
}

/* tab spacing related */
.md-tab{
  padding: 7px 24px;
  line-height: 22px;
}

md-tabs-canvas,
md-pagination-wrapper{
  height: 37px;
}

.md-padding{
  padding: 8px;
}

span.dt-range-present{
  color: green;
}

/* color coding as per statuses start */
.colorcode-blue{
  color: blue;
}
.colorcode-green{
  color: green;
}
.colorcode-yellow{
  color: #9b17e8;
}
.colorcode-orange{
  color: orange;
}
.colorcode-red{
  color: red;
}
.colorcode-black{
  color: black;
}
/* color coding as per statuses end */

.empty-data-msg{
  padding: 10px;
}

.form-control-feedback{
  line-height: 35px !important;
}

.table-wrapper .mdl-data-table th:first-of-type{
    /*padding-left: 20px;*/
    padding-left: 10px;
}

/* manual popup frame styling */
.manual-iframe{
  position: relative;
  height: 100%;
  margin: 0;
}
.manual-iframe .manual-btns .ctrl-item{
  float: right;
}
.manual-iframe .manual-btns .ctrl-item button{
  margin-top: 0px;
}
.manual-iframe .manual-btns .ctrl-item input{
  border-radius: 5px;
  margin-top: 8px;
  margin-right: -10px;
  width: 90px;
}
.manual-iframe .manual-btns .ctrl-item .clear-search-btn{
  position: relative;
  left: -10px;
}
.manual-iframe .manual-heading{
  font-size: 23px;
  float: left;
  font-family: serif;
  margin-top: 6px;
}
.manual-header{
  height: 40px;
  position: absolute;
  width: 100%;
  padding-right: 10px;
  background-color: white;
}
md-dialog:has( > manual){
  width: 90%;
}

manual:parent{
  color: red !important;
}
manual-iframe:parent{
  background-color: green;
}
md-dialog manual{
  height: 100%;
}

/* manual popup frame styling end */
manual {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.help-manual-link a{
  margin-right: 15px;
}
.help-manual-link .fa.fa-book{
  margin-right: 5px;
}

md-dialog[md-theme='invalid-id-theme'] md-dialog-content{
  padding: 0px 15px;
}
md-dialog[md-theme='invalid-id-theme'] md-dialog-actions{
  min-height: 35px;
  margin-bottom: 5px;
}
md-dialog[md-theme='invalid-id-theme'] md-dialog-actions button{
  margin:0px;
}
html{
  overflow-y: visible !important;
}
.clickable{
  cursor: pointer !important;
}

/* css for meter configuration included block */
.table-149 .dataTables_scrollBody{
  max-height: 149px;
}

/* TODO: tobe removed after removing DataTables */
.show-only-active-paginate-number .dataTables_paginate > .pagination > .mdl-button{
    display: none;
}
.show-only-active-paginate-number .dataTables_paginate > .pagination > .mdl-button.previous,
.show-only-active-paginate-number .dataTables_paginate > .pagination > .mdl-button.next,
.show-only-active-paginate-number .dataTables_paginate > .pagination > .mdl-button.mdl-button--raised.mdl-button--colored{
    display: inline-block;
}

md-select-menu md-content button.md-button{
  margin: 0px 0px 0px 6px;
}

md-option{
  height: 30px;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon,
md-select-menu[multiple] md-checkbox .md-icon{
  height: 15px;
  width: 15px;
  top: 4px;
}

md-select-menu[multiple] md-checkbox{
  top:3px;
  margin: 0px 0px 8px 11px;
}

md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after,
md-select-menu[multiple] md-checkbox .md-icon:after{
  width: 5.6px;
  height: 12.3px;
  left: 2.85px;
  top: -2px;
}

/* CSS for dateTimeRange picker common code */
.dtp-datetime-wrapper{
    display: inline-block;
}
.dtp-datetime-wrapper > mdp-date-picker{
    display: inline-block;
}
.dtp-datetime-wrapper > mdp-time-picker{
    display: inline-block;
}

/* audience-session-picker */
.asp-picker-wrapper, .asp-picker{
    display: inline-block;
}
.asp-picker.asp-from{
    width: 200px;
}
.asp-picker.asp-to{
    width: 190px;
}
.asp-picker.asp-from.single-aud-picker{
    width: 170px;
}
.selected-aud-session-help-text{
    font-size: 10px;
    color: #919191;
    font-weight: bold;
    margin-top: -5px;
}
.asp-picker.single-aud-picker .selected-aud-session-help-text{
    width: 105px;
}

.disabled{
    color: #b4b4b5;
    font-weight: bold;
    cursor: not-allowed;
}

.in-panel-simple-notification{
  font-size: 16px;
  font-weight: bold;
  color: #5d5d5d;
}

.general-details-popup{
  width: 60%;
  max-width: 650px;
}
.general-details-popup table td.popup-table-values{
  padding-left: 15px;
}

/* For form fields that don't use bootstrap's col, to keep them in same row as others */
.inline-form-field{
  padding: 0px 10px;
  display: inline-block;
  position: relative;
  top: -11px;
}

/* Overriding md-contact-chip css */
.custom-chips-list .contact-item {
  padding: 3px 4px;
}
.custom-chips-list .contact-block {
  background-color: #efefef;
  padding: 4px 7px;
  border-radius: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.custom-chips-list .contact-block.selected {
  background-color: #cecaca;
}
.custom-chips-list .md-chips md-chip .md-chip-remove md-icon{
  height: 14px;
  min-height: 14px;
}
.custom-chips-list .md-contact-chips .md-chips md-chip .md-contact-name,
.custom-chips-list .md-chips .md-chip-input-container md-autocomplete input{
  font-size: 14px;
}
.md-virtual-repeat-container.md-autocomplete-suggestions-container, .md-autocomplete-suggestions{
  z-index: 1200;   /* Popup have 1100 z-index */
}

.fa-filter.form-field-filter{
  position: absolute;
  top: 20px;
  right: 5px;
  color: #555a5f;
}