body{font-family:'Open Sans', sans-serif;font-size:15px}

a{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
a:hover,a:focus{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}

#sidebar{width:170px;background:#2c343f;text-align:center}
#sidebar .logo{background:#3c434d;padding:10px 5px 8px;box-sizing:border-box}
#sidebar .logo img,#sidebar .logo svg{width:70px;height:70px}
#sidebar .logo .title{font-size:20px;color:#fff;margin-top:7px}
#sidebar ul{text-align:left}
#sidebar ul li{padding:2px 10px}
#sidebar ul li:hover{background:#232a32}
#sidebar ul li.uk-active a{color:#fff}
#sidebar ul a{color:rgba(255,255,255,0.59);display:block;font-size:13px;line-height:20px;margin:0}
#sidebar .social{border:1px solid #3c434d;border-left:none;border-right:none;margin:25px 0;padding:15px 5px 17px}
@media (max-width:1200px){
#sidebar{width:160px}
#sidebar .logo .title{font-size:17px}
#sidebar ul a{font-size:12px;line-height:18px}
}
@media (max-width:959px){
#sidebar{width:110px}
#sidebar .logo .title{font-size:14px}
#sidebar p{font-size:12px}
}

.main-container{margin-left:170px;background:#f5f5f5}
.main-container .uk-card-body{padding:15px 280px 15px 15px}
.main-container .logo img{width:50px}
@media (max-width:1600px){
.main-container .uk-card-body{padding-right:290px}
}
@media (max-width:1440px){
.main-container>.main>*{padding:0 25px}
}
@media (max-width:1200px){
.main-container{margin-left:160px}
.main-container>.main>*{padding:0 15px}
}
@media (max-width:959px){
.main-container{margin-left:110px}
.main-container .uk-card-body{padding:10px}
}
@media (max-width:639px){
.main-container{margin-left:0}
}

.recipe{font-size:15px;}
.recipe>.uk-dropdown{min-width:360px}
.recipe .affix{position:absolute;top:26px;right:16px;color:#333}
.recipe .uk-button-empty{border-radius:7px;overflow:hidden;box-shadow:0 3px 7px rgba(0,0,0,.16)}
.recipe .uk-button-empty img{max-width:64px}
.recipe p{margin:0}
.teleport h3{max-width:360px;padding-right:20px;line-height:25px}
.teleport .uk-dropdown{min-width:250px;padding:16px}
@media (max-width:1600px){
.recipe .uk-button-empty img{max-width:54px}
}
@media (max-width:1440px){
.recipe .uk-button-empty img{max-width:52px}
}
@media (max-width:959px){
.recipe{font-size:13px}
.recipe>.uk-dropdown{min-width:200px;padding:15px}
.recipe .uk-button-empty img{max-width:42px}
.recipe .affix{top:19px}
.teleport h3{font-size:20px}
}

.uk-card-header{border:none!important}
.uk-card-header h2{color:#595959;font-size:16px;font-weight:bold;text-transform:uppercase}
.uk-card-body{background:#f9f9f9;font-size:0;border-top:1px solid #eee}

footer{background:#fff;padding:10px 0;font-size:12px;border-top:1px solid #e9e9e9}

h1{font-size:34px}
h2{font-size:26px}

.uk-text-danger{color:#e72b2b!important}
.uk-text-success{color:#22b822!important}

.uk-notification{width:330px;z-index:666}
.uk-notification h3{font-size:20px;margin-bottom:10px}
.uk-notification img{max-width:45px}
.uk-notification-message-primary{background:#d9ecd5;box-shadow:0 4px 5px -3px rgba(0,0,0,.43)}
@media (max-width:959px){
.uk-notification{min-width:200px;width:auto}
}

.uk-button-empty:hover{background:#e3e3e3}
.uk-button-empty span{max-width:130px;padding:10px;box-sizing:border-box;display:inline-block;line-height:18px;text-align:left;vertical-align:middle}

.uk-tooltip-inner:first-letter{text-transform:capitalize}

.uk-lightbox{background:rgba(0,0,0,.7)}

.something{width:100%;height:10px;background:#2c343f;display:block;line-height:10px}
.something:hover{background:#505b6b;text-decoration:none}