.main-panel{ background: #fff; }

h5.title.bordered {
    border-left: 5px solid #00bbe1;
    padding-left: 20px;
    margin-bottom: 30px;
}
h5.title.bordered i{ font-size: 90%; }

/* Bootstrap elements */
.alert.alert-dark { background: #212120; }

/* Login page */
.login-page .section-image:after{ background: rgba(0,187,225,.7);  }

.login-page .content .container { margin-top: 0; }
.login-page .card-login .card-header {
    margin-bottom: 30px;
    margin-top: 20px;
    text-align: center;
    border:none;
}
.login-page .card-login .card-header img { max-height: 50px; }
.login-page .card-login .input-group:last-child { margin-bottom: 20px; }

/* Sidebar */
.off-canvas-sidebar[data-color=black]:after, .sidebar[data-color=black]:after {
    background: #212120;
}
@media (max-width: 991px){
	.sidebar .logo {display: none;}
}

.sidebar .separator{
	display: block;
    position: relative;
    height: 20px;
}
.sidebar .separator:after{
	content: "";
    position: absolute;
    bottom: 0;
    right: 15px;
    height: 1px;
    width: calc(100% - 30px);
    background-color: hsla(0,0%,100%,.5);
}

@media screen and (min-width: 992px){
    .sidebar .sidebar-wrapper li.active>[data-toggle=collapse]+div .nav li:after, .sidebar .sidebar-wrapper li.active>a:not([data-toggle=collapse]):after {
        border-right-color: #fff;
    }
}


/* Top bar */
@media (min-width: 992px){
	.navbar .navbar-brand{display: none;}
}
.navbar .navbar-brand img { height: 28px; }
.navbar .navbar-brand { padding: 0; }

.navbar .dropdown-menu .dropdown-item:focus, .navbar .dropdown-menu .dropdown-item:hover{ background: #00bbe1; }

/* Forms */
.select2-container{ max-width: 100% !important; }

/* Card */
.card .card-header{ border-bottom: 1px solid #ddd; }
.card:not(.card-login) { background: #f6f6f6; box-shadow: none; }
.card .card-header .title{ display: inline-block; }
.card .card-header .title.little { font-size: 1.3em; line-height: 1.7em; }
.card .card-header .pull-right.btn { margin-top: 0; }
.card .card-link-inherit{color: inherit !important; text-decoration: none;}

@media (min-width: 768px){
    .card.card-categories-dashboard { margin-top: 35px; }
}

/* Single post */
.post-info {
    padding: 15px;
    border-radius: 12px;
    background: #f6f6f6;
    margin-bottom: 30px;
}
.post-date, .post-categories { display: inline-block; }
.post-date{ margin-right: 15px; }
.post-info i { margin-right: 5px; vertical-align: middle; }

/* Post loop */
.post-loop-element {
    border-bottom: 1px solid #ddd;
    padding: 30px 0;
}
.post-loop .post-loop-element:first-child{ padding-top: 0; }
.post-loop-element h4 { margin: 0 0 8px; }
.post-loop-element h4 a { display: block; }
.post-loop .post-info { background: none; padding: 0; margin-bottom: 20px; }

.side ul {
    list-style-type: none;
    padding: 0;
}
.side ul li a {
    display: block;
    padding: 10px 0 10px 15px;
    color: #252422;
}
.side ul li a:hover {
    color: #00bbe1;
    text-decoration: none;
}

/* User view */
.user-side .card-stats .card-body { padding: 15px; }
.user-side .card .card-header .title.little{
    color: #9a9a9a;
    font-size: 16px;
    line-height: 1.4em;
    text-align: right;
    display: block;
}
.user-side ul li a { padding: 2px 0; }

/* Dashboard */
.card.card-plain { background: none; }
.card-timeline .timeline>li>.timeline-badge {background-color: #212120; border-color: #212120; }
.badge.badge-dark{ border-color: #212120; background-color: #212120; }
.hide-link{ color: #2c2c2c; text-decoration: none; }
a:hover .hide-link, .hide-link:hover, .timeline-body a:hover{ text-decoration: none; }
.card-timeline .timeline>li.timeline-inverted>.timeline-panel{ border: 1px solid #dee2e6; }
.card-timeline .timeline h6 { text-transform: none; }