/*--------------------------------------------------------------
	Materialize file contain extended material ui based on theme
---------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,500,600);
.materialize-red
{
    background-color: #e51c23 !important;
}


/* 2dp elevation modified*/
.z-depth-1,
.card-panel,
.card,
.toast,
.btn,
.btn-large,
.btn-small,
.btn-floating,
.dropdown-content,
.collapsible,

{
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
}



@-webkit-keyframes indeterminate
{
    0%
    {
        right: 100%;
        left: -35%;
    }
    60%
    {
        right: -90%;
        left: 100%;
    }
    100%
    {
        right: -90%;
        left: 100%;
    }
}

@-moz-keyframes indeterminate
{
    0%
    {
        right: 100%;
        left: -35%;
    }
    60%
    {
        right: -90%;
        left: 100%;
    }
    100%
    {
        right: -90%;
        left: 100%;
    }
}

@-o-keyframes indeterminate
{
    0%
    {
        right: 100%;
        left: -35%;
    }
    60%
    {
        right: -90%;
        left: 100%;
    }
    100%
    {
        right: -90%;
        left: 100%;
    }
}

@keyframes indeterminate
{
    0%
    {
        right: 100%;
        left: -35%;
    }
    60%
    {
        right: -90%;
        left: 100%;
    }
    100%
    {
        right: -90%;
        left: 100%;
    }
}

@-webkit-keyframes indeterminate-short
{
    0%
    {
        right: 100%;
        left: -200%;
    }
    60%
    {
        right: -8%;
        left: 107%;
    }
    100%
    {
        right: -8%;
        left: 107%;
    }
}

@-moz-keyframes indeterminate-short
{
    0%
    {
        right: 100%;
        left: -200%;
    }
    60%
    {
        right: -8%;
        left: 107%;
    }
    100%
    {
        right: -8%;
        left: 107%;
    }
}

@-o-keyframes indeterminate-short
{
    0%
    {
        right: 100%;
        left: -200%;
    }
    60%
    {
        right: -8%;
        left: 107%;
    }
    100%
    {
        right: -8%;
        left: 107%;
    }
}

@keyframes indeterminate-short
{
    0%
    {
        right: 100%;
        left: -200%;
    }
    60%
    {
        right: -8%;
        left: 107%;
    }
    100%
    {
        right: -8%;
        left: 107%;
    }
}

/*******************
  Utility Classes
*******************/
.hide
{
    display: none !important;
}

.left-align
{
    text-align: left;
}

.right-align
{
    text-align: right;
}

.center,
.center-align
{
    text-align: center;
}

.left
{
    float: left !important;
}

.right
{
    float: right !important;
}

.no-select,
input[type=range],
input[type=range] + .thumb
{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.circle
{
    border-radius: 50%;
}

.center-block
{
    display: block;

    margin-right: auto;
    margin-left: auto;
}

.truncate
{
    display: block;
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.no-padding
{
    padding: 0 !important;
}

span.badge
{
    font-size: 1rem;
    line-height: 22px;

    float: right;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 3rem;
    height: 22px;
    margin-left: 14px;
    padding: 0 6px;

    text-align: center;

    color: #757575;
}
span.badge.new
{
    font-size: .8rem;
    font-weight: 300;

    color: #fff;
    border-radius: 2px;
    background-color: #ff9100;
}
span.badge.new:after
{
    content: ' new';
}
span.badge[data-badge-caption]::after
{
    content: ' ' attr(data-badge-caption);
}



.collection-item span.badge
{
    margin-top: -webkit-calc(.75rem - 11px);
    margin-top:    -moz-calc(.75rem - 11px);
    margin-top:         calc(.75rem - 11px);
}

.collapsible span.badge
{
    margin-left: auto;
}



table span.badge
{
    display: inline-block;
    float: none;

    margin-left: auto;
}

/* This is needed for some mobile phones to display the Google Icon font properly */
.material-icons
{
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'liga';
       -moz-font-feature-settings: 'liga';
            font-feature-settings: 'liga';
}



.col .row
{
    margin-right: -.75rem;
    margin-left: -.75rem;
}

.section
{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.section.no-pad
{
    padding: 0;
}
.section.no-pad-bot
{
    padding-bottom: 0;
}
.section.no-pad-top
{
    padding-top: 0;
}

.row
{
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
}
.row:after
{
    display: table;
    clear: both;

    content: '';
}
.row .col
{
    float: left;

    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    min-height: 1px;
    padding: 0 .75rem;
}
.row .col[class*='push-'],
.row .col[class*='pull-']
{
    position: relative;
}
.row .col.s1
{
    right: auto;
    left: auto;

    width: 8.33333%;
    margin-left: auto;
}
.row .col.s2
{
    right: auto;
    left: auto;

    width: 16.66667%;
    margin-left: auto;
}
.row .col.s3
{
    right: auto;
    left: auto;

    width: 25%;
    margin-left: auto;
}
.row .col.s4
{
    right: auto;
    left: auto;

    width: 33.33333%;
    margin-left: auto;
}
.row .col.s5
{
    right: auto;
    left: auto;

    width: 41.66667%;
    margin-left: auto;
}
.row .col.s6
{
    right: auto;
    left: auto;

    width: 50%;
    margin-left: auto;
}
.row .col.s7
{
    right: auto;
    left: auto;

    width: 58.33333%;
    margin-left: auto;
}
.row .col.s8
{
    right: auto;
    left: auto;

    width: 66.66667%;
    margin-left: auto;
}
.row .col.s9
{
    right: auto;
    left: auto;

    width: 75%;
    margin-left: auto;
}
.row .col.s10
{
    right: auto;
    left: auto;

    width: 83.33333%;
    margin-left: auto;
}
.row .col.s11
{
    right: auto;
    left: auto;

    width: 91.66667%;
    margin-left: auto;
}
.row .col.s12
{
    right: auto;
    left: auto;

    width: 100%;
    margin-left: auto;
}
.row .col.offset-s1
{
    margin-left: 8.33333%;
}
.row .col.pull-s1
{
    right: 8.33333%;
}
.row .col.push-s1
{
    left: 8.33333%;
}
.row .col.offset-s2
{
    margin-left: 16.66667%;
}
.row .col.pull-s2
{
    right: 16.66667%;
}
.row .col.push-s2
{
    left: 16.66667%;
}
.row .col.offset-s3
{
    margin-left: 25%;
}
.row .col.pull-s3
{
    right: 25%;
}
.row .col.push-s3
{
    left: 25%;
}
.row .col.offset-s4
{
    margin-left: 33.33333%;
}
.row .col.pull-s4
{
    right: 33.33333%;
}
.row .col.push-s4
{
    left: 33.33333%;
}
.row .col.offset-s5
{
    margin-left: 41.66667%;
}
.row .col.pull-s5
{
    right: 41.66667%;
}
.row .col.push-s5
{
    left: 41.66667%;
}
.row .col.offset-s6
{
    margin-left: 50%;
}
.row .col.pull-s6
{
    right: 50%;
}
.row .col.push-s6
{
    left: 50%;
}
.row .col.offset-s7
{
    margin-left: 58.33333%;
}
.row .col.pull-s7
{
    right: 58.33333%;
}
.row .col.push-s7
{
    left: 58.33333%;
}
.row .col.offset-s8
{
    margin-left: 66.66667%;
}
.row .col.pull-s8
{
    right: 66.66667%;
}
.row .col.push-s8
{
    left: 66.66667%;
}
.row .col.offset-s9
{
    margin-left: 75%;
}
.row .col.pull-s9
{
    right: 75%;
}
.row .col.push-s9
{
    left: 75%;
}
.row .col.offset-s10
{
    margin-left: 83.33333%;
}
.row .col.pull-s10
{
    right: 83.33333%;
}
.row .col.push-s10
{
    left: 83.33333%;
}
.row .col.offset-s11
{
    margin-left: 91.66667%;
}
.row .col.pull-s11
{
    right: 91.66667%;
}
.row .col.push-s11
{
    left: 91.66667%;
}
.row .col.offset-s12
{
    margin-left: 100%;
}
.row .col.pull-s12
{
    right: 100%;
}
.row .col.push-s12
{
    left: 100%;
}
@media only screen and (min-width: 601px)
{
    .row .col.m1
    {
        right: auto;
        left: auto;

        width: 8.33333%;
        margin-left: auto;
    }
    .row .col.m2
    {
        right: auto;
        left: auto;

        width: 16.66667%;
        margin-left: auto;
    }
    .row .col.m3
    {
        right: auto;
        left: auto;

        width: 25%;
        margin-left: auto;
    }
    .row .col.m4
    {
        right: auto;
        left: auto;

        width: 33.33333%;
        margin-left: auto;
    }
    .row .col.m5
    {
        right: auto;
        left: auto;

        width: 41.66667%;
        margin-left: auto;
    }
    .row .col.m6
    {
        right: auto;
        left: auto;

        width: 50%;
        margin-left: auto;
    }
    .row .col.m7
    {
        right: auto;
        left: auto;

        width: 58.33333%;
        margin-left: auto;
    }
    .row .col.m8
    {
        right: auto;
        left: auto;

        width: 66.66667%;
        margin-left: auto;
    }
    .row .col.m9
    {
        right: auto;
        left: auto;

        width: 75%;
        margin-left: auto;
    }
    .row .col.m10
    {
        right: auto;
        left: auto;

        width: 83.33333%;
        margin-left: auto;
    }
    .row .col.m11
    {
        right: auto;
        left: auto;

        width: 91.66667%;
        margin-left: auto;
    }
    .row .col.m12
    {
        right: auto;
        left: auto;

        width: 100%;
        margin-left: auto;
    }
    .row .col.offset-m1
    {
        margin-left: 8.33333%;
    }
    .row .col.pull-m1
    {
        right: 8.33333%;
    }
    .row .col.push-m1
    {
        left: 8.33333%;
    }
    .row .col.offset-m2
    {
        margin-left: 16.66667%;
    }
    .row .col.pull-m2
    {
        right: 16.66667%;
    }
    .row .col.push-m2
    {
        left: 16.66667%;
    }
    .row .col.offset-m3
    {
        margin-left: 25%;
    }
    .row .col.pull-m3
    {
        right: 25%;
    }
    .row .col.push-m3
    {
        left: 25%;
    }
    .row .col.offset-m4
    {
        margin-left: 33.33333%;
    }
    .row .col.pull-m4
    {
        right: 33.33333%;
    }
    .row .col.push-m4
    {
        left: 33.33333%;
    }
    .row .col.offset-m5
    {
        margin-left: 41.66667%;
    }
    .row .col.pull-m5
    {
        right: 41.66667%;
    }
    .row .col.push-m5
    {
        left: 41.66667%;
    }
    .row .col.offset-m6
    {
        margin-left: 50%;
    }
    .row .col.pull-m6
    {
        right: 50%;
    }
    .row .col.push-m6
    {
        left: 50%;
    }
    .row .col.offset-m7
    {
        margin-left: 58.33333%;
    }
    .row .col.pull-m7
    {
        right: 58.33333%;
    }
    .row .col.push-m7
    {
        left: 58.33333%;
    }
    .row .col.offset-m8
    {
        margin-left: 66.66667%;
    }
    .row .col.pull-m8
    {
        right: 66.66667%;
    }
    .row .col.push-m8
    {
        left: 66.66667%;
    }
    .row .col.offset-m9
    {
        margin-left: 75%;
    }
    .row .col.pull-m9
    {
        right: 75%;
    }
    .row .col.push-m9
    {
        left: 75%;
    }
    .row .col.offset-m10
    {
        margin-left: 83.33333%;
    }
    .row .col.pull-m10
    {
        right: 83.33333%;
    }
    .row .col.push-m10
    {
        left: 83.33333%;
    }
    .row .col.offset-m11
    {
        margin-left: 91.66667%;
    }
    .row .col.pull-m11
    {
        right: 91.66667%;
    }
    .row .col.push-m11
    {
        left: 91.66667%;
    }
    .row .col.offset-m12
    {
        margin-left: 100%;
    }
    .row .col.pull-m12
    {
        right: 100%;
    }
    .row .col.push-m12
    {
        left: 100%;
    }
}
@media only screen and (min-width: 993px)
{
    .row .col.l1
    {
        right: auto;
        left: auto;

        width: 8.33333%;
        margin-left: auto;
    }
    .row .col.l2
    {
        right: auto;
        left: auto;

        width: 16.66667%;
        margin-left: auto;
    }
    .row .col.l3
    {
        right: auto;
        left: auto;

        width: 25%;
        margin-left: auto;
    }
    .row .col.l4
    {
        right: auto;
        left: auto;

        width: 33.33333%;
        margin-left: auto;
    }
    .row .col.l5
    {
        right: auto;
        left: auto;

        width: 41.66667%;
        margin-left: auto;
    }
    .row .col.l6
    {
        right: auto;
        left: auto;

        width: 50%;
        margin-left: auto;
    }
    .row .col.l7
    {
        right: auto;
        left: auto;

        width: 58.33333%;
        margin-left: auto;
    }
    .row .col.l8
    {
        right: auto;
        left: auto;

        width: 66.66667%;
        margin-left: auto;
    }
    .row .col.l9
    {
        right: auto;
        left: auto;

        width: 75%;
        margin-left: auto;
    }
    .row .col.l10
    {
        right: auto;
        left: auto;

        width: 83.33333%;
        margin-left: auto;
    }
    .row .col.l11
    {
        right: auto;
        left: auto;

        width: 91.66667%;
        margin-left: auto;
    }
    .row .col.l12
    {
        right: auto;
        left: auto;

        width: 100%;
        margin-left: auto;
    }
    .row .col.offset-l1
    {
        margin-left: 8.33333%;
    }
    .row .col.pull-l1
    {
        right: 8.33333%;
    }
    .row .col.push-l1
    {
        left: 8.33333%;
    }
    .row .col.offset-l2
    {
        margin-left: 16.66667%;
    }
    .row .col.pull-l2
    {
        right: 16.66667%;
    }
    .row .col.push-l2
    {
        left: 16.66667%;
    }
    .row .col.offset-l3
    {
        margin-left: 25%;
    }
    .row .col.pull-l3
    {
        right: 25%;
    }
    .row .col.push-l3
    {
        left: 25%;
    }
    .row .col.offset-l4
    {
        margin-left: 33.33333%;
    }
    .row .col.pull-l4
    {
        right: 33.33333%;
    }
    .row .col.push-l4
    {
        left: 33.33333%;
    }
    .row .col.offset-l5
    {
        margin-left: 41.66667%;
    }
    .row .col.pull-l5
    {
        right: 41.66667%;
    }
    .row .col.push-l5
    {
        left: 41.66667%;
    }
    .row .col.offset-l6
    {
        margin-left: 50%;
    }
    .row .col.pull-l6
    {
        right: 50%;
    }
    .row .col.push-l6
    {
        left: 50%;
    }
    .row .col.offset-l7
    {
        margin-left: 58.33333%;
    }
    .row .col.pull-l7
    {
        right: 58.33333%;
    }
    .row .col.push-l7
    {
        left: 58.33333%;
    }
    .row .col.offset-l8
    {
        margin-left: 66.66667%;
    }
    .row .col.pull-l8
    {
        right: 66.66667%;
    }
    .row .col.push-l8
    {
        left: 66.66667%;
    }
    .row .col.offset-l9
    {
        margin-left: 75%;
    }
    .row .col.pull-l9
    {
        right: 75%;
    }
    .row .col.push-l9
    {
        left: 75%;
    }
    .row .col.offset-l10
    {
        margin-left: 83.33333%;
    }
    .row .col.pull-l10
    {
        right: 83.33333%;
    }
    .row .col.push-l10
    {
        left: 83.33333%;
    }
    .row .col.offset-l11
    {
        margin-left: 91.66667%;
    }
    .row .col.pull-l11
    {
        right: 91.66667%;
    }
    .row .col.push-l11
    {
        left: 91.66667%;
    }
    .row .col.offset-l12
    {
        margin-left: 100%;
    }
    .row .col.pull-l12
    {
        right: 100%;
    }
    .row .col.push-l12
    {
        left: 100%;
    }
}
@media only screen and (min-width: 1201px)
{
    .row .col.xl1
    {
        right: auto;
        left: auto;

        width: 8.33333%;
        margin-left: auto;
    }
    .row .col.xl2
    {
        right: auto;
        left: auto;

        width: 16.66667%;
        margin-left: auto;
    }
    .row .col.xl3
    {
        right: auto;
        left: auto;

        width: 25%;
        margin-left: auto;
    }
    .row .col.xl4
    {
        right: auto;
        left: auto;

        width: 33.33333%;
        margin-left: auto;
    }
    .row .col.xl5
    {
        right: auto;
        left: auto;

        width: 41.66667%;
        margin-left: auto;
    }
    .row .col.xl6
    {
        right: auto;
        left: auto;

        width: 50%;
        margin-left: auto;
    }
    .row .col.xl7
    {
        right: auto;
        left: auto;

        width: 58.33333%;
        margin-left: auto;
    }
    .row .col.xl8
    {
        right: auto;
        left: auto;

        width: 66.66667%;
        margin-left: auto;
    }
    .row .col.xl9
    {
        right: auto;
        left: auto;

        width: 75%;
        margin-left: auto;
    }
    .row .col.xl10
    {
        right: auto;
        left: auto;

        width: 83.33333%;
        margin-left: auto;
    }
    .row .col.xl11
    {
        right: auto;
        left: auto;

        width: 91.66667%;
        margin-left: auto;
    }
    .row .col.xl12
    {
        right: auto;
        left: auto;

        width: 100%;
        margin-left: auto;
    }
    .row .col.offset-xl1
    {
        margin-left: 8.33333%;
    }
    .row .col.pull-xl1
    {
        right: 8.33333%;
    }
    .row .col.push-xl1
    {
        left: 8.33333%;
    }
    .row .col.offset-xl2
    {
        margin-left: 16.66667%;
    }
    .row .col.pull-xl2
    {
        right: 16.66667%;
    }
    .row .col.push-xl2
    {
        left: 16.66667%;
    }
    .row .col.offset-xl3
    {
        margin-left: 25%;
    }
    .row .col.pull-xl3
    {
        right: 25%;
    }
    .row .col.push-xl3
    {
        left: 25%;
    }
    .row .col.offset-xl4
    {
        margin-left: 33.33333%;
    }
    .row .col.pull-xl4
    {
        right: 33.33333%;
    }
    .row .col.push-xl4
    {
        left: 33.33333%;
    }
    .row .col.offset-xl5
    {
        margin-left: 41.66667%;
    }
    .row .col.pull-xl5
    {
        right: 41.66667%;
    }
    .row .col.push-xl5
    {
        left: 41.66667%;
    }
    .row .col.offset-xl6
    {
        margin-left: 50%;
    }
    .row .col.pull-xl6
    {
        right: 50%;
    }
    .row .col.push-xl6
    {
        left: 50%;
    }
    .row .col.offset-xl7
    {
        margin-left: 58.33333%;
    }
    .row .col.pull-xl7
    {
        right: 58.33333%;
    }
    .row .col.push-xl7
    {
        left: 58.33333%;
    }
    .row .col.offset-xl8
    {
        margin-left: 66.66667%;
    }
    .row .col.pull-xl8
    {
        right: 66.66667%;
    }
    .row .col.push-xl8
    {
        left: 66.66667%;
    }
    .row .col.offset-xl9
    {
        margin-left: 75%;
    }
    .row .col.pull-xl9
    {
        right: 75%;
    }
    .row .col.push-xl9
    {
        left: 75%;
    }
    .row .col.offset-xl10
    {
        margin-left: 83.33333%;
    }
    .row .col.pull-xl10
    {
        right: 83.33333%;
    }
    .row .col.push-xl10
    {
        left: 83.33333%;
    }
    .row .col.offset-xl11
    {
        margin-left: 91.66667%;
    }
    .row .col.pull-xl11
    {
        right: 91.66667%;
    }
    .row .col.push-xl11
    {
        left: 91.66667%;
    }
    .row .col.offset-xl12
    {
        margin-left: 100%;
    }
    .row .col.pull-xl12
    {
        right: 100%;
    }
    .row .col.push-xl12
    {
        left: 100%;
    }
}



.scale-transition
{
    -webkit-transition: -webkit-transform .3s cubic-bezier(.53, .01, .36, 1.63) !important;
       -moz-transition:         transform .3s cubic-bezier(.53, .01, .36, 1.63), -moz-transform .3s cubic-bezier(.53, .01, .36, 1.63) !important;
         -o-transition:      -o-transform .3s cubic-bezier(.53, .01, .36, 1.63) !important;
            transition: -webkit-transform .3s cubic-bezier(.53, .01, .36, 1.63) !important;
            transition:         transform .3s cubic-bezier(.53, .01, .36, 1.63) !important;
            transition:         transform .3s cubic-bezier(.53, .01, .36, 1.63), -webkit-transform .3s cubic-bezier(.53, .01, .36, 1.63), -moz-transform .3s cubic-bezier(.53, .01, .36, 1.63), -o-transform .3s cubic-bezier(.53, .01, .36, 1.63) !important;
}
.scale-transition.scale-out
{
    -webkit-transition: -webkit-transform .2s !important;
       -moz-transition:         transform .2s, -moz-transform .2s !important;
         -o-transition:      -o-transform .2s !important;
            transition: -webkit-transform .2s !important;
            transition:         transform .2s !important;
            transition:         transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s !important;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
}
.scale-transition.scale-in
{
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.card-panel
{
    margin: .5rem 0 1rem 0;
    padding: 24px;

    -webkit-transition: -webkit-box-shadow .25s;
       -moz-transition:         box-shadow .25s;
         -o-transition:         box-shadow .25s;
            transition: -webkit-box-shadow .25s;
            transition:         box-shadow .25s;
            transition:         box-shadow .25s, -webkit-box-shadow .25s;

    border-radius: 2px;
    background-color: #fff;
}

.card
{
    position: relative;

    margin: .5rem 0 1rem 0;

    -webkit-transition: -webkit-box-shadow .25s;
       -moz-transition:         box-shadow .25s;
         -o-transition:         box-shadow .25s;
            transition: -webkit-box-shadow .25s;
            transition:         box-shadow .25s;
            transition:         box-shadow .25s, -webkit-box-shadow .25s;

    border-radius: 2px;
    background-color: #fff;
}
.card .card-title
{
    font-size: 24px;
    font-weight: 300;
}
.card .card-title.activator
{
    cursor: pointer;
}
.card.small,
.card.medium,
.card.large
{
    position: relative;
}
.card.small .card-image,
.card.medium .card-image,
.card.large .card-image
{
    overflow: hidden;

    max-height: 60%;
}
.card.small .card-image + .card-content,
.card.medium .card-image + .card-content,
.card.large .card-image + .card-content
{
    max-height: 40%;
}
.card.small .card-content,
.card.medium .card-content,
.card.large .card-content
{
    overflow: hidden;

    max-height: 100%;
}
.card.small .card-action,
.card.medium .card-action,
.card.large .card-action
{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.card.small
{
    height: 300px;
}
.card.medium
{
    height: 400px;
}
.card.large
{
    height: 500px;
}
.card.horizontal
{
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
}
.card.horizontal.small .card-image,
.card.horizontal.medium .card-image,
.card.horizontal.large .card-image
{
    overflow: visible;

    height: 100%;
    max-height: none;
}
.card.horizontal.small .card-image img,
.card.horizontal.medium .card-image img,
.card.horizontal.large .card-image img
{
    height: 100%;
}
.card.horizontal .card-image
{
    max-width: 50%;
}
.card.horizontal .card-image img
{
    width: auto;
    max-width: 100%;

    border-radius: 2px 0 0 2px;
}
.card.horizontal .card-stacked
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.card.horizontal .card-stacked .card-content
{
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
    -ms-flex-positive: 1;
            flex-grow: 1;
}
.card.sticky-action .card-action
{
    z-index: 2;
}
.card.sticky-action .card-reveal
{
    z-index: 1;

    padding-bottom: 64px;
}
.card .card-image
{
    position: relative;
}
.card .card-image img
{
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 100%;

    border-radius: 2px 2px 0 0;
}
.card .card-image .card-title
{
    position: absolute;
    bottom: 0;
    left: 0;

    max-width: 100%;
    padding: 24px;

    color: #fff;
}
.card .card-content
{
    padding: 24px;

    border-radius: 0 0 2px 2px;
}
.card .card-content p
{
    margin: 0;
}
.card .card-content .card-title
{
    line-height: 32px;

    display: block;

    margin-bottom: 8px;
}
.card .card-content .card-title i
{
    line-height: 32px;
}
.card .card-action
{
    position: relative;

    padding: 16px 24px;

    border-top: 1px solid rgba(160, 160, 160, .2);
    background-color: inherit;
}
.card .card-action:last-child
{
    border-radius: 0 0 2px 2px;
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating)
{
    margin-right: 24px;

    -webkit-transition: color .3s ease;
       -moz-transition: color .3s ease;
         -o-transition: color .3s ease;
            transition: color .3s ease;
    text-transform: uppercase;

    color: #3949ab;
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover
{
    color: #7885d2;
}
.card .card-reveal
{
    position: absolute;
    z-index: 3;
    top: 100%;
    left: 0;

    display: none;
    overflow-y: auto;

    width: 100%;
    height: 100%;
    padding: 24px;

    background-color: #fff;
}
.card .card-reveal .card-title
{
    display: block;

    cursor: pointer;
}