/*
.dark-primary-color    { background: #1976D2; }
.default-primary-color { background: #2196F3; }
.light-primary-color   { background: #BBDEFB; }
.text-primary-color    { color: #FFFFFF; }
.accent-color          { background: #03A9F4; }
.primary-text-color    { color: #212121; }

*/
::placeholder {
	color: #b6afae;
  }

*{
	outline: none;
}
.md-open-menu-container>.help-menu-content  {
    max-height: 100%;
}

.help-menu-content a:focus, .help-menu-content a:hover {
    color: #2962ff;
}

.login-toolbar {
	box-shadow: 0 5px 15px 0 rgba(46, 61, 73, .12);
	background-color: #ffffff !important;
}

.welcome-text>div:nth-child(2) {
	font-size: 35px;
	color: #fff;
}

.welcome-text>div:nth-child(3) {
	margin: 5px;
	background-color: #2086e5;
	padding: 13px;
	border-radius: 6px;
	color: #fff !important;
}

.welcome-text {
	height: 75vh;
}
.icon-circle {
  background-color: rgba(0,0,0,0.12);
  border-radius: 50%;
  line-height: 56px;
  min-width: 0;
  width: 56px;
  height: 56px;
  vertical-align: middle;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
  border-radius: 50%;
  background-clip: padding-box;
  overflow: hidden;
  align-items: center;
  text-align: center;
}
.img-user-circle {
	border-radius: 50%;
	margin-left: 12px;
	max-width: 96px;
}

.img-user-circle-share {
	border-radius: 50%;
	max-width: 96px;
}
.user-name {
	margin-top: 12px
}

.main-menu md-list-item {
	overflow: hidden;
}

.md-button.md-default-theme.md-primary.md-fab:not ([disabled] ).md-focused,
	.md-button.md-primary.md-fab:not ([disabled] ).md-focused, .md-button.md-default-theme.md-primary.md-fab:not
	([disabled] ):hover, .md-button.md-primary.md-fab:not ([disabled] ):hover,
	.md-button.md-default-theme.md-primary.md-raised:not ([disabled] ).md-focused,
	.md-button.md-primary.md-raised:not ([disabled] ).md-focused,
	.md-button.md-default-theme.md-primary.md-raised:not ([disabled] ):hover,
	.md-button.md-primary.md-raised:not ([disabled] ):hover {
	background-color: rgb(13, 71, 161) !important;
}

.heading-padding {
	padding-left: 11px;
}

.budget-list-scroll {
	height: calc(100vh - 96px) !important;
	overflow-y: scroll;
}

.budget-list-scroll .budget-error, .alert-error {
	text-align: center;
	margin-top: 10%;
	font-size: 18px;
	color: rgba(0, 0, 0, 0.54);
}

.budget-list-scroll md-list-item {
	border-bottom: .5px solid #d3d3d3;
}

.budget-list-scroll md-list-item.active-budget-list .md-button:hover {
	background-color: initial
}

.budgets-toolbar {
	border-bottom: 1.1px solid #d3d3d3;
	color: inherit;
	min-height: 32px;
	height: 32px;
	background-color: #9AC0FE !important;
}

.budgets-secondary-toolbar {
	border-bottom: 1.1px solid #d3d3d3;
	min-height: 52px;
}

.budget-actions {
	border-top: 1.1px solid #d3d3d3;
	margin-bottom: 0;
	padding-right: 8px;
	padding-left: 16px;
	min-height: 52px;
	height: 52px;
	overflow: hidden;
}

.budget-list-scroll .project-budget-card {
	height: calc(100vh - 112px);
}

.budget-list-scroll .project-budget-card md-content {
	min-height: calc(100vh - 252px);
}
/*.form-control-budgets{
    width:50%;
}*/
.active-budget-list {
	background-color: #9AC0FE !important
}

.material-icons.md-18 {
	font-size: 50px;
}
.material-icons.small {
	font-size: 16px;
    height: 16px;
    width: 16px;
    min-width: 16px;
    min-height: 16px;
}
.budget-default-card {
	margin-top: 22px;
	font-size: 21px;
	color: #757575;
}

.project-id-color {
	color: rgba(0, 0, 0, 0.54);
	margin-top: 1px !important;
}

.form-control-mobile {
	height: 28px;
	padding: 0px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
		ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
		.15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	width: 41%;
}

.search-input {
	font-size: 12px;
	padding: 9px;
	border: 0px solid #ffffff;
	outline: none;
	color:rgba(0,0,0,.54);
	width: 100%;
}

.dashmenu-height>md-menu-item{
    margin: 0 8px;
}

.name-wrap{
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
	word-wrap: break-word;
}

.search-icon-color {
	color: #919191 !important;
	outline: none;
	cursor: pointer;
	margin-right: 12px;
	
}
.download-inline {
	position: absolute;
    right: 32px;
    margin-top: -5px;
}
.download-icon-white {
	color: #ffffff;
}
.download-icon-white>div>div {
	margin-top: 3px;
	border-color:#ffffff !important;
}
.download-icon-color {
	color: #1E88E5;
}

.unread {
	font-weight: bold !important;
}

md-toast.md-success-toast-theme .md-toast-content {
	background-color: #00C853;
}

md-toast.md-error-toast-theme .md-toast-content {
	background-color: #D50000;
}

md-toast.md-warn-toast-theme .md-toast-content {
	background-color: #FF8800;
}
.card-animation {
	background: #fff;
	transition: all 0.3s ease;
}

.card-animation:hover {
	box-shadow: 12px 15px 20px 0px rgba(46, 61, 73, 0.15);
}

.card-text>span:first-child {
	font-size: 18px
}

.card-text>span:nth-child(2) {
	margin-bottom: 25px;
	color: #2086e5;
}

.card-text>span:nth-child(3) {
	font-size: 18px;
}

.card-text>span:nth-child(4) {
	margin-bottom: 25px;
	color: #2086e5;
}

.input-padding {
	padding-right: 15px;
}
.customer-view .threshold-percentage {
  font-size: 12px;
  padding: 4px;
}
.threshold-percentage {
	background-color: #f8f8f8;
	padding: 5px;
	color: #000;
	border-radius: 6px;
	border: 0.5px solid #c0c0c0;
	margin: 5px;
}

.landing-page {
	background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),
		url(../images/main-image.jpg);
	background-size: 100% 100%;
}

.fs-banner-container {
	width: 100%;
	height: 75vh;
	margin: auto;
	background: #1f7bbb;
	position: relative;
	overflow: hidden;
}

.fs-banner-container .video-container {
	position: absolute;
	top: -4rem;
	left: 0;
	width: 100%;
	height: 100%;
}

.fs-banner-container .video-container video {
	width: 100%;
}

.fs-banner-container .graphics-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(71, 72, 72, 0.8);
	text-align: center;
}

.form-group>.help-block, .text-action>.help-block {
	color: #fe5339;
	margin-top: 2px;
	margin-bottom: 0px!important;
}
.text-action>.help-block {
	margin-top: -4px;
}
.help-block {
	font-size: 12px;
	margin-bottom: 1px;
}
.help-block.warn {
  color: #FF8800;
}
md-toast.md-center {
	left: 50%;
	transform: translate3d(-50%, 0, 0);
}

.has-error {
	border-color: #ff0000;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.has-required {
	color: #ff0000 !important;
}
/* ngIf animation */
.animationIf.ng-enter, .animationIf.ng-leave {
	-webkit-transition: opacity ease-in-out 0.5s;
	-moz-transition: opacity ease-in-out 0.5s;
	-ms-transition: opacity ease-in-out 0.5s;
	-o-transition: opacity ease-in-out 0.5s;
	transition: opacity ease-in-out 0.5s;
}

.animationIf.ng-enter, .animationIf.ng-leave.ng-leave-active {
	opacity: 0;
}

.animationIf.ng-leave, .animationIf.ng-enter.ng-enter-active {
	opacity: 1;
}

.myProgress {
	width: 100%;
	background-color: #ddd;
	height: 7px;
}
.myProgress > div {
	height: 7px;
	max-width: 100%;
}
.budget-list{
	padding: 3px 0px 3px 0px;
	min-height: 36px;
	max-height: 30px !important;
	color: #000;
}

.budget-list>span:first-child{
	line-height: 13px;
}
.progress-bar-box md-progress-linear, .progress-bar-box md-progress-linear .md-container,
.progress-bar-box md-progress-linear .md-container .md-bar {
	height: 6px;
}
.subscription-active {
  color: #00C853;
}
.subscription-suspended {
  color: #D50000;
}
.myBarGreen, .progress-bar-box.myBarGreen .md-bar {
	background-color: #4CAF50;
}
.myBarRed, .progress-bar-box.myBarRed .md-bar {
	background-color: #f36d59;
}
.myBarOrange, .progress-bar-box.myBarOrange .md-bar {
	background-color: orange;
}
.progress-bar-box.myBarGreen, .progress-bar-box.myBarOrange, .progress-bar-box.myBarRed {
	background-color: initial;
}
.progress-bar-box.myBarGreen, .progress-bar-box.myBarGreen md-icon {
	color: #4CAF50;
}
.progress-bar-box.myBarGreen .md-container {
	color: #4CAF50;
}
.progress-bar-box.myBarOrange, .progress-bar-box.myBarOrange md-icon {
	color: orange;
}
.progress-bar-box.myBarRed, .progress-bar-box.myBarRed md-icon {
	color: #f36d59;
}
md-tooltip.tooltip-progress-bar {
	height: auto;
    line-height: inherit;
    padding: 0px;
}
md-tooltip.tooltip-progress-bar .tooltip-title {
	color: #999999;
	font-weight: bold;
}
md-tooltip.md-tooltip.tooltip-progress-bar {
	background-color: #fff;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
    border: solid 1px #dfdfdf;
    border-radius: 9px;
    padding: 8px;
    opacity: 1;
}
md-tooltip.tooltip-progress-bar .md-content {
	font-size: 12px;
    color: black;
}
.projectRisk {
	margin: 4px 8px 0px 8px;
	background: #9AC0FE;
	position: relative;
	overflow: hidden;
	padding: 16px 24px;
	color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #9AC0FE;;
	-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 6s; /* Safari 4.0 - 8.0 */
	animation-name: example;
	animation-duration: 6s;
	animation-iteration-count: infinite;
}

/* Standard syntax */
@
keyframes example { 0% {
	background-color: #EF5350;
}

25%
{
background-color
:

#9AC0FE
;
}
50%
{
background-color
:

#EF5350
;
}
75%
{
background-color
:

#9AC0FE
;
}
100%
{
background-color
:

#EF5350
;
}
}
.projectRisk .group-nav {
	position: absolute;
	top: 8px;
}

.projectRisk h2 {
	margin: 0px;
	min-height: 28px;
}

.projectRisk h3 {
	margin: 4px 0px 0px 0px;
	font-weight: normal;
}

.projectRisk .summary-icon {
	position: absolute;
	top: 0px;
	right: 10px;
	font-size: 64px;
	opacity: 0.3;
}

.projectRisk .summary-icon md-icon {
	font-size: inherit;
	height: 64px;
	width: 64px;
}

.projectRisk .account-summary-title {
	display: inline-block;
	font-size: 12px;
}

.projectRisk .account-summary-value {
	text-align: center;
}

.projectRisk .account-summary-value.balance {
	color: #4CAF50;
}

.projectRisk .account-summary-value.spend, .over-spend {
	color: #F44336;
}

/* Form Progress */
.progress {
	text-align: center;
}

.progress .circle, .progress .bar {
	display: inline-block;
	background: #fff;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	border: 1px solid #d5d5da;
}

.progress .bar {
	position: relative;
	width: 80px;
	height: 6px;
	margin-left: 0px;
	margin-right: -5px;
	border-left: none;
	border-right: none;
	border-radius: 0;
}

.progress .circle .label {
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 32px;
	margin-top: 4px;
	color: #b5b5ba;
	font-size: 17px;
}

.progress .circle .title {
	color: #b5b5ba;
	font-size: 13px;
	line-height: 30px;
	margin-left: -5px;
}

/* Done / Active */
.progress .bar.done, .progress .circle.done {
	background: #4CAF50;
}

.progress .bar.active {
	background: linear-gradient(to right, #4CAF50 40%, #FFF 60%);
}

.progress .circle.done .label {
	color: #FFF;
	background: #4CAF50;
}

.progress .circle.done .title {
	color: #444;
}

.progress .circle.active .label {
	color: #FFF;
	background: rgb(63, 81, 181);
	box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
}

.progress .circle.active .title {
	color: rgb(63, 81, 181);
}

.accountTable {
	min-width: 450px;
}

.accountTable>table>thead>tr>th>span {
	font-size: 17px;
	color: #000;
}

.accountTable>table>tbody>tr>td {
	font-size: 16px !important;
}

.accountTable>table>thead {
	background-color: #e1e1e1;
}

.buttonSize {
	width: 217px;
	height: 60px;
}

.buttonSize>span {
	font-size: 21px;
	text-transform: capitalize;
}

.setup-nav {
	background-color: #ffffff !important;
}

.setup-nav:not ([disabled]) md-icon {
	color: rgb(30, 136, 229) !important;
}

.progressBar>span:first-child {
	font-size: 35px;
	text-align: center;
	width: 33%;
	padding: 35px 0px 35px 0px;
}

.progressBar>span:nth-child(2) {
	text-align: center;
	width: 33%;
	padding: 25px 0px 25px 0px;
}

.progressBar>span:nth-child(3) {
	font-size: 25px;
	text-align: center;
	width: 33%;
	padding: 15px 0px 15px 0px;
}

.progressBar>span:nth-child(4) {
	font-size: 25px;
	text-align: center;
	width: 33%;
	padding: 15px 0px 15px 0px;
	color: red
}

.selectTable>span:first-child {
	font-size: 35px;
	padding: 12px 0px 9px 0px;
	font-weight: bold;
	letter-spacing: 3px;
}

.selectTable>span:nth-child(2) {
	text-align: center;
	width: 33%;
	color: #979494;
	padding: 1px 0px 27px 0px;
}

.selectTable>span:nth-child(4) {
	font-size: 35px;
	padding: 22px 0px 22px 0px;
}

.selectTable>span:nth-child(5) {
	padding: 22px 0px 0px 0px
}

.selectDataset>span:first-child {
	font-size: 35px;
	padding: 12px 0px 9px 0px;
	font-weight: bold;
	letter-spacing: 3px;
}

.selectDataset>span:nth-child(2) {
	text-align: center;
	width: 33%;
	color: #979494;
	padding: 1px 0px 27px 0px;
}

.selectDataset>span:nth-child(4) {
	font-size: 35px;
	padding: 22px 0px 22px 0px;
}

.selectDataset>span:nth-child(5) {
	padding: 22px 0px 0px 0px
}

.selectProject>span:first-child {
	font-size: 35px;
	padding: 12px 0px 9px 0px;
	font-weight: bold;
	letter-spacing: 3px;
}

.selectProject>span:nth-child(2) {
	text-align: center;
	width: 33%;
	color: #979494;
	padding: 1px 0px 27px 0px;
}

.selectProject>span:nth-child(4) {
	font-size: 35px;
	padding: 22px 0px 22px 0px;
}

.selectProject>span:nth-child(5) {
	padding: 22px 0px 0px 0px
}

.finalStep {
	padding: 36px;
}

.finalStep>div>span:first-child {
	font-size: 35px;
	text-align: center;
	width: 350%;
	padding: 35px 0px 25px 0px;
}

.buttonSizefinal {
	padding: 12px 0px 0px 0px !important;
	font-size: 21px;
	width: 217px;
	height: 60px;
}

.iconCircle {
	float: right;
	color: #00C853;
}

.payment-method>.payment-detail>.filePicker, .budget-form .filePicker {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 4px 0px 4px 0px;
	cursor:pointer;
}
.filePicker>span {
	font-size: 14px;
	color: #555;
	padding-top: 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.filePicker>span>a {
	text-decoration: none;
	color: #2186e6;
}

.bgColor {
	background-image: url("/assets/images/login-image.jpeg");
	background-size:cover;

}
.overlay:before{
	position: absolute;
	content:" ";
	top:0;
	width:50%;
	height:100%;
	display: block;
	z-index:0;
	background-color: rgba(75, 75, 75, 0.5);
  }

.bgColor>md-icon {
	color: #ffffff;
	width: 100px;
	height: 100px;
	font-size: 100px;
	margin: 0px !important;
	position:relative;
}

.bgColor>div {
	font-size: 46px;
	font-weight: 600;
	color: #fff;
	margin-top: 22px;
	position:relative;
}

.bgColor>span {
	color: #fff;
	margin-top: 12px;
	font-size: 18px;
	position:relative;
}

.input-icon-wrap {
	display: flex;
	flex-direction: row;
}

.input-icon {
	border-left: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

.binput-icon {
	border-left: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	padding: 12px;
}

.input-with-icon {
	border: 1px solid #dddddd;
	outline: none;
	flex: 1;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

.input-create-account {
	border-radius: 7px !important;
}

.input-icon, .input-with-icon {
	padding: 12px;
}

.input-icon {
	padding: 12px;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}

.loginbtn {
	width: 180px;
}
.googlelogin {
	width: 100%;
	color: #fff;
}

.or {
	padding: 12px 0px 12px 0px;
	color: #a2a0a0;
}

.text-color {
	color: #a2a0a0;
}

.text-color-white {
	color: #ffffff;
}

.logo-head {
	margin-left: 4%;
}

.hero-text {
	color: #ffffff;
}

.hero-text>span:first-child {
	font-size: 32px;
	font-weight: bold;
}

.login-btn {
	margin-top: 32px;
}


.login-input>input {
    min-height: 40px;
    width: 100%;
    display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border-width: 1px 0 1px 1px;
	border-color: #ccc;
	border-style: solid;
	border-radius: 4px;
}

.form-input {
    min-height: 40px;
    width: 100%;
    display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid  #ccc;
	border-radius: 4px;
}

.or-part{
   color: #9c9c9c;
   margin: 10px auto 16px;
   width: 200px;
}
.or-part:before,
.or-part:after {
    content: '';
    border-top: 1px solid #9c9c9c;
    margin: 0 20px 0 0;
    flex: 1 0 20px;
}

.or-part:after {
    margin: 0 0 0 20px;
}
.form-input-grps{
	margin-bottom: 16px;
}

.login-btn>button:first-child {
	padding: 12px;
	width: 30%;
	border-radius: 25px;
	border: none;
	font-size: 14px;
	color: #1f5dea;
	background-color: #ffffff;
	box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px
		rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12);
}

.login-btn>button:nth-child(2) {
	padding: 12px;
	width: 30%;
	border-radius: 25px;
	border: none;
	font-size: 14px;
	color: #ffffff;
	background-color: #1f5dea;
	border: 1px solid #ffffff;
}

.hero-text>p {
	padding: 17px 0px 24px 0px;
	color: #d6d6d6;
}

.how-works {
	padding: 100px 0px 100px 0px;
}

.how-works>div>p {
	padding: 20px 0px 20px 0px;
	font-size: 16px;
	color: #828181;
}

.how-works>div>button {
	padding: 12px;
	font-size: 14px;
	border-radius: 5px;
	border: none;
	background-color: #1f5dea;
	width: 30%;
	color: #ffffff;
	box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px
		rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12);
}

.cloud-spend {
	background-color: #1f5dea;
	padding: 52px 0px 52px 0px
}

.cloud-spend-text>span {
	color: #adbfd6;
	font-size: 14px;
}

.cloud-spend-text>span:first-child {
	font-size: 42px;
	color: #fff
}

.real-time {
	padding: 21px 0px 21px 0px;
}

.cloud-spend-text>p {
	color: #cccccc;
}

.cloud-spend-text>span>i {
	border: 1px solid #93b1d0;
	border-radius: 25px;
	padding: 15px;
	font-size: 15px;
	margin-right: 16px;
}

.accurate-report {
	padding-top: 40px;
}

.how-it-works {
	padding: 40px 0px 0px 0px;
}

.how-it-works>span {
	font-size: 42px;
}

.how-it-works>p {
	color: #8a8181;
}

.uob {
	text-align: center;
	padding: 30px 0px 70px 0px;
}

.get-footer {
	text-align: center;
	background-image: url(http://via.placeholder.com/1150x250);
	height: 250px;
}

.get-footer>div {
	color: #fff;
	font-size: 42px;
}

.get-footer>p {
	padding: 16px 0px 16px 0px;
}

.get-footer>button {
	padding: 11px 28px 11px 28px;
	border-radius: 25px;
	border: none;
	color: #ffffff;
	background-color: #1f5dea;
}

.testimonial {
	background-image: url(http://via.placeholder.com/1150x250);
	padding: 15px;
}

.testimonial>div>button {
	padding: 13px;
	border-top-left-radius: 25px;
	width: 13%;
	border-radius: 25px;
	border: none;
	background-color: #1f5de8;
	color: #fff;
	font-size: 14px;
}

.testmonial-info>span:first-child {
	font-size: 18px
}

.testmonial-info>span:nth-child(2) {
	font-size: 12px;
	padding: 10px 0px 10px 0px;
}

.testmonial-icon {
	padding: 0px 10px 0px 10px;
}

.profile-testmonial {
	border-radius: 33px;
}

.error-handle {
	padding: 12px 0px 9px 11px;
	background-color: #fe5339;
	border-radius: 6px;
	margin-bottom: 18px;
	color: #ffffff;
}

.input-create-account {
	border-radius: 7px !important;
}

.create-account-btn {
	padding: 13px;
	border: none;
	background-color: #1f5dea;
	color: #fff;
	border-radius: 5px;
}

.detailed-feed {
	padding: 50px 0px 50px 0px
}

.detailed-feed-img {
	float: left;
}

.header-background {
	background-color: #1f5dea;
}

.img-shadow {
	box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px
		rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12);
}

.testmonials-text {
	padding: 70px 0px 100px 0px;
	font-size: 40px;
}

.signin-toggle>span {
	font-size: 16px;
	color: #1f5dea;
}


.heading-font {
	font-size: 42px
}

.login-form-input {
	margin: 0px 0px 17px 0px;
}
.login-forgot {
	text-decoration: none;
}
.login-forgot>div>span>a, .navbar>ul>li>span>a {
	text-decoration: none;
	color:#2962FF;
}
.login-btn {
  width: 200px;
}
.login-block {
  padding: 8px;
}
.newAccount{
	margin-top: 20px;
}
#register{
	color:#2962FF;
	text-decoration: none;
	margin-left: 2px;
}

#register>a{
	color:#2962FF;
	text-decoration: none;
	margin-left: 2px;
}

.progress-cir {
	margin: 10px;
}

.login-form {
	margin-top: 10%;
}

.search-box {
	background-color: #e6e6e6;
	padding: 1px 2px 1px 8px;
	border-radius: 3px;
}

.search-box:focus {
	background-color: #ffffff;
	padding: 1px 2px 1px 8px;
	border-radius: 3px;
	border: 1px solid red;
}

.text-eclipse {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 3px;
	font-size:13px;
	width: 100px;
}

.card-padding {
	padding: 10px 6px 10px 6px;
}

.icon-color md-icon {
	color: rgb(41, 98, 255) !important;
}

.active, .date-picker .btn-info.active, .date-picker .btn-info.active:hover, .uib-datepicker-popup .btn-info.active, .uib-datepicker-popup .btn-info.active:hover{
	background-color: #eee;
	outline: none;
}
.expired {
	opacity: 0.5;
}

.expired-milestone{
	color: #b7b7b7 !important;
}
.expired-details{
	border-left: 3px solid #7793de !important;
}

.selected {
	background-color: rgb(41, 98, 255) !important;
	color: #fff;
}

.selecting {
	background-color: rgb(41, 98, 255) !important;
}

.icn-color {
	color: rgba(0, 0, 0, 0.54) !important;
}

.back-color{
	color:rgb(41,98,255);
	outline:none;
}
.back-color>md-icon{
	color:rgb(41,98,255);
}
.search-dlg{
	background: #fff;
	border-radius: 3px;
}
.search-dlg>md-icon{
	padding: 0px 1px 0px 9px;
	color: rgba(0, 0, 0, 0.54) !important;
}
.search-dlg>input{
	padding: 7px;
	border: none;
	border-radius: 3px;
	outline: none;
}
.dlg-header{
	background-color: #2962ff;
    padding: 7px;

}
.select-input>select{
	width: 90%;
}
.add-tags{
	background: #ffffff;
    border: none;
    padding: 5px;
    border-radius: 4px;
    color: #2962ff;
	border: 1px solid #2962ff;

}
.key-value{
	padding-right: 5px;
}
.add-tag-btn{
	padding: 5.5px;
    border-radius: 3px;
    border: none;
    background-color: #2962ff;
    color: #fff;
}
.chip {
	display: inline-block;
    padding: 0 8px;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    border-radius: 20px;
    background-color: #2962ff;
    color: #fff;
}

.closebtn {
    padding-left: 10px;
    color: #fff;
    font-weight: bold;
    float: right;
    font-size: 20px;
    cursor: pointer;
}

.closebtn:hover {
    color: #000;
}
.tag-menu{
	position: absolute;
    padding: 9px 4px 8px 6px;
	background-color: white;
	border: 1px solid #d8d8d8;
}

.key-input{
	margin-bottom: 12px;
    border-radius: 4px;
    border: 1px solid #cccccc;
}

.search-res{
	border: none;
	min-width:48px;
	background-color: #2962ff;
	padding: 3px;
}

.search-dash{
	border: none;
	min-width:48px;
	background-color: #fff;
	padding: 3px;
}
.search-box-global{
    background-color: #fff;
    border: 0.5px solid #b0b0b0;
    border-radius: 4px;
}

.md-open-menu-container>.dashmenu-height{
	max-height: 400px;
	padding-top: 0px;
}
.md-open-menu-container>.groupmenu-height{
	max-height: 330px;
}

.disable:hover, md-table-container tr[disabled] {
	background-color:rgb(255,255,255) !important;
}
.disable-color, .disable-color md-icon, .disable-color td, .disable-color p, .disable-color h3, .disable-color h4, .disable-color span{
	color: #bdbcbc !important;
}
.form-group>.form-control[readonly].disable-input {
  background-color: #eee !important;
  opacity: 1;
  cursor: not-allowed;
}
.form-group > md-chips.form-control[readonly].disable-input > md-chips-wrap > md-chip {
  color: rgba(0,0,0,0.38);
}
md-table-container tr[disabled] td {
	color: #bdbcbc !important;
	cursor: default;
} 
.add-placeholder>md-icon{
	font-size: 117px;
	height :117px;
	width :117px;
    color: #c3c3c3;
}
.add-placeholder>span{
	color:#777777;
	margin-bottom: 8px;
}
.add-placeholder{
	padding-top:20px
}
.menu-icon{
	outline: none;
	cursor: pointer;
}
.search-box-global>div>input{
	border: none;
	outline: none;
	font-size: 12px;
	padding: 0px 0px 0px 12px;
	margin: 4px 0px;
}
.search-box-global>div>select{
	border: none;
    font-size: 14px;
    color: #898887;
    outline: none;
    margin: 4px;
    background: inherit;
}
.fav>md-icon{
	color:#2962ff !important;
}

.fav>.md-button{
	margin: 0 0px;
}
.md-row {
	cursor: pointer;
	outline: none;
}
.date-range{
	padding-top: 6px;
}
.input-item{
	min-height: 28px;
	height:28px;
	max-height: 28px;
}
.card-text-heading{
	font-size: 20px;
}

select.form-control:not([size]):not([multiple]) {
    height: 34px !important;
}
.add-alert{
	padding-top: 15px;
}
.backgroundonexpand {
    background-color: rgb(41,98,255) !important;
}
.backgroundonexpand td, .backgroundonexpand md-icon {
    color: #ffffff !important;
}
backgroundonexpand:hover{
	background-color: rgb(41,98,255) !important;
}
.pointer {
	cursor: pointer;
	outline: none;
}
.alert-search{
    background-color: #ffffff;
    padding: 1px;
    border: 1px solid lightgrey;
    border-radius: 3px;
}
.select-color.md-selected{
    background-color: #c7c7c7 !important;
}
.select-color.md-selected:hover{
    background-color: #c7c7c7 !important;
}
.icon-color{
	color: #2962ff !important;
}
  
  .placeholder {
	margin: 10px 0px 0px 0px;
	width: 100%;
	height: 27px;
	background-color: #eee;
	display: flex;
  }

  .placeholder-cards {
	margin: 1px auto;
	width: 100%;
	height: 19px;
	background-color: #eee;
	display: flex;
  }

  .placeholder-cards-mid {
	width: 60%;
	height: 19px;
	background-color: #eee;
	display: flex;
  }
  .placeholder-cards-graph {
	margin: 11px 0px 0px 0px;
    width: 100%;
    height: 22px;
    background-color: #eee;
    display: flex;
   }
  
  
  
  .animated-background {
	width: 200px;
	flex: 1;
  }
  
  @-webkit-keyframes placeHolderShimmer {
	0% {
	  background-position: -468px 0;
	}
	100% {
	  background-position: 468px 0;
	}
  }
  
  @keyframes placeHolderShimmer {
	0% {
	  background-position: -468px 0;
	}
	100% {
	  background-position: 468px 0;
	}
  }
  .animated-background {
	-webkit-animation-duration: 1.25s;
			animation-duration: 1.25s;
	-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	-webkit-animation-name: placeHolderShimmer;
			animation-name: placeHolderShimmer;
	-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
	background: darkgray;
	background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
	background-size: 800px 104px;
	height: 100%;
	position: relative;
	border: 4px solid #fff;
  }
  .form-horizontal .form-margin{
	margin: 16px 0px 16px 0px !important;
}

/* .form-control{
	min-height: 34px !important;
} */
.budget-card{
	overflow-x : auto;
}

@media (max-width: 600px) {
.budget-card{
    	margin: 14px 8px 14px 8px;
	}

.resource-name>span:nth-child(2) {
	color: rgb(132 130 130);
	font-size: 10px;
}
}

.budget-card>div{
	 border-bottom: 0.3px solid #d5d5d5;
	 height: 30px;
}

.budget-card>.budget-list:hover{
	background-color: #eee;
}

.resource-name>span:first-child{
	font-size: 18px;
    color: #2962ff;
    padding-right: 10px;
}


.dot {
    height: 15px;
    width: 15px;
    border-radius: 50%;
    display: inline-block;
}
.pass-error{
	color: #fe5339 !important;
	font-size: 12px;
}
.pass-right{
	right: 35px !important;
}
.border-pass{
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}


.budget-spend{
	color: #2962ff;
    line-height: 1px;
    width: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.date-pick{
	font-size: 14px !important;
    color: #2962ff;
    background-color: #fff;
}

.date-picker-xs{
	padding: 7px 0px 7px 0px;
    border-bottom: 1px solid #e6e6e6;
}

@media (max-width: 480px) {
	.search-group{
		margin: 7px 15px 0px 15px;	
	}
}

.search-box{
	background: #fff;
    overflow: auto;	
}
.search-box-move{
	position: absolute;
	background: #fff;
	max-height: 75vh !important;
	overflow: auto;
	width: 100%;
	
}

.search-list>md-icon{
	color:#777777 !important;

}
.search-list>p{
	font-size: 13px;
}

.pass-btn{
	margin-bottom: 0;
	color: #c5c8ca;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 0px 4px 4px 0px;
	border-left: none;
	width:100%;
	height: 100%;
}

.pass-btn>i{
	padding: 9px;
}

.select-resource{
	color: rgb(62, 18, 18);
    font-size: 13px;
	border: none;
	background-color: #fff;
	margin-right: 8px;
	
}
md-autocomplete-wrap > md-progress-linear {
	display: none;
}
md-autocomplete-wrap{
 box-shadow : none !important;
}

.subrows{
	padding: 3px 0px 3px 0px;
	border-bottom: 0.5px solid #dbdbdb;
}
.subrows:hover{
	background-color: #eee;
}
.subrows>div:first-child, .detail-head>div:first-child {
	padding-left: 28px;
	width: 40%
}
.data-col{
	height:32px;
	padding: 0px 0px 10px 0px;
}

.subrow-table{
	max-height: 236px;
	overflow: auto;
	display: block;
}

.detail-head{
	background-color: #8c8b8b;
	color: #fff;
}
.selectrow-head{
	background-color: #2962ff !important;
	color: #fff !important;
}
.selectrow-head:hover{
	background-color: #2962ff !important;
	color: #fff !important;
}
.md-scroll-mask{
	z-index: 1 !important;
}
.detail-table{
	width: 15%
}

.head-bg{
	height: 30px;
}

.bgdisable{
	background-color: #f1f1f1;
}
.mdCheck{
	margin-left: 21px;
	color: rgb(41,98,255);
	 font-size: 15px;
}
.bread-crumb-container{
	display: flex;
}
.bread-crumb{
	text-overflow:ellipsis;
	overflow:hidden;
	white-space: nowrap;
}
.btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info{
	color:#269abc !important;
	font-weight: bold !important;
}

.selectColor>md-select-value>span{
	color: #ffffff !important;
}

hr{
	 margin-top: 10px !important;
    margin-bottom: 10px !important; 
}

.alert-heading{
	font-size: 16px;
	color: #2962ff;

}

.scroll-list{
	max-height: 70vh;
    overflow: auto;
}
.watch-head{
	max-height: 40px;
    height: 40px;
    min-height: 40px;
    z-index: 1;
}

.watch-head> span {
	padding: 8px 5px 7px 9px;
    font-size: 17px;
}
.dialog-footer{
	position: fixed;
    bottom: 0;
	width: 100%;
	border-top-color: rgba(0,0,0,0.12);
    border-top-width: 1px;
	border-top-style: solid;
	background: #fff;
}

.billing-export > span:first-child{
	font-size: 30px;
	padding: 12px 0px 9px 0px;
	letter-spacing: 3px;
}
.billing-export>span:nth-child(2){
	text-align: center;
	width: 50%;
	color: #979494;
	padding: 1px 0px 10px 0px;
}
.billing-export>span:last-child {
	width: 50%;
	color: #979494;
	padding: 1px 0px 10px 0px;
}
.center-input{
	margin: 0 auto;	
}

.card-height{
	height: 50%;
}
.desp-padding{
	padding-bottom: 10px;
	color: #979494;
}

.dlg-content{
	height:100vh;
	overflow-x: hidden;
}
.filters{
	border-right: 1.1px solid #d3d3d3;
}

.autoco-input{
	border: 1px solid #ccc;
    border-radius: 4px;
    height: 36px;
}
.icon-size{
	font-size: 60px;
    height: 60px;
}
.filter-head{
	padding: 11px;
    background-color: #bcb5b5;
}
.filter-head>span{
	color: #000 !important;
}
md-tab-group { height: 100%; }

.log-height{
	height: calc(100vh - 116px);
	overflow-x:hidden;
	overflow-y:auto
}

.user-height{
	height: calc(100vh - 20vh);

}

.date-cell-width{
	width:200px;
}
.rightside-nav{
  position: fixed;
  top:48px
}
.setting-padding{
	padding: 8px;
}

.switch-margin{
	margin:0px !important;
}

.budget-head{
	padding: 4px 16px 4px 16px;
	height: 40px;
	border-bottom: 1px solid #547ae4;
	font-size: 16px;
	background-color: #e8eeff;
}


.budget-head>span>button{
	border: 1px solid rgb(41,98,255);
    border-radius: 2px;
    color: #ffff;
    position: relative;
    background-color: rgb(41,98,255);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}
.check-margin{
	margin-bottom: 0px !important;
	color:#2962ff !important;
	font-size: 14px;
}

.check-margin>.md-container>.md-icon{
	border-color:#2962ff ;
	
}
.drop-button{
	font-size: 14px;
    background-color: #fff;
    border: 1px solid #2962ff;
    border-radius: 3px;
    color: #2962ff;
    padding: 6px 1px 4px 8px;
    margin: 0 8px;
}
.das-margin{
	margin:8px;
}

.das-margin>div{
	margin-bottom:8px;
}

.input-padding{
	padding: 24px 0px 24px 10px;
}

.login-logo{
	max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.selectinput{
    margin:0px;
}

.selectinput>md-select-value{
	border: none;
	margin-top: -4px;
    font-size: 12px;
}

.selectinput.md-default-theme:not([disabled]):focus .md-select-value, .selectinput:not([disabled]):focus .md-select-value {
    border:none;
    color: rgba(0,0,0,0.87);
}

md-select-header md-checkbox{
	margin-left: 10.66667px !important;
    margin-top: 16px;
}

.form-control-budgets {
    display: block;
    width: 100%;
    height: 30px;
	padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.panel-height .panel-heading{
	min-height: 38px;
}
.accordion {
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
	margin-bottom: 15px;
  }
   
  .expandcollapse-heading-collapsed {
	cursor: pointer;
	padding:1px 20px;
	z-index: 100000000;
	color: black; 
	background-color: #bfbebe;	
  }
 
  .expandcollapse-heading-expanded {
	cursor: pointer;
	z-index: 100000000;
	padding: 1px 20px;
	color:#fff;

	background-color:rgb(115, 115, 115);
  }
  
  .slideDown.ng-hide {
	max-height:0;
	transition:max-height 0.35s ease;
	overflow:hidden;
	position:relative;
  }

  .slideDown {
	max-height: 100%;
    transition: max-height 0.35s ease;
	overflow-x: hidden;
	overflow-y: auto;
    position: relative;
    border: 1px solid #ccc;
  }

  .slideDown.ng-hide-remove,
  .slideDown.ng-hide-add {

 }
  
  .slideDown.ng-hide-add {
	animation-name: hide;
	-webkit-animation-name: hide;  
	animation-duration: .5s; 
	-webkit-animation-duration:.5s;
	animation-timing-function: ease-in;  
	-webkit-animation-timing-function: ease-in;  
  }
  
  .slideDown.ng-hide-remove {
	animation-name: show;
	-webkit-animation-name: show;  
	animation-duration: .5s; 
	-webkit-animation-duration: .5s; 
	animation-timing-function: ease-out;  
	-webkit-animation-timing-function: ease-out;  
  }

  .resource-head {
	background-color: #bfbebe;
   }

   .resource-head-budget {
		background-color: #fffefe;
		padding: 0px;
		border: 1px solid #d4d4d4;
		margin-bottom: 8px;
   }
   .resource-budget-grand{
		background-color: #fffefe;
		padding: 0px;
		border: 1px solid #d4d4d4;
		margin: 8px 8px 8px 64px;
   }

   .resource-budget-grandbudgets{
		background-color: #fffefe;
		padding: 0px;
		border: 1px solid #d4d4d4;
		margin: 8px 8px 8px 96px; 
   }

   .budget-expand{
		background-color: #bfbebe;
   }

   .budget-collaspe{
	   background-color: #fff;
   }
   
   .dlg-font{
	   font-size: 16px;
   }
   .bottom-right-fixed {
		bottom: 0;
		right: 0;
		position: fixed;
		white-space: nowrap;
		z-index: 21;
	}
	
	.card-enable{
		padding: 8px;
		border-left: 4px solid rgb(41,98,255);
	}

	.card-disable{
		padding: 8px;
		border-left: 4px solid #888888;
	}
    .btm-margin{
		margin-bottom: 71px;
    }
	
	.disable-cursor{
		cursor: not-allowed !important;
	}
	
	.invoice-select{
		padding: 5px;
		width: 100%;
		border: 1px solid #e2e2e2;
		border-radius: 3px;	
	}

    .invc-card{
		background-color: #e8e8e8;
		padding: 30px;
		min-height:100%;
	}

	.invc-card>span:first-child{
		color: rgb(41,98,255);
		border-bottom: 1px solid #d0d0d0;
	}

	.invc-card>span:nth-child(2){
		color: rgb(41,98,255);
		border-bottom: 1px solid #d0d0d0;
		padding-bottom: 4px;
	}

	
	.invc-card1{
		margin: 10px 0px 20px 0px;
	}

	.invc-card1>span:first-child{
		color: rgb(41,98,255);
		border-bottom: 1px solid #d0d0d0;
		padding-bottom: 4px;
	
	}

	.invc-card1>span:nth-child(2){
		padding: 10px 0px 0px 0px;
		color: rgb(41,98,255);
        font-size: 30px;
	}

	.invc-card2>span:first-child{
		color: rgb(41,98,255);
		border-bottom: 1px solid #d0d0d0;
		padding-bottom: 4px;
	
	}

	.invc-card2{
		padding-top:32px;
	}

	.summary-pstn{
		float: right;
	}

	.invc{
		height: calc(100vh - 40vh);
		border: 1px solid #b7b7b7;
	}

	.invc-div2{
		overflow-x: hidden;
		overflow-y: auto;
		height: 60vh;
	}
	.table-cusr{
		cursor: default !important;
	}
  
	.google-visualization-tooltip{
		height: auto !important;
	  }
	  
	  .custom-tooltip>.google-visualization-tooltip-item>span {
	  	font-family: Roboto;
    	font-size: 16px;
    	color: rgb(0, 0, 0);
    	opacity: 1;
    	margin: 0px;
		text-decoration: none;
		
	  }
	  .custom-tooltip>.google-visualization-tooltip-item:first-child,  .custom-tooltip>.google-visualization-tooltip-item>span>span {
	  	font-weight: bold;
	  }
	  .budget-user{
		border-radius: 50%;
		width: 42px;
		height: 41px;
		margin-right: 6px;
	  }
       .col-height{
		min-height: 55px;
	   }
	  .state-drop>span:first-child{
		font-size: 12px;
		color: #989898;
	  }
	  .state-drop>span:nth-child(2){
		  float: right;
	  }
	  .state-drop>md-menu-content{
		min-width: calc(100vw - 62vw);
	  }

	  md-select.md-default-theme.ng-invalid.ng-touched .md-select-value, md-select.ng-invalid.ng-touched .md-select-value{
		  color:#b1afaf!important;
	  }
/* Large desktops and laptops 
@media (min-width: 1200px) {

}*/

/* Landscape tablets and medium desktops 
@media (min-width: 992px) and (max-width: 1199px) {

}*/

/* Portrait tablets and small desktops 
@media (min-width: 768px) and (max-width: 991px) {

}*/

/* Landscape phones and portrait tablets 
@media (max-width: 767px) {

}*/

/* Portrait phones and smaller 
@media (max-width: 480px) {

}*/
md-option img, md-select-value img {
	padding: 0px 10px 0px 0px;
	max-height: 16px;
}
@media (max-width: 960px) {
	.app-header .onix-logo {
		max-height: 48px;
		display: block;
		padding: 10px 18px;
	}

	.resource-name>span:nth-child(2) {
		color: rgb(132 130 130);
		font-size: 10px;
	}

	.threshold-percentage {
		background-color: #f8f8f8; 
		padding: 0px; 
		color: #000; 
		border: 0px; 
		margin-right: 5px;
		font-size: 15px;
		font-weight: 500
	}
	.menu-top{
		margin-top: 52px;
	}

	 /* For dialog which have toolbar, search bar and action button small dialog content area */
	 .dlg-small{
		min-height: calc(100vh - 160px);
	}
	/* For dialog which have toolbar and action button medium dialg content area */
	.dlg-medium{
		min-height: calc(100vh - 108px);
	}

	/* For  large content area for confirm dialog*/
	.dlg-large{
		min-height: calc(100vh - 108px);
	}	
	.account-summary {
		margin-bottom: 12px;
	}
	.mrgn-top{
		margin-top: 30px;
	}
}
@media (min-width: 960px){
 .dlg-fullscrheight{
		min-height: calc(100vh - 50vh);
	}
	.resource-name>span:nth-child(2){
		color: rgb(132 130 130);
		font-size: 14px;
	}
}
.report-select{
	min-width: 100%;
    padding: 13px;
    font-size: 14px;
	border: 0.5px solid #eee;
}
.attachment-icon {
	padding: 0px 5px;
}

md-menu-item>a.md-button{
	padding-top:0px;
}
.help-head{
	font-size: 10px;
    color: #949494;	
    text-transform: uppercase;
}
.help-body {
  font-size: 12px;
}
.form-control[readonly] {
	background-color: initial !important;
}
.clickable {
	cursor: pointer;
}
.link {
	color: rgb(41,98,255);
	text-decoration: underline;
}
.resource-props {
	padding: 8px 0;
}
.resource-props > span > div {
	white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
}
.resource-props > span {
	margin-bottom: 8px;
}
 
.integ-head{
	border-bottom: 1px solid #e4e4e4;
    padding-bottom: 7px;
}
/*
md-dialog.fullscreen-dialog {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    border-radius: 0;
} */

.close-pad{
	padding-top:20px;
}
.email-frmt{
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.email-frmt>div:first-child{
	padding: 9px 0px 0px 9px;
	font-size: 12px
}
.no-brdr{
	border: none !important;
	outline: none!important;
	box-shadow: inset 0 1px 0px rgba(0,0,0,.075)! important;
}
.no-brdr:focus-within{
	border: none !important;
	box-shadow: inset 0 1px 0px rgba(0,0,0,.075)! important;	
	outline-width: 0px !important;
	outline: none!important;
}
.email-cc {
	color: #777;
	padding-top: 9px;
}
.plcholder, .plcholder label, .plcholder input {
	font-size: 12px;
}
.email-cc>span:nth-child(2){
	padding-left : 10px; 
}
.small-btn{
	min-height: 32px;
    line-height: 32px;
    font-size: 12px;
}
.introjs-tooltipReferenceLayer>.introjs-helperNumberLayer {
	border: 2px solid #fff;
	background: rgb(41,98,255);
	text-shadow: none;
}
.onix-intro .introjs-button.introjs-nextbutton, .onix-intro .introjs-button.introjs-donebutton{
    background: rgb(41,98,255);
    color: #fff;
    border: transparent;
}
.onix-intro .introjs-button.introjs-disabled {
	display: none;
}
.onix-intro .introjs-button:hover {
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}
.onix-intro .introjs-button {
	background: #fff;
    color: #444;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 2px;
    font-weight: 700;
    vertical-align: middle;
    display: inline-block;
    text-shadow: none;
    user-select: none;
    white-space: nowrap;
    margin-left: 12px;
    margin-right: 0;
    text-decoration: none;
    outline: none;
    border: 0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}
.onix-intro.introjs-tooltip {
	min-width: 250px;
}
.onix-intro.introjs-helperLayer {
    background-color: transparent;
}
.introjs-tooltiptext>.tutorial-header {
    font-weight: 700;
    font-size: 15px;
    color: rgba(0,0,0,.654);
}
.introjs-tooltiptext>p{
	font-size: 12px;
    padding: .5em 0;
    margin: 0px;
    color: rgba(0,0,0,0.54);
}
.introjs-overlay {
    opacity: 0 !important;
}

.introjs-helperLayer:before {
    opacity: 0;
    content: '';
    position: fixed;
    width: inherit;
    height: inherit;
    border-radius: 0.5em;
    box-shadow: 0 0 0 1000em rgba(0,0,0, .7);
    opacity: 1;
}

.introjs-helperLayer:after {
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    z-index: 1000;
}
.chart-head{
	font-size: 16px;
	color: #2962ff;
	padding-right: 8px;
}

.chart-head-padding{
	padding: 8px 8px 8px 16px;
}
.btm-border{
	border-bottom: 1px solid #e7e7e7;
}

.autocomplete-height>md-autocomplete{
	height: 30px;
}

.autocomplete-height>md-autocomplete>md-autocomplete-wrap>input{
	height: 34px;
}
md-autocomplete>md-autocomplete-wrap>input {
	font-size: 14px;
    box-sizing: border-box;
    border: none;
    box-shadow: none;
    outline: none;
    background: transparent;
    width: 100%;
    padding: 0 15px;
    line-height: 40px;
}

.autocomplete-height.ng-show{
	transition:all linear 0.5s;
}
.search-padd{
	padding: 5px 12px 5px 12px;
}
.over-spend{
	color : #fe5339;
}
.chip-scroll {
	overflow-x: auto;
}
.chip-scroll>md-chips-wrap {
	display: flex;
    overflow-x: auto;
    flex-wrap: nowrap;
}
.chip-scroll>md-chips-wrap::-webkit-scrollbar {
  display: none;
}
.milestone-card{
	background-color: rgb(115, 115, 115);
	padding: 7px 7px 7px 17px;
    color: #fff;
}
.milestone-details{
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
	border-left: 3px solid #2962ff;
}
.milestone-details>.form-group{
	margin-top: 15px;
}

.milestone-list-card{
	border-bottom: 0.3px solid #d5d5d5;
}
.milestone-list-card:hover{
	background-color: #eee;
}

.milestone-details>div{
	padding: 0px 8px 0px 8px;
}

.error-red{
    color: #fe5339;
}

.user-image>img{
	height: 40px;
    width: 40px;
    border-radius: 50%;
}

.shareTitle{
	padding-left: 8px;
	padding-top: 8px;
	font-size: 16px;
	font-weight :500;
}

.checkboxbottom > md-checkbox {
   margin-bottom: 0px;
}
.column-picker-list>md-list-item, .column-picker-list md-list-item .md-list-item-inner{
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 22px;
    height: auto;
    max-height: 29px;
}
.selectable>md-list-item:not([disabled]):hover, .selectable>md-list-item:not([disabled]):hover {
    background-color: rgba(158,158,158,0.2);
}
.column-picker-list>md-list-item md-checkbox {
	margin-right: 0px;
	transform: scale(0.80);
}

table.md-table.fixed-columns {
    table-layout: fixed;
}
.progress-bar-container{
	max-width: 260px
}
.progress-bar-container .progress-bar-box {
	height: 20px;
}
.progress-bar-container .progress-bar-text {
	text-align: left;
}
.progress-bar-container .md-container {
	border-radius: 10px;
	background-color: #dddddd;
}
.progress-bar-container md-icon {
	font-size: 18px;
	padding-top: 2px;
	text-align: center;
}

.filter-percent>span:first-child{
	padding-right: 10px;
}

.filer-date>span:first-child{
	padding-right: 10px;
}

.tooltip-detail {
	height: auto; 
	max-width: 300px;  
	overflow: visible; 
	white-space: normal;
	line-height: 16px;
}

.setting-watched-resource{
	background-color: #e8e8e8;
	padding: 8px;
	border: 1px solid #d4d4d4;
	margin: 8px 8px 8px 8px;
}

.setting-watched-channel {
    background-color: #fffefe;
    padding: 8px;
    border: 1px solid #d4d4d4;
    margin: 8px 8px 8px 48px;
}
.link, td.md-cell.link {
	color: #2962ff;
    text-decoration: none;
    background-color: transparent;
}
.link>a {
	color: #2962ff;
    text-decoration: none;
    background-color: transparent;
}

.link>a:hover {
	color: #2962ff;
    background-color: transparent;
}
.link:focus, .link:hover, td.md-cell.link:focus, td.md-cell.link:hover {
    color: #2962ff;
}

.kpi-list>span:first-child{
	text-align: right;
}

.kpi-list>span:first-child>md-checkbox{
	padding-right: 15px;
}

.kpi-list>span:nth-child(2)>img{
	width:55%;
}


.kpi-list>span:nth-child(2){
	font-size: 16px;
}

.kpi-list>span:nth-child(3){
	text-align: center;
}
.kpi-list>span:nth-child(4){
	text-align: center;
}
.kpi-multiple>span:first-child{
	font-size: 14px;
}

.kpi-multiple>span:nth-child(2){
	font-size: 16px;
}

.kpi-multiple>span:nth-child(3){
	font-size: 14px;
}

.custm-charts {
	margin-bottom: 16px;
}

.head-title>span>.title-input{
	margin-bottom: 0px;
}


.head-title>span>span:nth-child(2) {
	font-size: 12px; color: #9e9e9e;
}

.chart-name>.title-input{
	margin-bottom: 0px;;
}

.head-title>span{
	font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
}

.card-mrgn{
	margin-bottom: 28px;
}

.card-mrgn>.title-input{
	margin-bottom: 0px;
}

.top-margn{
	margin-top: 8px;
}
.head-title>span>span>input{
	width: 100%;
	padding: 6px 12px;
	font-size: 16px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.resource-type>span:first-child{
	font-size: 14px;
    font-weight: 500;
    margin-bottom: 4px;
}
.resource-type>.title-input{
	margin-bottom: 0px;
}

.dim-options {
	padding-right : 16px;
}

.charts-optns>span:first-child{
	font-size: 14px; 
	font-weight: 500;
	 margin-bottom: 4px;
}

.charts-optns>div>div{
	margin-right: 16px
}

.hr-tag{
	height: 1px;
    background-color: #ababab;
    margin: 25px 0px 25px 0px;
}
md-radio-button.checkbox-radio .md-on {
	background-color: rgba(30,136,229,1);
}
md-radio-button.checkbox-radio.md-checked .md-on {
	-webkit-transform: scale(0.9);
    transform: scale(0.9);
}
md-radio-button.checkbox-radio.md-checked .md-on:after {
	box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    display: table;
    width: 6.66667px;
    height: 13.33333px;
    border-width: 2px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    content: "";
    color: #FFF;
    left: 6.66667px;
    top: 2.22222px;
}
md-radio-button.checkbox-radio .md-container {
	top: 10%;
    right: 16px;
    left: unset;
    z-index: 1;
}
.checkbox-radio>div:nth-child(2)>span:first-child{
	margin-bottom: 13px;
}
.kpi-list>md-radio-button {
	padding: 35px 5px 22px 44px;

}
.kpi-list img {
	max-width: 150px;
	max-height: 150px;
}

/* .title-input>input{
	font-size: 22px; 
	height: 40px;
} */

.disable-div{
	pointer-events: none;
    opacity: 0.3;
}

table.google-visualization-table-table tbody > tr.table-space{
	white-space: nowrap;
}

.dast-title-bar>span:first-child{
	color: #2962ff;
    font-size: 18px;
}

.total-spnd{
	padding : 20px 0px 16px 16px;
}

.total-spnd-detail {
  padding-left: 16px;
}

.total-spnd-detail md-icon {
  font-size: 20px;
  width: 20px;
  min-width: 20px;
  color: inherit;
}
.detail-spend {
  color: rgb(132 130 130);
  font-size: 16px;
}
.detail-spend.above-spend {
  color: red;
}
.detail-spend.below-spend {
  color: green;
}
.total-spnd>span:first-child, .total-spnd-detail>div>span:nth-child(2){
  font-size: 12px;
  color: rgb(132 130 130);
}

.total-spnd>span:nth-child(2){
	font-size: 35px;
}
.action-buttons>.md-icon-button {
  height: 32px;
  width: 32px;
  min-height: 32px;
  padding: 2px;
}
.budget-header {
  color: rgba(0,0,0,.54);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.create-bdt-btn{
	padding:0 12px
}

.create-bdt-btn>md-icon{
	margin: 0 -2px 1px 0;
	font-size: 23px;
}

.chckbox-padng>md-checkbox:not(:first-child){
	margin-left: 0px !important;
}

.chckbox-padng>md-checkbox{
	min-height: 35px;
}

.invc-dasbth{
	padding-top:8px
}
.invc-dasbth>button{
	color: #2962ff;
	background-color: rgba(158,158,158,0.2);
	margin: 0px;
  text-transform: initial;
}

.validation-block{
	color: #fe5339;
	margin-top: 2px;
	font-size: 12px;
}
.md-month-range-picker__calendar__grid {
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.md-date-range-picker__calendar__not-in-active-month.md-date-range-picker__calendar__selected {
    color: rgba(255,255,255,1);
}
.btn-icon-mrgn{
	margin: 0 4px 4px 0
}
.datePicker>.md-datepicker-input-container{
	border: none
}
.datePicker>button{
	margin: -12px!important;
}

.datePicker>button>md-icon{
   color:#2962ff
}

.md-default-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-default-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator{
	background-color: #f08830;
	border-radius: 6px;
	color: #ffffff;
}
.md-calendar-date-selection-indicator {
    transition: background-color,color .4s cubic-bezier(.25,.8,.25,1);
    border-radius: 6px;
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 44px;
}
.md-default-theme .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
	border: none;
	font-weight: bold;
	
}
.exclude-credit{
	margin: 8px 8px;
}
.notif{
	min-height: calc(100vh - 200px);
}
.notif-panel{
	min-height: 50vh;
	min-width: 30vw;
}
.notif>div:hover{
	background-color: rgba(158,158,158,0.2);
  }

  .notititle {
	color: #2962ff;
	font-size: 18px;
	border-bottom: 1.1px solid #d3d3d3;
	padding-bottom: 8px;
  }

  .env-var{
	font-style: italic;
	 color:#9b9b9b;
  }
  input[type="file"]::-webkit-file-upload-button {
	display: inline-block;
    position: relative;
    cursor: pointer;
    min-height: 36px;
    min-width: 88px;
    line-height: 36px;
    vertical-align: middle;
    align-items: center;
    text-align: center;
    border-radius: 2px;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    border: none;
    padding: 0 8px;
    margin: 6px 8px;
	background: transparent;
	color: rgb(41,98,255);
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    font-style: inherit;
    font-variant: inherit;
    font-family: inherit;
    text-decoration: none;
    overflow: hidden;
	transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
	color: rgb(255,255,255);
    background-color: rgb(41,98,255);
}
::-webkit-file-upload-button:hover {background-color: rgb(30,136,229);}
input[type="file"][disabled]::-webkit-file-upload-button {
  color: rgba(0,0,0,0.38);
  cursor: default;
  background-color: rgba(0,0,0,0.12);
}
.upload-file{
  outline: none !important;
  max-width: 126px;
  overflow: hidden;
}


.Upload-table {
	font-family: arial, sans-serif;
	border-collapse: collapse;
	width: 100%;
  }
  
  .Upload-td, .Upload-th {
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
}
  .org-height{
	height: calc(100vh - 40vh);
  }
  .org-placeholder{
	  padding: 15px;
  }
  .org-placeholder>md-icon {
    font-size: 90px;
    height: 90px;
    width: 117px;
    color: #c3c3c3;
  }

  .aut-complete-ht{
	height: 32px;
	min-width: 210px;
    max-width: 210px;
	border: 1px solid #ccc;
    border-radius: 4px;
  }

  .aut-complete-ht input:not(.md-input) {
	height: 32px;
	line-height: 32px;
  }

  .aut-complete-ht md-autocomplete-wrap{
	height: 32px;
  }

  .checbox-height>md-checkbox{
	min-height: 30px;
}
  md-chip.bill-chips{
      font-size: 12px;
		  margin:0 4px 0 0;
  }

  .billslide-down{
	max-height: 100%;
    transition: max-height 0.35s ease;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    display: inline-flex;
  }
  .im-pad{
	padding-left: 16px;
   }
.filter-width, .filter-select-width {
	width: 50%;
	padding-right: 16px;
}

.filter-width > .filter-select-width{
	width: 49%;
}

.search-billpro{
	border: 1px solid #ccc;
    border-radius: 4px;
}
.bdr-shdow{
	box-shadow: 0 5px 6px -3px rgb(0 0 0 / 20%),
	0 9px 12px 1px rgb(0 0 0 / 14%),
	 0 3px 16px 2px rgb(0 0 0 / 12%);
}
.chart-container>div:not(.google-visualization-table) {
  position: absolute !important;
}
.as-sortable-dragging {
  width: 100%;
}
.as-sortable-drag>kpi-chart {
  width: 100%;
  min-width: 100%
}

.ptrn-none{
	pointer-events: none;
}
.select-card{
	border: 2px solid #2962ff;
}
.account-ids{
	max-height: 100px;
	overflow: auto;
}

.swith-margin>md-switch{
	margin: 0;
}
.alert-list{
	margin: 8px;
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);
}
.alert-list :first-child{
	padding-left: 2px;
}
.alert-scroll {
	max-height: 190px;
    overflow: auto;
}

.alert-overflow{
	white-space: nowrap;
    overflow-x: clip;
    text-overflow: ellipsis;
}

.option-margin{
	margin: 0px 0px 4px 8px;
}
.animationIf.ng-leave {
	transition: opacity ease-out 1s;
  }
.action-pad{
	padding-top: 3px;
}
.alert-user {
    border-radius: 50%;
    width: 38px;
    margin-right: 6px;
}

.help-block-red{
	color: #fe5339;
}

.disable-text{
	pointer-events: none;
}
.email-sender{
   background-color: #fbfbfb;
   padding: 4px;
}

.email-prew{
	padding: 0px 54px 0px 54px;
}
.check-mrgn{
	margin-top: 3px
}

.auth-table>table {
	font-family: arial, sans-serif;
	border-collapse: collapse;
	width: 100%;
  }
  
  .auth-table-tr>td {
	border: 1px solid #dddddd;
	text-align: left;
	padding: 8px;
  }

  .auth-table-tr>th {
	border: 1px solid #dfe2e5;
    padding: 6px 6px;
	font-weight: 600;
	
  }
  .success{
	  color: #4CAF50;
  }
  
  .auth-button>button{
	display: inline-block;
    position: relative;
    cursor: pointer;
    min-height: 27px;
    min-width: 88px;
    line-height: 29px;
    vertical-align: middle;
    align-items: center;
    text-align: center;
    border-radius: 2px;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    border: 0;
    padding: 1px 8px;
    margin: 5px 7px;
    background: transparent;
    color: currentColor;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    font-style: inherit;
    font-variant: inherit;
    font-family: inherit;
    text-decoration: none;
    overflow: hidden;
    transition: box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1);
  }

  .auth-table>md-toolbar{
	color: rgb(54 53 53);
    background-color: #e2e2e2;
}

.max-lines {
	display: block;/* or inline-block */
	text-overflow: ellipsis;
	word-wrap: break-word;
	overflow: hidden;
	max-height: 3.6em;
	line-height: 1.8em;
  }
  .admin-switch>md-switch{
	white-space: inherit;
	line-height: 15px;
  }

  .admin-switch>md-switch>div:nth-child(2){
	margin-left: 12px;
  }

  @media only screen and (max-width: 600px) {
	.hide-menu{
	    display: none;
  }
}
.alt-dlg{
	width:calc(100vw / 0.75);
	overflow: hidden;
}