body {background-color: #f7f7f7; font-size:1em; text-rendering: optimizeLegibility;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
html { -webkit-font-smoothing: antialiased;}
.bold-text { font-weight: bold; }
.icon-holder { width: 17px; height: 17px; }
.heading-button-group { display: inline; }
.heading-row-item { margin-top: 17px; margin-bottom: 17px; margin-left: 15px; float: left; }
.heading-container { background-color: #eeeeee; border-color: #d0d0d0; border-top-style: solid; border-top-width: 2px; }
.row-shading-a { border-bottom-color: #dceae8; border-bottom-style: solid; border-bottom-width: 1px; color: #484a49; background-color: #ffffff; }
.row-shading-b { border-bottom-color: #dceae8; border-bottom-style: solid; border-bottom-width: 1px; color: #484a49; background-color: #f5fbfb; }
.row-shading-selected { border-color: #dceae8; border-style: solid; border-width: 1px; color: #484a49; background-color: #d6e6e3; }
.row-shading-heading { border-color: #dceae8; border-style: solid; border-width: 1px 0px 1px 0px; color: #FFF; background-color: #6996A4; border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0px 0px; -webkit-border-radius: 2px 2px 0px 0px; }
.row-heading-text { color: #57605f; }
.indent-level-0 { margin-left: 0px; }
.indent-level-1 { margin-left: 20px; }
.indent-level-2 { margin-left: 40px; }
.indent-level-3 { margin-left: 60px; }
.indent-level-4 { margin-left: 80px; }
.indent-level-5 { margin-left: 100px; }
.indent-level-6 { margin-left: 110px; }
.indent-level-7 { margin-left: 120px; }
.indent-level-8 { margin-left: 130px; }
.cursorPoint{cursor: pointer;}
.row-item { margin-top: 10px; margin-bottom: 10px; margin-left: 15px; float: left; }
.grid-row-item { margin-top: 5px; margin-bottom: 5px; margin-left: 15px; float: left; }
.grid-row-item .row-item-text { display: inline-block; padding: 2px 0px; }
.grid-row-item.row-item-date { margin-top: 0px; margin-bottom: 0px; }
.row-item-date .fab-date-picker .td { padding: 0px 1px !important; }
.grid-row-item.row-item-date { margin-top: 3px; margin-bottom: 0px; }
.grid-row-item.row-item-notes { margin-top: 12px; margin-bottom: 0px; }
.indent-level-9 { margin-left: 140px; }
.template-tree ul { padding: 0; margin: 0; list-style-type: none; }
.template-tree .checkbox-inline { margin: -7px -4px 0px 0px; }
.template-tree a { text-decoration: none; }
.template-tree a { text-decoration: none !important; }
.template-tree .fab-icon-filler { margin-left: 22px; }
.template-tree .fab-sp16-Red-Target { margin-top: -2px; }
.template-tree .fab-sp16-Accordion-Collapsed2-16 { margin-top: -1px; }
.template-tree .fab-sp16-Accordion-Expand2-16 { margin-top: -1px; }
.template-tree .no-checkbox { margin-left: -20px; }
.ui-iggrid[style] { width: 100% !important; }
.content-header .fabric_comp_buttonbar, .buttonbar_action_btns_container .buttonbar_main_action_btn { margin: 0; padding: 0; border: 0; }
.content-header .buttonbar_action_btns_container { padding: 0px !important; }
.header-button-bar { }
.header-button-bar-expanded { height: 40px; }
.header-button-bar-contracted { height: 0px; }
.header-page-header { height: 55px; }
body { /* Disable scrollbars and ensure that the body fills the window */
/*overflow: hidden;*/ width: 100%; height: 100%; }
.content-header { /* Provide scrollbars if needed and fix the header dimensions */
overflow: auto; position: absolute; width: 100%; }
.content-main { /* Provide scrollbars if needed, position below header, and derive height from top/bottom */
overflow: auto; position: absolute; width: 100%; top: 0px; bottom: 0; }
.app-modal a span { margin: 0px 10px; }
.app-modal-window .modal-dialog { width: 100%; }
.modal-backdrop.in { opacity: 0.6; background-color: #fff; }
.ui-autocomplete .ui-menu-item .label { color: #333333; }
.requestHistoryNode .row-item { word-wrap: break-word; float: none; }
.userInfo { background-color: #FFFFFF !important; background: linear-gradient(to bottom, #FFFFFF 0%, #BEEDFF 100%) !important; background: -webkit-linear-gradient(#FFFFFF 0%, #BEEDFF 100%) !important; padding: 15px; }
.userInfo .fab-pod-content { border: 0px; }
.userInfo .fab-accordian-con { background-color: transparent; margin: 0px; border: 0px solid #ccc; -moz-box-shadow: 0px 0px 0px 0px #D4D4D4; -webkit-box-shadow: 0px 0px 0px 0px #D4D4D4; box-shadow: 0px 0px 0px 0px #D4D4D4; }
.userInfo img { padding-left: 15px; width: 100px; height: auto;max-height: 84px;}
.md-sidenav-left.md-locked-open { transition: 0.2s ease-in all; }

.mcpMain{ 
	min-height: -moz-calc(100vh - 64px);
    min-height: calc(100vh - 64px);
    min-height: -webkit-calc(100vh - 64px);
}

md-menu-bar button { color: white;}
md-menu-bar button:hover { color: black;}

/* accordion */

.md-accordion .expandCollapse { width:30px; height:30px;position:relative;font-size:20px;font-weight:bold;cursor:pointer; color:#fff; display:block; margin-top: -2px; margin-left: -2px; overflow:hidden;}
.md-accordion .expandCollapse:active { border:0px;}
.md-accordion .expandCollapse:before, .md-accordion .expandCollapse:after {width:30px;height:30px;display:block; position:absolute; top:0; left:0; line-height:32px; text-align:center; -webkit-transition: .3s all ease-out; transition: .3s all ease-out;}
.md-accordion .expandCollapse:before { opacity:1; -webkit-transform: rotate(0deg); transform: rotate(0deg); content: "|"; margin-top:-3px;}
.md-accordion .expandCollapse:after { opacity:1; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); content: "|"; margin-left:-3px;}
.md-accordion .active:before { opacity:1; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-left:3px; margin-top:0px;}
.md-accordion .dataContent { background: #F2F2F2; height:0px; overflow:hidden; -webkit-transition: .3s all ease-out; transition: .3s all ease-out;}
.md-accordion .activeContent {height:auto;  padding:20px;  display:block;}
.md-accordion md-toolbar{  cursor:pointer;  border-bottom:1px solid rgb(63,107,181)}
/* accordion ends */

.sidenav-toggle { margin-left: 100px;}
.expandCollapseIcon{display: none;}
.expandCollapseIcon.visible{display: inline-block; vertical-align: middle; position: relative; left: -10px; cursor: pointer;}
.advancedSearchForm, .layout-row > .flex-100.advancedSearchForm{overflow: hidden; max-height: 0px; transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s;}
.advancedSearchForm.expand, .layout-row > .flex-100.advancedSearchForm.expand{display: block;opacity: 1;max-height: 9999px;transition-timing-function: cubic-bezier(0.5, 0, 1, 0); transition-delay: 0s;}
/* grid specific styling */
md-toolbar.md-table-toolbar form > input { width: 100%; margin: 0; border: none; color: rgba(0, 0, 0, 0.87); outline: none;}
md-toolbar.md-table-toolbar form { margin-left: 16px;}
md-toolbar.md-table-toolbar.alternate .md-toolbar-tools {color: #1e88e5; font-size: 16px; background-color: #e3f2fd;}
/* grid specific styling ends */

.bg-white{background: rgb(255,255,255);}
.paddingLeft20{	padding-left: 20px;}
.search-comp-inputbox:focus{outline: none;}
.dark-colored-label{color: rgba(0,0,0,0.87) !important;}
.mTop16{margin-top: 16px !important;}
.mTop20{margin-top: 20px !important;}
.mTop8{	margin-top: 8px !important;}
.mLeft8{margin-left: 8px !important;} 
.mRight8{margin-right: 8px !important;}
.mBottom8{margin-bottom: 8px !important;}
.mBottom24{margin-bottom: 24px !important;}
.mLeft20{margin-left: 20px;}
.mRight20{	margin-right: 20px;}
.gap20{	height: 20px;}
.mcp-margin0{margin:0;}
.mcp-padding0{padding:0;}
.mcp-margin0Imp{margin:0 !important;}
.mcp-padding18{padding-top:18px !important;}
md-option.ownerDropdownOption .md-text{	width: 100%;}
.search-input-box-width{width:100%;}
.selectedOwnerName{	display: none;}
.selectOwnerDropdown .md-select-value .md-text .selectedOwnerName{display: block;text-align: end;}
.selectOwnerDropdown .md-select-value .md-text .layout-row{	display: none;}
.customClassSelectOwnerDropdown{top: 120px !important;}

/* Stepper CSS */
.cust-stepper-content{padding-top: 16px;padding-bottom: 16px;border-left: 1px solid rgb(160, 160, 160);    margin-left: 15px;  overflow: hidden; -webkit-transition: height 0.3s ease-out;}
.collapsed.cust-stepper-content{height: 0; -webkit-transition: height 0.3s ease-out; padding: 15px 0 0;}
.cust-stepper-steps.active .collapsed.cust-stepper-content{ height:auto;}
.cust-stepper-head{outline: none;cursor: pointer;margin-bottom: 8px;}
.cust-stepper-number md-toolbar{min-height: 30px; width: 30px; border-radius: 50%; text-align: center; line-height: 30px;}
.cust-stepper-title{line-height: 30px; color: #909090; font-weight: 600;}

/*common - CSS*/
.floatR { float: right;}
.floatL { float: left;}
.mcpMrg0{margin:0 !important; min-height: 34px;}
.mcpTxtRight{text-align:right;}

/*Login*/
.layout-padding .mcpAzure-loginForm{padding:0; float: right; background: #ffffff; border-radius: 0; box-shadow: 0px 0px 20px rgba(204, 204, 204, 0.5); position: absolute; right: 50%; top: 100px; width: 400px; margin-right: -176px;}
.layout-padding .mcp-loginForm{padding:0; float: right; background: #ffffff; border-radius: 0; box-shadow: 0px 0px 20px rgba(204, 204, 204, 0.5); position: absolute; right: 50%; top: 20px; width: 400px; margin-right: -176px;}
.mcp-loginFormIn{ padding:20px 46px 36px 46px; background: #fff;}
.mainLogo { float: left; height: 64px; width: 234px; padding: 0; margin: 0; background: #fff; text-align: center; overflow: hidden;}
.mainLogo img { padding: 4px 10px 0; width: 200px; height: auto; margin: auto; display: block;max-height: 64px;}
.mcpLoginTitle{margin-bottom: 24px;margin-top: 10px; text-align: center; font-size: 18px;}
.mcp-loginForm md-input-container .md-errors-spacer{min-height:12px;}
.md-button{ text-transform: inherit;}
.mcpSignIn{width:100%; margin:0;}
.mcpLoginIn{width:100%; margin:10px 0 0; background: #034278 !important; text-transform: capitalize;}
.mcpForgotPwd span{ text-decoration:none; color: #29ABE2;}
.loginBg{ background:url(../../../img/background.jpg) no-repeat 0 0; background-size: cover; position:fixed; width:100%; height:100%;}
.landingTabs{width:100%; float:left; height:100%;}
/*.landingTabs img { width: 96%; height: auto; display: inherit; margin: 10px auto 10px auto;}*/

/*Manage*/
.mcpTableContainer{margin:0;}
.mcpManageHead h3 { margin: 0 0 2px 0;}
.mcpManageHead h5 { padding: 0; margin: 0; font-weight: normal;}
.mcpTable .md-head{ background:rgb(57,73,171);}
.mcpTable .md-head th.md-column, table.md-table th.md-column md-icon.md-sort-icon { color:#fff;}
.mcp-buttonBar{ background: #eee; padding-top: 8px; padding-bottom: 8px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; padding-right: 12px; padding-left: 12px;}
.editIcon{color:#e65100;}
.mcpValidationSum{float: left; margin-top: 10px;}
.mcpValCheck{ width: 100%;float: left;margin-bottom: 8px;}
.mcpValidationSum span{ display: block; line-height: 24px; clear: both;}
.mcpUploadText{text-decoration:underline; color: rgb(57,73,171); text-transform: initial; font-weight: 600;}

/*ProgressBar*/
.mcpProgressBar { background: rgba(255,255,255,0.8); position: fixed; width: 100%;height: 100%;z-index: 100;top: 0; left:0;}
.mcpProgressSpinbar { position: absolute; top: 40%; left: 50%; margin-top: -25px; margin-left: -25px;}
.err-msg-content{color:#b20000; line-height:24px;white-space: pre-wrap;display: inline-table;}
.app-message-bar .message-content { max-height: inherit;}
.success-msg-content{color:#2a7d05;line-height:24px;}
.cust-stepper-steps.active .cust-stepper-title{ font-weight: 600; color: rgba(0,0,0,0.87);}
/*
.cust-stepper-number md-toolbar:not(.md-menu-toolbar) { background-color: #909090;}
.cust-stepper-steps.active .cust-stepper-number md-toolbar:not(.md-menu-toolbar){background-color: rgb(63,81,181);}
.cust-stepper-steps.active .cust-stepper-content .material-icons{color: rgb(57,73,171);}
*/
.cust-stepper-content .material-icons{}
.stepCompleted md-toolbar .material-icons{line-height: 30px; margin-left: 2px; /*background-color: rgb(57,73,171);    border-radius: 50%;*/ /*Bug 58616*/}
.mcpValidationSum .success{color:#2a7d05;}
.mcpValidationSum .failed{color:#b20000;}
.stepCompleted .cust-stepper-title{ color: rgba(0,0,0,0.87);}

.mcp-topbar.md-active{ box-shadow: none;}

/*Global*/
.mcp-global-menu{position: relative; top: 40px; box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);}
fieldset{border-width: 0px; padding: 0px; margin: 0px;}
.md-button md-icon.mcpOrg{color:#e65100;}
md-icon.mcpWhite{color:#fff;}
md-icon.md-default-theme, md-icon{color: rgba(0,0,0,0.87);}

.creationDateTime .md-button.md-icon-button{margin: 0px 0px;}

.hint {
	/* Position the hint */
	position: absolute;
	left: 2px;
	right: auto;
	bottom: 7px;
	/* Copy styles from ng-messages */
	font-size: 12px;
	line-height: 14px;
	transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
	/* Set our own color */
	color: grey;
}

/* Support for IE. */ 
.material-icons {
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.mcpTopHead{background:#fff; height: 120px; padding:10px 20px 0; border-bottom: 1px solid rgba(0,0,0,0.1); width: 100%; position: relative; z-index: 1;}
table.md-table th.md-column{font-weight: 500; font-size: 14px;}
.mcpImgAuto{margin:auto;}
.mcpPR{position:relative;}
.mcpOwnerChip .md-chips .md-chip-input-container  input { display: none; }
.mcpOwnerChip md-chips.md-default-theme .md-chips, md-chips .md-chips{ box-shadow: 0 0px rgba(0,0,0,0.12);}
.mcpOwnerChip .md-chips md-chip{ float: right; }
.mcpPA{position:absolute;}
.mcpMrgTop15{margin-top:15px;}

/*Hiding checkboxes in md-data-table for row selection*/
/*Overriding default CSS */
.md-row .md-column.md-checkbox-column{display: none;}
.md-row .md-cell.md-checkbox-cell{display: none;}

/** checkbox for user search grid **/
.checkbox-grid .md-column.md-checkbox-column{display: table-cell !important;}
.checkbox-grid .md-cell.md-checkbox-cell{display: table-cell !important;}

.user-form-date-picker{display :block !important}
.user-form-date-picker .md-datepicker-button{float: right !important;margin-right: -7px !important;padding-right: 0px !important;z-index:100}
.user-form-date-picker .md-datepicker-triangle-button{display: none;}
.user-form-date-picker .md-datepicker-input-container{width:100%;margin-left: 0px !important;}
.user-form-date-picker-label{left: 0px !important;}
.user-form-date-picker input{max-width: none !important;}

.displayInlineTable{display: inline-table;}

search-input-box .md-errors-spacer{display:none;}

/* Order Credentials page */
.orderCredentialPageForm md-select[disabled] .md-select-value,
.payloadDetailsForm md-select[disabled] .md-select-value,
.payloadDetailsForm md-input-container .md-input[disabled], 
.orderCredentialPageForm md-input-container .md-input[disabled],
.payloadDetailsForm [disabled] md-input-container .md-input,
.orderCredentialPageForm [disabled] md-input-container .md-input{
	/*background-image: none;*/
}

.orderCredentialPageForm md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label,
.orderCredentialPageForm md-input-container:not(.md-input-invalid).md-input-has-value label,
.payloadDetailsForm md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label,
.payloadDetailsForm md-input-container:not(.md-input-invalid).md-input-has-value label {
    color: rgba(0,0,0,0.87);
}

/* Overriding owner autocomplete */
.selectowner-custom-template.md-autocomplete-suggestions li{line-height: inherit; color: currentColor;}

.mcpOwnerSearch{position: absolute; top: 8px; right: 2px;}
.creationDateTime .md-datepicker-input-container{  width:90%;width: calc(100% - 52px);}

/*About*/
.mcp-backImg{ background:url(../../../img/mcp-backImg.jpg) no-repeat 0 0; background-size: cover; width:100%; height:100%; padding:100px 0;}
.mcp-backImg h2{ text-transform: uppercase; background:url(../../../img/repeater.jpg) repeat-x 0 center; padding: 0 100px;}
.mcp-backImg h2 span{ padding:0 20px; background:#ECECEE;}
.mcp-backImg p{ line-height: 24px; text-align: center;}
.ownerSelected .ng-not-empty{ text-align:right; transition: 0.2s ease-in all;}
.ownerSelected .md-whiteframe-z1{box-shadow:none;}

md-sidenav{ width: 348px;}
.mcpErrorMsg{ background: #EF5143; text-align: center; color: #fff; padding: 10px 0;}
.mcpErrorMsg span { text-align: center; display: block; width: 100%; font-size: 14px;}

/*Hamburger Animation*/
.hamburgerMain.md-icon-button{margin: 0; height: 20px; min-width: 0; line-height: 20px; padding: 0; width: auto; border-radius: 0; min-height: 24px;}
.hamburger { font-size: 25px; display: inline-block; width: 48px; height: 23px; padding: 0 12px; cursor: pointer; transition: transform .2s ease-in-out; vertical-align: middle; border: 0 none; background: transparent; margin: 0;}
.hamburger::-moz-focus-inner { padding: 0; border: 0 none;}
.hamburger:focus { outline: 0;}
.hamburger:before, .hamburger:after { content: "";}
.hamburger:before, .hamburger .icon, .hamburger:after { display: block;  width:24px; height: 3px; margin:0 0 6px 0; transition: transform .2s ease-in-out;  border-radius: 0; background: #fff;}

.hamburger.active:before, .hamburger.active .icon, .hamburger.active:after {background: fff;}
.hamburger.hamburger-vertical.active { transform: rotate(270deg);}
.hamburger.hamburger-arrow-left.active { transform: rotate(180deg);}
.hamburger.hamburger-arrow-left.active:before { width: .6em;  transform: translateX(.4em) translateY(.2em) rotate(45deg);}
.hamburger.hamburger-arrow-left.active .icon { border-radius: .1em .25em .25em .1em;}
.hamburger.hamburger-arrow-left.active:after { width: .6em; transform: translateX(.4em) translateY(-.2em) rotate(-45deg);}
/*Hamburger Animation End */

.layout-fill { height:auto;min-height: auto;}
/*.layout-padding > *, .layout-padding-gt-sm > *, .layout-padding-md > *{ padding: 0; }*/
md-switch{margin: 0;}

/* Manage Credentials Page */
.inventory-tab-grid > div{margin-left: 0px;	margin-right: 0px;}
.no-bg-color{background-color: transparent;}

/* .md-sidemenu-wrapper */
.md-sidemenu-wrapper{margin-top: -300%;}


/*19-10-16 - Custom-css*/
/*md-input-container{ margin: 18px 0 0;}
.search-comp-label {padding-bottom: 8px;}
.layout-padding > *, .layout-padding-gt-sm > *, .layout-padding-md > * {padding: 0;}
table.md-table thead.md-head>tr.md-row{height: 42px;}
md-toolbar{min-height: initial;}
md-toolbar.md-table-toolbar .md-toolbar-tools{padding: 12px 16px;height: auto;}*/
.md-datepicker-input{max-width:inherit;}
md-card md-card-actions{margin:0;}
.mcp-White{color:#fff;}
.mcp-sidenavCustom md-headline{ color: rgba(0,0,0,0.54);}
.mcp-sidenavCustom  md-list md-list-item.md-3-line .md-list-item-text h5{color: rgba(0,0,0,0.34); margin: 0;}
.mcp-sidenavClose{margin: 0; padding: 0; float: right; min-width: 24px; min-height: 24px; line-height: 24px;}
.mcp-sidenavCustom .md-3-line{padding: 0px;}
.md-sidemenu .md-button{ background:inherit;}

.mcp-Fixed{position: static;width: 242px;}

.mcp-MngCredentials .card-media{    background-color: rgba(0,0,0,0.2); height: 50px; width: 50px; border-radius: 50%; font-size: 40px; text-align: center; margin-top: 8px; color: #ffffff;}
.mcp-MngCredentials .card-media.activated{background-color: #2a7d05;}
.mcp-datePicker-label{width: calc(100% - 24px) !important;}

.mcp-fixed-top{ width: 86%; position: fixed; margin: 0; background: #fff; z-index: 223; top: 48px; padding: 10px 8px 8px 8px; margin-top: -44px;}
.mcp-scrollable{ width: 236px; float: left; margin: 0; height: 93%; padding: 0 8px 0 8px; overflow: hidden; overflow-y: auto; position: fixed; top: 47px;}
.mcp-scrollable::-webkit-scrollbar {width: 6px;background: #ddd; border-radius:5px;}
.mcp-scrollable::-webkit-scrollbar-track { background: #ddd; border-radius:5px;}
.mcp-scrollable::-webkit-scrollbar-thumb { background: rgb(63,81,181); border-radius:5px;} 

.dots ul li{ background: #fff; list-style: none; padding:8px 0;}
.canvasOuter{ margin:auto; width:100%;}
.canvasOuter section.mcpLegend-out{width:70%;}
.canvasOuter section{ width:98%; float:left; display:block;}
.canvasOuter section.mcp-withoutlegend{width:80%; margin:auto; float:none; min-height: 165px;}
.mcp-canvasData{width:100%; padding: 3px 3% 7px; z-index: 991; border-top:1px solid rgba(0,0,0,0.12); background:#fff; position: absolute; bottom: 5px;}
.mcp-canvasData md-select, .mcp-canvasDataBottom md-select{margin:0;}
.mcp-canvasData a{ text-decoration: underline; color:rgb(63,81,181); white-space: nowrap;}
.mcp-chartTopRow h3{ margin:0; font-size: 20px; color: rgba(0,0,0,0.87);padding: 8px; text-indent: inherit;}
.mcp-canvasCount{background-color: rgb(63,81,181); color: #fff; border-radius:16px; text-align:center; line-height:19px; font-size:13px; padding:3px 12px; float: right; margin-top: 10px;}

md-card md-card-actions.mcp-mdCard-custom:not(.layout-column) .md-button:not(.md-icon-button):last-of-type { max-width: 34.33%; flex: 1 1 38.33%;}

.no-records-found-msg{padding-top: 8px; text-align:center;}
.mcp-ownerDetials-form span:first-child{font-weight:bold; text-align:right; margin-right: 10px;}

.mcp-canvas-legends{ float:right; width:28%; min-height: 165px;}
.mcp-canvas-legends ul { padding: 0; margin: 0;}
.mcp-legend-color{width:10px; height:10px; float:left; margin: 10px 5px 10px 0;}
.mcp-canvas-legends span{ color: #999; font-size: 13px;}
.mcp-canvas-legends h3{ margin: 0 0 0 23px; font-size: 17px;}

md-card md-card-actions.mcp-mdCard-custom:not(.layout-column) .md-button:not(.md-icon-button):last-of-type { max-width: 34.33%; flex: 1 1 38.33%;}

.no-records-found-msg{padding-top: 8px; text-align:center;}
.mcp-ownerDetials-form span:first-child{font-weight:bold; text-align:right; margin-right: 10px;}
.mcp-canvasDetails .md-subhead{text-align:center; color:#9B9B9B;}

.mcp-applParam h3{margin-bottom: 5px;}
.mcp-applParam .md-body-2{line-height: 20px;margin-bottom: 10px;}

dynamic-element md-input-container .md-errors-spacer{ min-height: 0px;}

md-menu-content md-menu-item .md-button *,
.mcpOwnerChip md-chips md-chip .md-chip-content,
.mcpOwnerChip md-chips md-chip md-icon{color: rgba(0,0,0,0.54) !important;}
/*.mcp-global-menu md-icon, .mcp-global-menu .md-button span{color: rgba(0,0,0,0.54) !important;}*/
.md-button md-icon{ color: currentColor;}
md-icon svg{ fill: currentColor;}

md-content.mcp-content { overflow: inherit;}
.mcp-pageContent{margin-top: -55px; position: relative; z-index: 1;}
.mcpManageHead .md-button.md-icon-button, .message-close-btn .md-button.md-icon-button{padding: 0; height: 24px; min-height: 16px;line-height: 20px;}
.app-message-bar { margin: 8px 1% 8px; width: 98%; display: inline-flex; max-height: 115px; overflow: hidden; overflow-y: auto;}

.fullWidth{width:100%; float:left;}
.panel{float:left;}
.floatL{float:left; margin:0 10px;}
.pager li{list-style:none; float:left;background: #eee; padding: 5px 10px;}
.panel-body { width: 100%; float: left; background: #ddd; padding: 10px 0; margin: 0 0 10px 0;}
ul.pager { margin: 0; float: left;}
.pager .previous, .pager .next{background:none;}

.mcp-bgWhite{background:#fff;}
.mcp-reportContent{ background:#fff; padding-bottom:20px; overflow: hidden; overflow-x: auto; padding-top: 20px;}
.mcp-reportContent .jrcolHeader{background-color: rgb(123, 125, 136) !important; color: rgba(255,255,255,0.87); padding-top: 4px;}
.mcp-reportContent .jrcolHeader span { color: #fff !important;}
.mcp-report-icons .material-icons { color: #E65100; margin: 0 0 0 5px;}
.mcp-reportContent table { width: 100% !important;}
.md-calendar-day-header{ background: rgb(224,224,224) !important; color: rgba(0,0,0,0.87) !important;}
.jrPage tbody tr:last-child { display: none;}
.jrPage tbody tbody tr:last-child { display: block;}
/*.mcp-reportContent tbody td:last-child {display: none;}
.mcp-reportContent tbody td:first-child {display: none;}*/
.mcp-reportContent .jive_marker{height: auto !important;}

.importLink {
	 color: rgb(57,73,171);
	 text-decoration: underline;
	 text-transform: initial;
	 font-weight: 600;
	 cursor:pointer;
}


span.mcp-filterOuter {margin: 0;}
.canvasLink{float:right;}
.mcp-credentials{/*overflow: inherit !important;*/margin-top: -48px;}
.mcp-credOverflow{/*overflow: inherit !important;*/margin-top: 0;}
.mcpMinusTop{margin-top: -16px;}
table.md-table.md-row-select tbody.md-body>tr.md-row.md-selected{ background-color: #efefef;}
md-progress-linear .md-container{background-color: #e8dede !important;}
.custom-validation-msg{color: rgb(162,19,9); font-size:12px; line-height: 14px; margin-top: 5px;}

md-sidenav md-content{background-color: inherit !important; color: #fff;}
.md-sidemenu-content{background: none !important; color: #fff;}
.md-sidemenu-wrapper md-sidemenu-button { background: none !important;}
.mcp-accountDetails { width: 230px; float: right; margin: 0;}
.mcp-accountIcon{margin: 8px 0 0; width: 36px; height: 36px;}
.mcp-accountDetails .md-button { padding: 0; margin: 0; min-height: 22px; line-height: 22px;}
.mcp-userName{font-size:14px;}
.loadmore-btn {
	float:right;
}
.loadmore-fetchsize{
	float: right;
}

.custom-user-pagination{
	background-color: #eee;
	margin: 0px;
}

.loadmore-label {
	max-width: 100%;
	background-color: #eee;
}


.mcp-chartTopRow { padding: 0 3%;}
.md-active md-select-menu md-content md-option { color: currentColor;}
.chartsProgress { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(241, 238, 238, 0.8);}
.chartsProgress md-progress-circular { position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px;}
.mrgTop-55 { margin-top: 55px;}
.headIcn { width: 48px; height: 48px;}

.mcp-cards{width:360px;}
.mcpMain .md-sidemenu .md-sidemenu-content{/*display: inline-block;*/}
@-moz-document url-prefix() { 
	.mcpMain .md-sidemenu .md-sidemenu-content{display: inline-block;}
}

md-toolbar.loginPage{
background: #29aae1; /* Old browsers */
background: -moz-linear-gradient(left,  #29aae1 0%, #2989d8 50%, #04447a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #29aae1 0%,#2989d8 50%,#04447a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #29aae1 0%,#2989d8 50%,#04447a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29aae1', endColorstr='#04447a',GradientType=1 ); /* IE6-9 */}

.mcpLoginLogo{ background:#29ABE2; text-align:center; padding:30px 0 22px;}
.mcpLoginLogo img { max-width: 90px;}
.mcpForgotPwd { padding: 0; margin: 0 0 16px 0; min-height: inherit; height: inherit; line-height: 18px;}
.mcpSignIn {background: #29ABE2 !important; text-transform: uppercase;} 

.layout-padding .mcp-sessionForm{padding:0; float: right; border-radius: 2px; background: url(../../../img/50.png) repeat 0 0; border-radius: 0px; position: absolute; right: 50%; top: 45%; position: absolute; width: 400px; margin-right: -176px; margin-top:-82px;}
.mcp-sessionForm .mcp-loginFormIn{ padding:20px 28px 26px;}
.mcp-sessionForm h3 { padding-bottom: 20px; font-size: 16px; text-align: center;}
.mcp-sessionForm .mcpSignIn{ width: 160px; margin: auto; float: none; display: inherit;}
.partnerLogo{height: 64px; width: 100%;}
.partnerLogo img{float:left; border: 1px solid #fbecec;}
.partnerLogo section {float: left;}
.partnerLogo section p {margin: 0 0 0 7px;font-size: 12px;color: #a09c9c;}

.mcp-btnOuter p { width: 100%; text-align: center; font-size: 14px; margin: 15px 0 7px; line-height: 4px; color: rgba(51, 51, 51, 0.83); background: url(../../../img/line.jpg) repeat-x 0 center; opacity:0.6;}
.mcp-btnOuter p span { background: #fff; padding: 0 33px; color: #000;}

.md-toolbar-tools .md-menu{border: 1px solid #ccc; margin: 0; border-radius: 3px;}
.md-toolbar-tools .md-menu .md-button{ min-width: inherit; margin: 0;}
md-toolbar.md-table-toolbar .md-toolbar-tools .md-button.md-icon-button.refreshBdr{border: 1px solid #ccc; border-radius: 3px;margin-right: 10px;}
.loginMsg{text-align:center; font-size: 15px; width: 100%; float: left; padding-bottom: 10px; color: #034278; line-height: 22px;}
.mcp-loginFormIn h2{color:#29ABE2; font-size:20px; text-decoration:underline; text-align: center; width: 100%; font-weight: bold; letter-spacing: 0.8px;}
.mcp-loginFormMain { float: left; width: 100%; padding: 0;}

.mcp-credentials .mcp-pageContent{ margin-top: 0;}

.jive_dialog div.dialogFooter{padding: 15px 0 !important;}

.mcp-incinerate{position:relative;}
.mcp-incinerateTag{ position: absolute; top: 22px; z-index: 62; left: 16px;margin: 0;}

.mcp-error-msg-content{margin: 0; height: 24px;}
.mcp-error-msg-content span { float: left; white-space: normal;}
.err-msg-content small { float: left; font-size: 17px; padding-left: 5px;}

.mcpUserInfo .md-button span { word-wrap: break-word; width: 140px; float: left; white-space: initial; text-align: left; line-height: 18px;}

.cust-stepper-buttonbar .mcp-current-color{color: currentColor !important;}
.dialogFooter.footer .action{position: static; width: auto;}

.dots ul li canvas{height: auto !important; max-height: 182px !important; width: 96% !important; margin: 10px 0 0;}
.mcpTable .md-body tr.inactive {background: #dfdfdf;}

.md-select-menu-container{  min-width:300px;  max-width: 300px; margin-left: 12px;}
.md-select-menu-container md-option{height:auto; min-height:48px;}
.md-select-menu-container md-option .md-text{text-overflow: inherit;white-space: normal; margin-bottom:5px;}
md-input-container.mcp-selectOverflow > md-select {width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
md-input-container.mcp-selectOverflow > md-select .md-text { max-width: 300px; float: left; text-overflow: ellipsis; white-space: nowrap;}

.mcp-licenseAgre p {
    line-height: 20px;
    font-size: 13px;
}

[ng-quill-editor] { display: block; }
 
 .emailHtmlCode{
 	    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    padding: 8px;
    word-wrap: break-word;
        max-height: 300px !important;
    overflow: auto;
 }
 
 .emailHtmlCode input{
 	    border: none;
    width: 85%;
   background-color: transparent;     
 }
 
  .NotificationModifyTextArea{
  	min-height: 278px;
  }
 
  .emailHtmlCode input:focus, .emailHtmlCode textarea:focus{
  	outline: none;
  }

 .ql-video, .ql-image{
 	display: none !important;
 }
 
 .ql-toolbar.ql-snow{
 	display: none;
 }
 
 .ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-top: 1px solid #ccc;
    border-color: black;
}

ng-quill-editor{
	background: white;
}

/*my activity */

.mcp-showmore{ color: rgb(255,204,128); font-size: 14px; font-weight: normal;}
.mcp-scrollable md-headline md-icon{font-size: 18px; color: rgba(0, 0, 0, 0.870588); cursor: pointer;}
.mcp-sidenavCustom md-headline:focus{outline:none;}
.mcp-sidenavCustom .md-3-line{max-height: 0; height: 0; min-height: 0; overflow: hidden; transition: max-height 500ms ease-in-out; opacity:0;}
.mcp-scrollable md-list md-list-item.selected{ max-height: 1000px; height: auto; min-height: auto; transition: max-height 500ms ease-in-out; overflow: hidden; opacity:1;}

.mcp-licenseHead center p {
    line-height: 22px;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

.mcp-licenseHead center {
    border-bottom: 1px solid #ccc;
    padding-bottom: 12px;
    border-bottom-style: dotted;
}

.mcp-licenseHead p {
    line-height: 18px;
}
.mcp-licAgrement button {
    margin: 14px 10px 0 0;
}

.mcp-searchTip{ background: url(../../../img/BulbOn.png) no-repeat 0 0 #fff; font-size: 13px; padding: 5px 0 5px 28px; background-size: 22px 22px; color: #333; margin: 0 0 0 7px;}

.mcp-login-warringMsg {position:relative;text-align: center;padding: 10px 0 5px; background: rgba(249, 249, 62, 0.69);}
.mcp-warningIcn{ min-width: 35px; height: 35px;}
.mcp-login-warringMsg span { line-height: 18px; font-size: 14px;}
.mcp-warning-close{position:absolute; top:0px; right:6px; width: 16px; cursor: pointer; min-width: 16px;}
.appModeBanner {
    background-color: rgba(249, 249, 62, 0.69);
    color: rgba(0,0,0,0.87);
    font-size: 14px;
    padding: 6px 0;
}

_:-ms-lang(x), .appModeBanner {
    padding: 10px 0;
}

/*Laptop*/
@media (min-width:1024px) and (max-width:1440px){
	.mcpLoginLogo img{max-width: 70px;}
	.mcpLoginLogo{  padding: 20px 0 12px;}
	.mcp-loginFormIn{padding: 20px 46px 26px;}
	.mcp-loginFormIn md-input-container { margin: 12px 0;}
}
/*Firefox*/
@-moz-document url-prefix() { 
  .mcp-credOverflow{overflow: hidden;}
  .mcp-fixed-top{float:left; margin:0; position:inherit; top:0;}
  .mcp-scrollable{top: 49px; position: absolute;height: 90%;overflow: hidden; overflow-y: auto;}
}

.mcp-licAgrement { background: #eee; min-height: 84px;}
.mcp-agreeCheckbox { padding-top: 14px;}
.mcp-licAgrement md-checkbox { margin-bottom: 0;}
.md-dialog-container{height:100% !important;}
.mcp-overflowScroll{overflow:auto;}

.mcp-licenseOverlay{overflow:hidden;}
.mcp-licenseOverlay center p{line-height: 10px;font-size: 14px;}
.mcp-licenseOverlay center{border-bottom: 1px solid #ccc;border-bottom-style: dashed;}
.mcp-licenseOverlay p{line-height: 20px;}

md-tooltip .md-content {
    max-width: 300px !important;
    background-color: #928c8c !important;
    color: #fff !important; white-space: pre-line;
    border-radius: 5px; font-size:14px; height:auto !important;
}

.mcp-importStatus .md-label { margin-top: 11px;}
.md-active md-select-menu md-content md-option:not([disabled]):focus, .md-active md-select-menu md-content md-option:not([disabled]):hover{background: rgba(230, 230, 230, 0.87);}

/*ie 11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
	.md-sidemenu .md-button{ background:none;}
	.md-sidemenu-wrapper{margin-top:-1000%;}
	.mcpMain{ height: calc(100% - (20px + 30px));}
    md-sidenav{/*height:calc(100vh - 64px);*/ min-height: calc(100vh - 64px);-webkit-box-pack: center;-webkit-box-orient: vertical;
    -webkit-box-direction: normal;  flex-direction: column;  display: flex;}
    md-sidenav.mcp-credOverflow{height:calc(100vh - 140px);}
    .mcp-canvasDetails{ display:inline-block; text-align:center; width:100%;}
    
    .mcp-credOverflow {overflow:hidden;}
    .mcp-Fixed{left:auto; width:93%; top:0; position:relative; overflow:hidden; overflow-y:auto;}
    .mcp-fixed-top{ margin-top:0; position:static; top:136px; background:#fff; width:226px;}
    .mcp-scrollable{ padding: 0 8px 8px 8px; position:static; height:auto;}
	
	.mcp-licAgrement{box-sizing:inherit; padding-top:45px;}
	.mcp-agreeCheckbox{margin-top:-30px;}
	.mcp-overflowScroll{overflow:hidden;}
	.mcp-overflowScroll .md-dialog-content{overflow:auto; height:100%;}
} 

@media (min-width:1px) and (max-width:1298px){
	.mcp-canvasData { position: static;}
}
@media (min-width:320px) and (max-width:1023px){
	.layout-padding .mcpAzure-loginForm{ min-width:350px;}
	.layout-padding .mcp-loginForm{ min-width:350px;}
	.mcpMain md-content.layout-fill { overflow-x: hidden;}
	.mcpMain .mainContentContainer md-content.layout-fill { overflow: initial;}
	
	.canvasOuter section{width: 100%;}
	.mcp-canvas-legends{width: 100%;min-height: initial;}
	.mcp-canvas-legends ul li { margin: 0 0 5px 10px; float: left; padding: 0; line-height: 15px;}
	.mcp-canvas-legends span{font-size: 12px;}
	.mcp-legend-color{margin: 4px 10px 8px 0; height: 12px;width: 12px;}
	.mcp-canvas-legends h3{font-size: 14px; line-height: 16px;}
	.mcp-canvasData a{font-size: 14px;}
	.mcp-canvasData md-select .md-text { font-size: 14px;}
	
}
@media (min-width:768px) and (max-width:1023px){
	.mcp-canvasDetails .md-subhead{ font-size: 14px; line-height: 20px;}
	.mcp-chartTopRow .mcp-iPad-pdngNone{padding:0 4px;}
	.mcp-cards{width:330px;}	
	.mcp-canvasDetails{font-size: 14px; line-height: 18px;}
}

@media (min-width:320px) and (max-width:767px){
	body{background-color: #fff;}
	/*Common*/
	/*.orderCredentialPageForm md-input-container .md-errors-spacer, .payloadDetailsForm md-input-container .md-errors-spacer, .createOwnerPageForm md-input-container .md-errors-spacer{ min-height: inherit;}*/
	.mRight20{margin-right: 10px;}
	.mLeft20{margin-left: 10px;}
	.mTop16{margin-top: 10px !important;}
	.mcp-margin{margin:0;}
	.mcp-margin > * {margin:0;}
	.mcp-padding{margin:0;}
	.mcpMob-pdngTop10{padding-top:10px;}
	.layout-padding .mcpAzure-loginForm{ min-width: inherit; width: 100%; max-width: none;  position: static; margin: 0; padding: 10px;}
	.layout-padding .mcp-loginForm{ min-width: inherit; width: 100%; max-width: none;  position: static; margin: 0; padding: 10px;}
	.loginBg{box-sizing: border-box; background: #ffffff;}
	.mcpLoginLogo{ padding: 20px 0 12px;}
	.mcpLoginLogo img { max-width: 60px;}
	.mcp-loginFormIn { padding: 20px 20px 76px 20px;}
	.mainLogo{ height: 56px;  width: 110px; margin: 0; background: #fff; float: left; position: relative;}
	.mainLogo img { top: 50%; position: relative; width: 100%; height: auto;}
	/*.md-button{min-width: 60px; font-size: 13px;}*/
	
	/*** About/Contact ***/
	.mcp-backImg{padding: 20px 0;}
	.mcp-backImg h2{padding: 0 20px;}
	.mcp-backImg h2 span{padding: 0 10px;}
	
	.mcp-buttonBar{padding-top: 0; padding-bottom: 0;}
	.mcpManageHead { margin: 15px 0; /*width: 200px;*/}
	.mcpManageHead h5{line-height: 14px;}
	.mcpManageHead h3{font-size: 17px;}
	.mcpTopHead{padding: 0 10px 50px 10px; min-height: auto; height:auto;}
	.mcpValidationSum span{font-size: 14px;}
	
	.creationDateTime .md-datepicker-input-container{ width: 60%;}
	
	.dots ul li{ padding: 4px 0;}
	.dots ul li canvas { width: 100%;}
	.mcp-canvasCount{margin-top:3px;}
	.mrgTop-55 { margin-top: 30px; margin-bottom: 15px;}
	.mcp-accountDetails{ width: 200px;}
	.mcp-pageContent h3 { font-size: 18px; line-height: 18px;}
	.chooseLogoMob{margin-top:50px; margin-bottom:60px;}
	.mcp-mob-mrgBtm18{margin-bottom:40px;}
	.mcp-paddingBtm24{padding-bottom:24px;}
	.mcpPR md-autocomplete { /*margin-top: 18px;*/}
	
	/*Pop-up*/
	md-dialog .md-toolbar-tools	h2{ font-size: 14px;}
	md-dialog .md-dialog-content{padding: 8px;}
	.mcpOwnerChip .md-chips md-chip{float: left;}
	.mrgBtnTB15{margin:15px 0;}
	.mrgBtnTB15 .md-button{margin:0;}
	.hint{ bottom: 0;}
	.mcp-orderDetialsStatus > div{ margin: 4px; font-size: 13px;}
	
	/*main Left Nav*/
	md-sidenav { width: 300px;  min-width: calc(100% - 90px);}
	.mainContentContainer.collapse { width: 360px;}
	.mcp-incinerateTag { position: static; top: 22px; z-index: 62; left: 22px; width: 94%; margin-left: 14px;}
}
@media (min-width:601px) and (max-width:767px){
	.mcpMob-pdngTop10{padding-top: 0; padding-bottom: 10px;}
	.mcp-margin{margin:0 0 10px 0;}
}
@media (min-width:320px) and (max-width:767px) and (orientation : landscape){
	md-sidenav{width: 400px; min-width: inherit;}
	.mainContentContainer.collapse { width: auto;}
}
/* .mcpTable td.md-cell {
    overflow: hidden;
    white-space: nowrap;
    max-width: 115px;
    text-overflow: ellipsis;
}
 */