.login-form {
    margin: 150px auto;
    max-width: 330px;
    padding: 15px;
}

.fs13{
    font-size: 13px;
}

.fs4em{
    text-align: left;
    font-size: 2em !important;
}

.m0 {
    margin: 0 !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.p0 {
    padding: 0 !important;
}

.well.day {
    padding: 10px 0 !important;
}

.well .form-group {
    margin-top: 5px;
}


.well .p3 {
    padding: 3px !important;
}

.well .btn-fab .fa {
    margin-left: -3px;
    margin-top: 6px;
}

a.btn span.label.pull-right {
    position: absolute;
    right: 15px;
    top: 17px;
    font-size: 15px;
}

.save-form {
    font-size: 2em !important
}


/*!
 *  NOTIFICATIONS
 */

#snackbar-container{position:fixed;left:20px;bottom:0;z-index:99999}.snackbar{overflow:hidden;clear:both;min-width:288px;max-width:568px;cursor:pointer;opacity:0}.snackbar.snackbar-opened{height:auto;opacity:1}@media (max-width:767px){#snackbar-container{left:0!important;right:0;width:100%}#snackbar-container .snackbar{min-width:100%}#snackbar-container [class="snackbar snackbar-opened"]~.snackbar.toast{margin-top:20px}#snackbar-container [class="snackbar snackbar-opened"]{border-radius:0;margin-bottom:0}}
.snackbar.has-success {
    background-color: #4caf50;
    border-radius: 0;
    margin: 0;
    position: fixed;
    top: 0;
    bottom: auto;
}
.snackbar{
    bottom: auto !important;
    left: 0;
    margin: 0 !important;
    max-width: 100%;
    padding: 0;
    position: fixed !important;
    top: 0 !important;
    width: 100%;
}

.snackbar.has-error {
    background-color: #f44336;
    border-radius: 0;
    margin: 0;
    position: fixed;
    top: 0;
    bottom: auto;
}
.snackbar.has-warning {
    background-color: #ff5722;
    border-radius: 0;
    margin: 0;
    position: fixed;
    top: 0;
    bottom: auto;
}
/*!
 *  RESPONSIVE
 */

@media (min-width: 200px) and (max-width: 600px) {

    .btn-xs-block {
        width: 100%;
        margin-top: 10px;
    }

    .btn-xs-block.btn-lg {
        font-size: 1.5em;
    }

    .btn-xs-block h3 {
        margin: 0;
    }

    .ml10{
        margin-left: 0 !important;
    }

    .btn-xs-block a {
        width: 99%;
        font-size: 1em;
        margin-top: 10px;
    }

    .btn-sm-block {
        margin-top: 5px !important;
        padding: 20px 15px;
        width: 100%;
        font-size: 1.2em;
        text-align: left;
    }

    a.btn span.label.pull-right {
        top: 11px;
        right: 10px;
    }

    .page-header {
        margin-top: 0;
    }

    .fs4em{
        font-size: 1.5em !important;
    }

}