.content {
    float: left;
    padding: 3.5rem;
    width: 100%;
    background-image: url(	https://static.milanote.com/image-4cc3496fd809.png);
}

section.card.collection-card {
	background-image: url(	https://static.milanote.com/image-4cc3496fd809.png);
}

.open a.navbar-brand:not(.hidden) {
    display: none;
}

.open .right-panel .navbar-brand.hidden {
    display: inline-block;
    width: 60x;
}


.open .right-panel .navbar-brand.hidden {
	width: 45px;
}

.card {
    margin-bottom: 1.875em;
    border-radius: 0.25rem;
    padding: 0;
    border: 1px solid #d7d7d7;
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 8%);
    box-shadow: 0 0px 10px rgb(0 0 0 / 10%);
    font-family: montserrat, ui-sans-serif;
}

.edit_modal {
	cursor: pointer;
	transition: .24s opacity;
}

span.edit_modal:hover {
	opacity: 0.8;
}

.card .card-body {
    float: left;
    padding: 1.25em;
    position: relative;
    width: 100%;
}

.card h4 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

h5 {
    font-size: .75em;
    margin-bottom: 0.75rem;
    font-weight: 600;
}

.card-body button {
    width: -webkit-fill-available;
    border: 0px;
    padding: 0.5rem 1rem;
    font-size: .75rem;
    border: 1px solid #d7d7d7;
    border-radius: 0.25rem;
}

.card-body button:hover {
    background: #222222;
    color: white;
    font-weight: 500;
}

/* end */




/* ganral */

.right-panel header.header {
    background: #222222;
    border-bottom: 1px solid #e8e9ed;
    -webkit-box-shadow: none;
    box-shadow: none;
    clear: both;
    padding: 0 30px 0 0;
    height: 55px;
    position: fixed;
    left: 280px;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    box-shadow: 0px 2px 20px rgb(0 0 0 / 25%);
}

aside.left-panel {
    background: #e8e8e8;
    height: 100vh;
    padding: 0;
    vertical-align: top;
    width: 280px;
    -webkit-box-shadow: 1px 0 20px rgb(0 0 0 / 8%);
    box-shadow: 2px 0 20px rgb(0 0 0 / 25%);
    position: fixed;
    left: 0;
    bottom: 0;
    top: 55px;
    z-index: 999;
}

.navbar .navbar-nav > li.active,
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav li.menu-item-has-children.active .sub-menu,
.navbar .navbar-nav li.active > a  {
    background: #222;
    color: #fff;
}



.navbar .navbar-nav li.active .menu-icon, .navbar .navbar-nav li:hover .toggle_nav_button:before, .navbar .navbar-nav li .toggle_nav_button.nav-open:before {
	color: #fff;
}

.btn-secondary:hover {
    color: #000;
    background-color: #e8e8e8;
    border-color: #000000;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #e8e8e8;
    border-color: #000000;
}

section.card.collection-card {
    height: 100%;
    margin-bottom: 0;
background-color: #e7e7e7;
}



.feed-button-container {
	padding-top: 15px;
}

.feed-button-container .btn {
	display: block;
	background-color: #e8e8e8;
	color: #c0c2c3;
	font-size: 15px;
}

.feed-button-container .btn:hover {
	color: #fff;
	background-color: #000;
}

.modal-header .close {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}

.modal-content .card {
    box-shadow: none;
    border: none;
}

.modal-content  .modal-body {
	padding: 0;
}

.feed-info-container .corner-ribon.blue-ribon {
    position: absolute;
    right: 25px;
    top: 24px;
    width: 25px;
    height: 25px;
}

.card .nav-tabs a {
	font-size: 16px;
	padding-left: 15px;
	padding-right: 15px;
}

/* end */