html, body {

    font-family: 'Cera Round Pro Regular', sans-serif!important;

}
.main{ background: #FFCC29!important; }
.side-nav * { color:#222!important; font-family: 'Cera Round Pro Regular', sans-serif!important;}
.side-nav > ul > li > .side-menu:hover:not(.side-menu--active):not(.side-menu--open) .side-menu__icon:before{ background: #FCE93C!important;  }
.side-nav > ul ul{ background: #FCE93C!important; }
.side-nav .side-menu .side-menu__title{ color:#222!important;}
.side-nav .side-nav__devider{ background: #FCE93C!important; }
.side-nav > ul ul li a:not(.side-menu--active){ color:#222!important;}
.mobile-menu{ border-bottom: 1px solid #FCE93C!important;}
.mobile-menu ul li ul .menu{ background: #FCE93C!important; }
.content{ background: #EEF7FF!important; font-family: 'Cera Round Pro Regular', sans-serif!important;}
.side-nav > ul > li > .side-menu.side-menu--active{ background: #EEF7FF!important; }
.side-nav > ul > li > .side-menu.side-menu--active .side-menu__icon:before{ background: #EEF7FF!important;}
.alert-primary{ background: #23d3d3!important;}
.bg-theme-26{ background: #63349C!important; font-family: 'Cera Round Pro Regular', sans-serif!important;}
.border-theme-27 { border-color: #fff!important;}
.btn-primary{ background: #63349C!important;}
.btn-outline-primary{ border-color:#63349C!important; color:#63349C!important; }
.breadcrumb .breadcrumb--active{ color: #63349C!important;}
.bg-theme-1{background: #FFCC29!important; }
.border-theme-3{ border-color:#fce93c!important; }
.bg-theme-20{ background: #63349C!important; }
.bg-theme-3{ background: #FFCC29!important; }

/*.side-nav > ul ul{ background: #088178;}*/
.login:before { background: #ffcc29; }

.avatar{
    width:100%;
    height: 100%;
    position: relative;
    max-width: 150px;
    max-height: 150px;
    border-radius: 50%;
    background: #ffcc29;
    text-align: center;
}
.avatar h1{
    color:#fff;
    font-size: 2rem;
    position: absolute;
    font-weight: bold;
    top:38%;
    bottom: 0;
    left:0;
    right: 0;
}

.main-footer .text-logo,
.main-footer .text-logo h3,
.main-footer .text-logo span
{
    color:#fff;
}
.main-footer  .text-logo .line{
    border-bottom:1px solid #fff;
}
/*end:: Text Logo */-->


@media (max-width: 1279px) {
    .login {background: #ffcc29; }
}