@font-face {
    font-family: 'Robotkicks';
    src: url('../customfonts/RobotKicks.woff2') format('woff2'),
         url('../customfonts/RobotKicks.woff') format('woff'),
         url('../customfonts/RobotKicks.ttf') format('truetype');
          font-display: swap;
}
.customfont {		font-family: 'RobotKicks', sans-serif;	}
.customfont h4{color:#0170C0}
.brand-logo.customfont h1{color:red;font-size:3em}
iframe {	width: 99%;		padding:0;	height: 800px; 		
border: 1px solid #505963;  overflow: hidden; 	}
.deznav,.nav-header,.menu-toggle .deznav .metismenu li > ul, .menu-toggle .deznav .metismenu li > ul,.menu-toggle .deznav .metismenu li > ul{background:#505963!important;}
.header-right{color:black}
@media only screen and (max-width: 47.9375rem) {
	.header-left .dashboard_bar { display: block;padding-left: 0.4rem;    }
	.header-right {    padding-left: 0.9rem;padding-right: 2rem;	}
}
@media only screen and (max-width: 35.9375rem) {
	.header .header-content {	padding-left: 2rem;}
}
.footer{padding:0!important}
.deznav .metismenu ul a:hover, .deznav .metismenu ul a:focus{color:white!important}

.deznav .metismenu > li.mm-active > a,.deznav .metismenu ul a.mm-active, .deznav .metismenu > li.mm-active > a{color:yellow!important}
 
.deznav .metismenu ul ul {
    padding-left: 0;
    border-left: 1px solid #aaa;
    margin-left: 1.3em;
}

@media (max-width: 640px) {
	.brand-logo h1{display:none!important}
	.customfont h4 {    padding-top: 4px!important;    font-size: 12px!important}
}