@font-face {
    font-family: Roboto-Bold;
    src: url(../fonts/Roboto-Bold.ttf);
}

@font-face {
    font-family: Roboto-Light;
    src: url(../fonts/Roboto-Light.ttf);
}

@font-face {
    font-family: Roboto-Medium;
    src: url(../fonts/Roboto-Medium.ttf);
}

@font-face {
    font-family: RobotoCondensed;
    src: url(fonts/RobotoCondensed-Bold.ttf);
}

@font-face {
    font-family: Roboto-Regular;
    src: url(../fonts/Roboto-Regular.ttf);
}

.login-page, .register-page {
    background-size:cover;
}

.contact-phone{
	font-size: 12px;
	padding-right: 20px;
	color: #fff;
}
.contact-phone i{
	padding-right: 5px;
	color: #fff;
}
.contact-email i{
	padding-right: 5px;
	color: #fff;
}
.contact-email{
	font-size: 12px;
	color: #fff;
}
.top-main-header .contact-list {
        padding: 2px 2px 2px 10px;
}

.bannelyk{
	background: url(/images/backonPB.jpg) no-repeat!important;
	height: 120px;
	border-top: solid 1px #fff;
}

.imgyk{
	padding-left: 40px;
    height: 110px;
    padding-top: 0px;
}
.skin-blue .main-header .navbar{
	 background: #3c8dbc!important;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side{
	background: #ecf0f5!important;
}

..skin-blue .main-header .navbar .nav>li>a{
  padding-top: 10px!important;
}
.skin-blue .main-header .navbar .nav>li>a{
	padding: 10px 15px!important;
}

.sidebar{
	background: #fff!important;
	box-shadow: 5px 5px rgba(140,178,198,.2);
}

.main-sidebar{
	 width:210px!important;
	 padding-top: 250px!important;
}
.content-wrapper, .main-footer{
	    padding: 5px 10px 5px 10px;
	    margin-left: 0px!important;
}
.content-wrapper{
	margin-left: 210px!important;
	
	margin-top: 80px;
}
.main-sidebar{
	 min-height: 100px!important;
	    padding-top: 0px!important;
    margin-top: 180px;
    margin-left: 10px;
}
.header-name-app{
	float: left;
height: 40px!important;
}
.logo img{
	height: 35px!important;
}
.logo span{
    color:#d6ecff;
    font-weight: bolder;
	font-size: 18px;
}


.main-header .logo{
	    height: 40px!important;
      line-height: 40px!important;
}

.main-header{
	 height: 40px!important;
}

.main-header .sidebar-toggle{
	padding: 10px 15px!important;
}
.skin-blue .main-header .navbar .nav>li>a{
	font-size: 13px!important;
}


.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a {
    color: #044088!important;
    background: #fff!important;
}
.skin-blue .sidebar-menu>li.active>a{
	background: #f2f6f9!important;
}
.skin-blue .sidebar a {
    color: #044088;
}
.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 60px !important;
    z-index: 840;
}

.skin-blue .sidebar-menu>li>.treeview-menu {
    margin: 0 1px;
    background: #fff!important;
}
.header{
	color: #000!important;
	font-weight: bold;
	text-transform: uppercase;
}
.skin-blue .sidebar-menu .treeview-menu>li>a {
    color: #5d5d5d!important;
    font-size: 14px;
        
}
.skin-blue .sidebar-menu .treeview-menu>li>a:hover {
    color: red!important;
    font-size: 14px;
        background: #f2f6f9!important;
}
.treeview-menu>li>a {
    padding: 10px 5px 10px 5px!important;
    }
    
.main-header{
	z-index: auto!important;
}

.main-header .navbar{
	min-height: 0px!important;
}

.sidebar-menu li.header {
    padding: 5px!important;
    font-size: 12px!important;
    border: solid 1px #bfd2e9!important;
    margin: 5px!important;
    border-radius: 5px!important;
}

.treeview-menu>li>a>.fa, .treeview-menu>li>a>.glyphicon, .treeview-menu>li>a>.ion {
    width: 15px!important;
    color: #bbb7b7;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
     box-shadow: 5px 5px rgba(140,178,198,.2);
   
}


.treeview-menu{
	width:200px!important;
}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
    position: relative !important;
    float: right;
    width: auto !important;
    left: 200px !important;
    top: -25px !important;
    z-index: 900;
    box-shadow: none!important;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
    display: block !important;
    position: absolute;
    width: 200px;
    left: 50px;
    font-family: "RobotoCondensed", Arial;
    font-size: 18px;
    
}

.content-header>h1 {
    margin: 0;
    font-size: 20px!important;
    color: #4B77BE!important;
    font-family: "RobotoCondensed", Arial!important;
   
}

.sidebar-menu>li span1 {
    position: relative;
    margin: 0;
    padding: 0;
    font-family: "RobotoCondensed", Arial!important;
}

.login-box, .register-box {
    width: 600px;
    margin: 10% auto;
    padding: 10px;
    background: rgba(255,255,255,0.4);
    border-radius: 10px;
}

.login-box-body, .register-box-body{
margin: auto!important;
}

.login-logo a b {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-family: "RobotoCondensed", Arial!important;
    font-size: 24px;
    text-decoration: underline;
}
.login-logo a {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-family: "RobotoCondensed", Arial!important;
    font-size: 35px!important;
}
.login-box img {
    margin: 10px auto;
    display: block;
    opacity: 0.6;
}

@media (max-width: 720px) {
    .login-box, .register-box {
        width: auto;
        height: 100vh;
        margin: 0px;
    }
    .login-box-body, .register-box-body {
        width: 100% !important;
    }
    .login-logo a {
        font-size: 20px !important;
    }
    .login-logo a b {
        display:none;
    }
    .login-box btn, .register-box btn {
        width: 100%;
    }
}
@media (max-width: 767px){
.content-wrapper, .main-footer {
    margin-left: 0px!important;
    padding: 0px!important;
    margin-top: 25px!important;
}	
}
@media (max-width: 767px){
.imgyk {
    padding-left: 10px!important;
    height: 80px!important;
}	
}

@media (max-width: 767px){
.main-header {
    height: auto!important;
    
}	
}