/*Updated for angular material 1.0.1*/
.collapse-card_header_content_info,
.collapse-card_header_content_info:focus,
ul:focus {
    outline: 0
}
body,
html {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

md-radio-group {
    margin-bottom: 14px;
    margin-top: 12px;
}

.tab_content {
    margin-top: 0;
    background: #fafafa;
    border-top: 1px solid #ececec;
    z-index: 2
}
md-fab-speed-dial {
    z-index: 4
}

.md-scroll-mask {
    z-index: 0!important
}
.ng-cloak,
[ng-cloak],
[ng\:cloak] {
    display: none!important
}
.iconColor {
    color: #b5b5b5!important
}
.md-menu {
    padding: 0
}
.md-button {
    margin: 0!important;
    min-width: 0!important
}
ul {
    list-style: none
}
md-input-container.md-default-theme label {
    color: rgba(0, 0, 0, .64)
}
md-select-value {
    color: rgba(0, 0, 0, .64)!important
}
@media screen and (max-width: 960px) {
    .md-whiteframe-z1 {
        width: 100%
    }
}
@media screen and (max-width: 768px) {
    .card_container,
    .header_container {
        max-width: 928px;
        margin-right: 20px!important;
        margin-left: 20px!important
    }
}
@media screen and (max-width: 599px) {
    .blankspace {
        display: none
    }
    .header_container_filter {
        margin-top: 7px!important;
        margin-bottom: 7px!important
    }
    .card_container,
    .header_container {
        max-width: 928px;
        margin-right: 20px!important;
        margin-left: 20px!important
    }
}

md-card md-card-content {
    padding: 10px
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

#inline>* {
    display: inline-block
}
.ui-view-container {
    position: relative
}
[viewcss].ng-enter,
[viewcss].ng-leave {
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
[viewcss].ng-enter {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    -moz-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5)
}
[viewcss].ng-enter-active {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}
[viewcss].ng-leave {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
[viewcss].ng-leave-active {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    -moz-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0)
}
.my-animation.ng-enter {
    transition: 1s linear all;
    -webkit-transform: scale(0)
}
.my-animation.ng-enter-stagger {
    transition-delay: .1s;
    transition-duration: 0
}
.my-animation.ng-enter.ng-enter-active {
    -webkit-transform: scale(1);
    -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1)
}
.tint {
    position: relative;
    float: left;
	cursor: pointer;
}
.tint:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(114, 114, 114, 0);
    -moz-transition: background .3s linear;
    -webkit-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear
}
.tint:hover:before {
    background: rgba(114, 114, 114, .1)
}
@-webkit-keyframes scaleAnimation {
    from {
        -webkit-transform: scale(.1)
    }
    to {
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes scaleAnimation {
    from {
        -moz-transform: scale(.1)
    }
    to {
        -moz-transform: scale(1)
    }
}
@-o-keyframes scaleAnimation {
    from {
        -o-transform: scale(.1) translate(0)
    }
    to {
        -o-transform: scale(1)
    }
}

.partial {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
#userProfilePic {
    -webkit-animation: scaleAnimation .5s 1 ease;
    -moz-animation: scaleAnimation .5s 1 ease;
    -o-animation: scaleAnimation .5s 1 ease
}

.card-container {
    max-width: 1024px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 55px !important;
}
md-card {
    background-color: #fafafa
}
.modal-header {
    min-height: 48px;
    max-height: 48px
}

.inputdemoErrors .inputErrorsApp 
{
  min-height: 48px;
}
 
md-toast.md-toast-success > .md-toast-content {
    background-color: #4CAF50;
}

md-toast.md-toast-hint > .md-toast-content {
    background-color: #F9A937;
}

md-toast.md-toast-error > .md-toast-content {
    background-color: #FF5252;
}