/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


@font-face {
    font-family:CeraGR-Regular;
    src: url(/app-assets/fonts/CeraGR/WOFF/CeraGR-Regular.woff);
}
@font-face {
    font-family:CeraGR-Medium;
    src: url(/app-assets/fonts/CeraGR/WOFF/CeraGR-Medium.woff);
}
@font-face {
    font-family:CeraGR-Light;
    src: url(/app-assets/fonts/CeraGR/WOFF/CeraGR-Light);
}
@font-face {
    font-family:CeraGR-Bold;
    src: url(/app-assets/fonts/CeraGR/WOFF/CeraGR-Bold.woff);
}
body, html {
    font-family:CeraGR-Regular!important;

    font-weight: 100!important;
}
a,p, span,div,p,li,section,h1,h2,h3,h4,h5,h6{
    font-family:CeraGR-Regular!important;
}
h6 {
    font-size: 21px;
    line-height: 110%;
    margin: .575rem 0 .46rem 0;
}
.gradient-45deg-light-blue-cyan {
    background: #0288d1;
    background: -webkit-linear-gradient(45deg, #0288d1, #26c6da) !important;
    background: linear-gradient(45deg, #03003f, #081e56) !important;
}
header .brand-logo img {
    height: 44px;
    margin-top: -11px;
}
.indigo {
    background-color: #03003f!important;
}
#horizontal-nav ul li a i {
    font-size: 27px;
    line-height: 45px;
    display: block;
    height: 0;
    color: #03003f;
}
.banner-anax{
  object-fit: cover;
    height: 40px;
}
.gradient-45deg-purple-deep-orange {
    background: #03003f;
    background: -webkit-linear-gradient(45deg, #03003f, #03003f) !important;
    background: linear-gradient(45deg, #04003f, #03003f) !important;
}
.card-panel {
    /*margin: 5.5rem 6px 1rem 1px;*/
    padding: 24px;
    -webkit-transition: box-shadow .25s;
    transition: box-shadow .25s;
    border-radius: 2px;
    background-color: #fff;
    font-family:CeraGR-Regular;
}
.btn-floating {
    line-height: 40px;
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    vertical-align: middle;
    color: #fff;
    border-radius: 50%;
    background-color: #040543;
}
/*#main{*/
/*    margin-top: 7em;*/
/*}*/
.card .card-content .card-title {
    line-height: 32px;
    display: block;
    margin-bottom: 8px;
    margin-top: 1em;
    font-family:CeraGR-Regular;
}
.input-field .prefix.active
{
    color: #03003f;
}
input:not([type]):focus:not([readonly]) + label, input[type=text]:not(.browser-default):focus:not([readonly]) + label, input[type=password]:not(.browser-default):focus:not([readonly]) + label, input[type=email]:not(.browser-default):focus:not([readonly]) + label, input[type=url]:not(.browser-default):focus:not([readonly]) + label, input[type=time]:not(.browser-default):focus:not([readonly]) + label, input[type=date]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, input[type=tel]:not(.browser-default):focus:not([readonly]) + label, input[type=number]:not(.browser-default):focus:not([readonly]) + label, input[type=search]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #03003f;
    font-family:CeraGR-Regular;
}
.collection .collection-item.active {
    color: white;
    background-color: #03003f;
}
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #03003f;
    box-shadow: 0 1px 0 0 #03003f;
    font-family:CeraGR-Regular;
}
.border-round {
    border-radius: 0px !important;
}
[type='checkbox']:checked + span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    border-top: 2px solid transparent;
    border-right: 2px solid #03003f;
    border-bottom: 2px solid #03003f;
    border-left: 2px solid transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-family:CeraGR-Regular;
}
.material-icons {
    font-family: 'Material Icons';
    font-size: 17px;
}
.input-field {
    position: relative;
    margin-top: 20px;
    margin-bottom: 10px;
}
.title-label{
    margin-top: 16%;
    text-align: right;
}
table.highlight > tbody > tr:hover {
    background-color: rgba(215,215,215,0.8);
}
.material-icons {
    padding-right: 10px;
}
@media only screen and (min-width: 993px){
    .container {
        width: 70%!important;
    }
    html {
        font-size: 17px;
    }
}

@media only screen and (max-width: 993px){
    .mobile-title{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    header .brand-logo img {
        height: 30px!important;
        margin-top: -6px;
        margin-left: -18px;
    }
}

#start
{
  padding-top: 4px;
}

#preloader
{
  margin:0px;
}

.background_login
{
  background-image:url("/app-assets/images/login_bg.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}