html {
background: url(bg.jpg) no-repeat;
padding-bottom: 60px;
background-attachment: fixed;
background-size: cover;
padding: 70px 0px;
padding-top:0;
}

body {
    background: transparent;
}
.page-wrapper {
background: transparent;
}
.navbar-dark .navbar-nav .nav-link {
color: rgb(255, 255, 255);
}
.breadcrumb {
background-color: transparent;
padding:.5rem 1rem;
}
.breadcrumb-item.active {
font-weight: 400;
color: #868e96;
}
.card .card-subtitle {
margin-bottom: 0;
}
.class-vwrapper {
padding: 15px;
position: relative;
color: #545e6f;
transition: transform .2s ease-in-out;
background: white;
border-radius: 9px;
transition: 0.3s;
position: relative;
box-shadow: -10px 10px 14px -9px rgba(25, 42, 70, .13);
display: block;
margin-bottom: 20px;
opacity: 0.7;
}
.class-vwrapper:hover {
transform: translate(0, -4px);
background: #fc4a1a;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #f7b733, #fc4a1a);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #f7b733, #fc4a1a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.books-card {
border-color: #ffffff !important;
transition: transform .2s ease-in-out !important;
border-radius: 9px !important;
transition: 0.3s !important;
position: relative;
box-shadow: -10px 10px 14px -9px rgba(25, 42, 70, .13) !important;
margin-bottom: 20px;
}
.books-card:hover {
transform: translate(0, -4px);
}
.books-card .card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 10px 15px;
border-top: 1px solid #ccc;
}
.class-vwrapper:hover h5 {
color: #fff;
}
.class-content {
margin-bottom: 0px;
}
.class-vwrapper {
min-height: 100px;
width: 100%;
position: relative;
color: #545e6f;
transition: transform .2s ease-in-out;
background: white;
border-radius: 9px;
transition: 0.3s;
box-shadow: -10px 10px 14px -9px rgba(25, 42, 70, .13);
display: block;
margin-bottom: 20px;
}
.class-content.text-center h5.card-title {
font-size: 20px;
margin-bottom: 0px;
font-weight: 500;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
padding: 15px;
text-align: center;
}
.books-card .card-body .card-title {
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
overflow: hidden;
}
.list-items .item-bar {
padding: 5px 15px;
border-radius: 4px;
transition: transform .2s ease-in-out;
transition: 0.3s;
box-shadow: -10px 10px 14px -9px rgba(25, 42, 70, .13);
}
.list-items .item-bar:hover {
transform: translate(0, -4px);
}
.list-items .item-bar a{
color: #fff;
}
.list-items ul {
padding-inline-start: 0px;
list-style: none;
align-self: center;
}
.list-items ul.ml-auto.d-flex li {
margin: 0px 0px;
}
.list-items ul.ml-auto.d-flex li a {
padding: 5px 8px;
font-size: 24px;
margin-left: 2px;
}

.list-items ul.ml-auto.d-flex li a:hover {
    color: #fbc9d0;
    cursor: pointer;
    transition: 0.3s;
}
.inner-cl {
min-height: 100px;
width: 100%;
position: relative;
color: #545e6f;
transition: transform .2s ease-in-out;
background: white;
border-radius: 9px;
transition: 0.3s;
box-shadow: -10px 10px 14px -9px rgba(25, 42, 70, .13);
display: block;
margin-bottom: 20px;
}
.inner-cl:hover {
transform: translate(0, -4px);
background: #fc4a1a;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #f7b733, #fc4a1a);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #f7b733, #fc4a1a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.inner-cl:hover h5.card-title {
color: #fff;
}
.inner-cl h5.card-title {
font-size: 20px;
margin-bottom: 0px;
font-weight: 500;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
padding: 15px;
text-align: center;
}
.footer {
padding: 10px 0;
}
.bg-5 {
background-image: linear-gradient(to top, #D32F2F 0%, #EF9A9A 100%);
}
.bg-4 {
background-image: linear-gradient(to top, #512DA8 0%, #B39DDB 100%);
}
.bg-6 {
background-image: linear-gradient(to top, #1976D2 0%, #90CAF9 100%);
}
.bg-3 {
background-image: linear-gradient(to top, #0288D1 0%, #81D4FA 100%);
}
.bg-2 {
background-image: linear-gradient(to top, #00796B 0%, #80CBC4 100%);
}
.bg-1 {
background-image: linear-gradient(to top, #388E3C 0%, #A5D6A7 100%);
}
.login-register-p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (min-width: 1024px){
.page-wrapper {
margin-left: 0px;
}
.footer {
left: 0;
}
}
@media (min-width: 768px){
.page-wrapper {
margin-left: 0px !important;
}
.footer {
left: 0px !important;
}
}
@media (max-width: 767px){
.mini-sidebar .page-wrapper {
margin-left: 0px;
padding-top: 56px;
}
.login-box {
     width: 400px; 
}
}
@media (max-width: 767px){
     .login-box {
     width: 300px; 
}
.register-box.card {
    top: 80px !important;
}
}
@media (max-width: 1040px){
.class-vwrapper {
min-height: 80px;
}
.class-content.text-center h5.card-title {
font-size: 16px;
}
}