.body_bg {
    background-color: #F1F2F4;
}
.fakeimg {
    height: 200px;
    background: #aaa;
}
.hhh{

    padding: 2px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mob_div {
    display: none;
}
.ct a:link {
    text-decoration: none;
    color:  #48484A;
}
.ct a:hover {
    text-decoration: none;
    color:  #4DD5FF;
}
ul.a {
    list-style-type: none;
    color:  #48484A;
    padding: 1px;
}
ul.a li {
    padding-bottom: 5px;
}
ul.a li::before {
    content: '■';
    padding-right: 5px;
}
ul.a li:hover {
    color:  #4DD5FF;
}

.blg :hover {
    background-color:  #F1E5F3;
}
@media (max-width: 767.98px) {
    .mob_div {
        display: block;
    }
    .desk_div {
        display: none;
    }
    .mob-col{
        display: none;
    }
}
@-webkit-keyframes bg-scrolling-reverse {
    100% {
        background-position: 50px 50px;
    }
}
@-moz-keyframes bg-scrolling-reverse {
    100% {
        background-position: 50px 50px;
    }
}
@-o-keyframes bg-scrolling-reverse {
    100% {
        background-position: 50px 50px;
    }
}
@keyframes bg-scrolling-reverse {
    100% {
        background-position: 50px 50px;
    }
}
@-webkit-keyframes bg-scrolling {
    0% {
        background-position: 50px 50px;
    }
}
@-moz-keyframes bg-scrolling {
    0% {
        background-position: 50px 50px;
    }
}
@-o-keyframes bg-scrolling {
    0% {
        background-position: 50px 50px;
    }
}
@keyframes bg-scrolling {
    0% {
        background-position: 50px 50px;
    }
}
/* Main styles */
body {
    /* img size is 50x50 */
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAIAAACRXR/mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAABnSURBVHja7M5RDYAwDEXRDgmvEocnlrQS2SwUFST9uEfBGWs9c97nbGtDcquqiKhOImLs/UpuzVzWEi1atGjRokWLFi1atGjRokWLFi1atGjRokWLFi1af7Ukz8xWp8z8AAAA//8DAJ4LoEAAlL1nAAAAAElFTkSuQmCC") repeat 0 0;
    -webkit-animation: bg-scrolling-reverse 0.92s infinite;
    /* Safari 4+ */
    -moz-animation: bg-scrolling-reverse 0.92s infinite;
    /* Fx 5+ */
    -o-animation: bg-scrolling-reverse 0.92s infinite;
    /* Opera 12+ */
    animation: bg-scrolling-reverse 0.92s infinite;
    /* IE 10+ */
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
}
.heb{
    background: rgb(29,119,214);
    background: -moz-linear-gradient(top,  rgba(29,119,214,1) 0%, rgba(85,174,209,1) 8%, rgba(3,151,211,1) 8%, rgba(3,151,211,1) 9%, rgba(3,151,211,1) 92%, rgba(85,174,209,1) 93%, rgba(29,119,214,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(29,119,214,1) 0%,rgba(85,174,209,1) 8%,rgba(3,151,211,1) 8%,rgba(3,151,211,1) 9%,rgba(3,151,211,1) 92%,rgba(85,174,209,1) 93%,rgba(29,119,214,1) 100%);
    background: linear-gradient(to bottom,  rgba(29,119,214,1) 0%,rgba(85,174,209,1) 8%,rgba(3,151,211,1) 8%,rgba(3,151,211,1) 9%,rgba(3,151,211,1) 92%,rgba(85,174,209,1) 93%,rgba(29,119,214,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d77d6', endColorstr='#1d77d6',GradientType=0 );
}

.typeahead {
    background-color: #FFFFFF;
}
.typeahead:focus {
    border: 2px solid #0097CF;
}
.tt-query {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
    color: #999999;
}
.tt-menu {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    margin-top: 12px;
    padding: 8px 0;
    width: 422px;
}
.tt-suggestion {
    font-size: 22px;  /* Set suggestion dropdown font size */
    padding: 3px 20px;
}
.tt-suggestion:hover {
    cursor: pointer;
    background-color: #0097CF;
    color: #FFFFFF;
}
.tt-suggestion p {
    margin: 0;
}
.btr{

    border-top-right-radius: 5px !important;
}


.btl{

    border-top-left-radius: 5px !important;
}

.btn-dark {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}


.btn-dark:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.nav-pills{
    display:table !important;
    width:100%;
}
.ll .nav-link {
    background-color: #C8A993 !important;
    color:  #000000;
}
.ll .nav-link.active {
    background-color: #895734 !important;
}

.ch .nav-link {
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(137,137,137,1) 6%,rgba(137,137,137,1) 6%,rgba(232,196,164,1) 14%,rgba(243,243,243,1) 87%,rgba(137,137,137,1) 95%,rgba(255,255,255,1) 100%);
    color:  #000000;
    border-left: 2px solid #ff6550;
}
.ch .nav-link.active {
    background: linear-gradient(to bottom,  rgba(246,230,180,1) 0%,rgba(237,144,23,1) 100%);

    color: #1E2874;
}

.nav-pills .nav-link {
    border-radius: 0px;
    border-bottom: 1px solid #F9EFD6;

}

.nav-item{
    display: table-cell;
    background: #F9EFD6;
}


.form{

    padding: 10px;
    height: 300px;
}

.form input{

    margin-bottom: 12px;
    border-radius: 3px;
}


.form input:focus{

    box-shadow: none;
}


.form button{

    margin-top: 20px;
}
.mback{
    background: linear-gradient(to bottom,  rgba(240,183,161,1) 0%,rgba(140,51,16,1) 50%,rgba(117,34,1,1) 51%,rgba(191,110,78,1) 100%);

}
.home_logos {
    width: 1.5in;
}
.gdboxs {
    background-color: #55AED1;
    border-color: #80E9ED;
    color: #F9EFD6;
}
.qdbtns {
    background-color: #55AED1;
    border-radius: 0px 10px 10px 0px;
    border-color: #80E9ED;
}
.logouts {
    border-color: #80E9ED;
    color: #F9EFD6;
}
.mo_logo {
    width: 100%;
}
.qmboxs {
    background-color: #55AED1;
    border-color: #80E9ED;
}
.mgs {
    margin-top:30px;
    margin-bottom: 100px;
}
.hebs {
    color: #F9EFD6;
}
.cardb {
    max-height: 200px;
    overflow-x:  hidden;
    background-color: #F2EFED;
}
.book_viewds {
    background-color: #F7F4ED;
}
.likas {
    text-decoration: none;
}
.backtos {
    border-color: #80E9ED;
    color: #895734;
    text-decoration:none;
}
.books_imgss {
    width:60%;
}
.ctxts {
    color: #4D7502;
}

.mtxts {
    color: #102D00;
}

.book_lists {
    height: 100%;
    overflow: auto;
    overflow-x:  hidden;
}

.bitems {
    background-color: #ECD5AB;
}

.ifrm{
    width:100%; height:100vh; border:none;
}