html, body, #content-page {  }


.grb-azure {background-color: rgb(0,164, 214) !important;}
.grb-orange {background-color: rgb(228,58, 2) !important; }
.c-fff { color: #fff;}

nav span { padding: 15px; }
nav ul a { width: 150px;  border-left: 1px solid rgba(255,255,255,0.3);}
blockquote.title { margin: 40px 0px 60px; position:relative; }
.btn-small { height: 32.4px !important; line-height: 32.4px !important; font-size: 13px; }
.btn-icon.right { margin-top:-5px; }
.btn-icon i { margin:0px !important; }


#card-login { margin-top:15%; }
.modal { width:90%; max-height: 80%; }
.modal .modal-content { padding: 48px 24px !important; }
.align-right { text-align: right}
.fs-16 { font-size: 16px; line-height: 19px;}
.card { min-height: 170px; }
.cat-line { padding: 5px; }
.cat-line span { font-weight: bold;}
.btn-in-modal { margin-top: 20px;  margin-bottom: -25px;}
.btn-in-collapse { margin-top: 20px;  margin-bottom: -20px;}
.card-logo { text-align: center; padding: 15px; border-bottom: 1px solid rgba(160,160,160,0.2); }
.collection i { vertical-align: bottom; margin-right: 15px;}
div.card.small { height: auto !important; min-height: auto !important;}
.white-text input { color: #ffffff !important; }
th.select-th { max-width: 100px; }

.card-img { width: 90%; margin:auto;}
.brand-link { color: #333; }


.toast i { margin-right: 10px; }
.toast.toast-success { background-color: #4DB6AC; }
.toast.toast-error { background-color: #E2686D; }
/* ALERT*/
.materialert{
    position: relative;
    min-width: 150px;
    padding: 15px;
    margin-bottom: 20px;
    margin-top: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: all 0.1s linear;
    webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.materialert .material-icons{
    margin-right: 10px;
}
.materialert .close-alert{
    -webkit-appearance: none;
    border: 0;
    cursor: pointer;
    color: inherit;
    background: 0 0;
    font-size: 22px;
    line-height: 1;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7);
    filter: alpha(opacity=40);
    margin-bottom: -5px;
    position: absolute;
    top: 16px;
    right: 5px;
}
.materialert.info{
    background-color: #039be5;
    color: #fff;
}
.materialert.success{
    background-color: #43a047;
    color: #fff;
}
.materialert.error{
    background-color: #c62828;
    color: #fff;
}
.materialert.danger{
    background-color: #c62828;
    color: #fff;
}
.materialert.warning{
    background-color: #fbc02d;
    color: #fff;
}


#logo-header {
	height: 60px;
	margin-left: 15px;
	margin-top:2px;
}

.card .card-image {
    position: relative;
    width: 100%;
    height: 150px;
    background-position: center !important;
    background-repeat: no-repeat  !important;
}

.category-item:hover {
	background-color: rgb(0,164, 214) !important;
	color: #fff;
}
.category-item:hover a {
	color: #fff;
}