body{
    background-color: #F4F4F4;
    height: auto!important
}

.small-text{
    font-size:12px;
}

.full-height-container{
    height: 100%;
}

.centered {
    position: absolute; /* or absolute */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.png-icon{
    margin: auto auto;
    padding: 0;
    display: inline-block;
    width: 24px;
    height: 24px !important;
    background-repeat: no-repeat no-repeat;
    pointer-events: none;
}

.png-icon-mini{
    margin: auto auto;
    padding: 0;
    display: inline-block;
    width: 16px;
    height: 16px !important;
    background-repeat: no-repeat no-repeat;
    pointer-events: none;
}

._md-center {
    left: 50%;
    transform: translate3d(-50%, 0, 0);
}

md-toast.md-top {
    margin-left: 20%;
    margin-right: 20%;
}

md-toast.md-success-toast-theme .md-toast-content {
    background-color: #A5D6A7;
    color: #000;
}

md-toast.md-failed-toast-theme .md-toast-content {
    background-color: #EF9A9A;
    color: #000;
}

.btn-switch {
    position: relative;
    display: block;
    width: 50px;
    height: 25px;
    cursor: pointer;
    background-color: #F27878;
    border: 2px solid #F27878;
    border-radius: 40px;
    margin: 10px;
}

.btn-switch--on {
    background-color: #80CDBE;
    border: 2px solid #80CDBE;    
}

.btn-switch .btn-switch-circle {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 40px;
}

.btn-switch--on .btn-switch-circle--on {
    left: auto;
    right: 0;
}

.parent-toggle .btn-switch{ display:inline-block;vertical-align:middle;}
.parent-toggle .ng-scope{ display:inline-block;vertical-align:middle;}

.dashboard-column {
    max-width: 1170px;
    margin: 0 auto;
    width: 100%;
    padding: 25px 20px 0;
}
.dashboard-column .flex-noshrink {
    flex: 1 0;
}

.dashboard-column md-card {
    margin: 0 13px 25px;
}

.billing-badge {
	padding: 12px;
	border-radius: 10px;
	background: #757575;
	min-width: 64px;
	padding-left: 7px;
	padding-right: 7px;
	color: #ffffff;
	text-align: center;
}

.parent-report {
	padding: 0 30px;
}

.left-card-parent {
	width: 30%;
	padding: 0 15px;
}
.right-card-parent {
	width: 70%;
	padding: 0 15px;
}
.state-tooltip .caption {
    font-weight: 500;
}

@media (max-width: 991px) {
    .parent-report {padding: 0 30px;margin: 0;display: block;}
    .right-card-parent {width: 100%;padding: 0;}
    .left-card-parent {width: 100%;padding:0;}
    .no-margin {margin: 0 !important;}
    .left-card-parent {width: 100%;padding: 0;margin: 0 0 20px 0;}
}
@media (min-width: 992px) and (max-width: 1300px) {
    .right-card-parent {width: 57%;padding: 0 12px;}
    .left-card-parent {width: 42%;padding: 0 12px;}
    .parent-report {padding: 0 15px;margin: 0;}
    .no-margin {margin: 0 !important;}
}