body{
padding:0;
margin:0;
background-color:#eee;
color:#555;
font-family:"Open Sans",Helvetica,Arial,sans-serif;
font-size:16px;
line-height:25px;
}
strong{
font-weight:700;
}
i{
margin-right:.3rem;
}
select{
display:block;
}
input[type=text]{
margin:.25rem;
width:100%;
}
main{
padding:0 1rem;
}
h1{
font-size:48px;
}
h2{
font-size:1.75rem;
}
a{
color:#555;
}
a,a:hover,a:focus{
text-decoration:none !important;
}
footer{
position:relative;
bottom:0;
width:100%;
text-align:center;
background-color:#113d69;
padding:1rem 0 1rem 0;
}
textarea{
width:100%;
height:12rem;
margin:.25rem;
}
.logo{
text-align:center;
margin-bottom:1rem;
}
.search{
text-align:center;
margin-bottom:1rem;
}
.search-right{
text-align:right;
}
.search-str{
display:inline;
width:16rem;
border:1px solid rgba(64,64,64,.5);
line-height:1.25rem;
}
.search-btn{
background-color:rgba(31,112,193,0.8);
color:#fff;
width:6rem;
margin:0;
line-height:1.25rem;
}
.search-btn:hover{
background-color:rgba(31,112,193,0.5);
color:#ff2800;
}
/*jeehuti*/
.clr{
clear:both;
}
.screen{
min-height:100vh;
height:auto;
margin:.125rem auto;
padding:1rem 0 3rem 0;
background-color:#fff;
border-radius:.5rem;
}
.topline{
color:#fff;
padding:1rem 0;
}
.navbar{
background-color:#fff !important;
border:1px solid #eee;
border-radius:.5rem;
font-size:1rem;
padding:0;
}
.navbar-brand img{
height:44px;
}
.nav-item,.form-control,.btn-light{
font-size:.875rem;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
color:#555;
}
.tr{
display:flex;
}
.x_menu{
text-align:center;
vertical-align:top;
}
.x_menu_list{
display:table;
margin:0 auto;
padding-top:.5rem;
}
.x_menu_col{
list-style-type:none;
float:left;
}
.x_menu_col a{
border:0;
}
.x_menu_col img{
height:44px;
}
.x_menu_item{
text-align:left;
padding:.125rem;
}
.x_menu_title{
color:#fffcf2;
font-size:1rem;
font-weight:700;
text-align:left;
padding:.125rem;
padding-bottom:.25em;
}
.x_menu_item{
font-size:.875rem;
}
.x_menu_item a:link,.x_menu_item a:visited,.x_menu_title a:link,.x_menu_title a:visited{
color:#f0f8fe;
border:none;
}
.x_menu_item a:hover,.x_menu_title a:hover{
border-bottom:1px solid #f0f8fe;
}
.copy{
color:#f0f8fe;
width:100%;
height:2rem;
font-size:.8rem;
margin-bottom:.25rem;
}
.copy a:link,.copy a:visited,.copy a:link,.copy a:visited{
color:#f0f8fe;
border:none;
}
.error{
padding-top:6rem;
text-align:center;
color:#ed1b24;
}
.error h1{
text-transform:uppercase;
}
.sn{
position:fixed;
width:2rem;
top:8.5rem;
right:1rem;
z-index:888;
margin:.5rem;
}
.sh_vk,.sh_fb,.sh_tw,.sh_pn{
width:2rem;
height:2rem;
margin:.125rem;
overflow:hidden;
}
.pager{
font-size:1.5rem;
}
.pager-item{
padding:.5rem;
line-height:.875rem;
}
.pager-item a{
border:none;
}
.pager-c{
font-size:2rem;
font-weight:500;
}
.pager-i{
font-size:1rem;
}
.h_table{
width:100%;
font-size:1.4em;
text-align:left;
}
.h_table td{
padding:.1em;
padding-bottom:.4em;
}
.h_table tr:nth-child(even){
border-bottom:1px dotted #eea6ad;
}
.h_table tr:nth-child(odd){
border-bottom:1px dotted #99cccc;
}
.h_name{
font-size:.75rem;
width:25% !important;
max-width:25% !important;
text-overflow:ellipsis;
overflow:hidden;
height:2rem; 
white-space:nowrap;
}
.h_name a{
color:#555;
border-bottom:1px dotted #555;
}
.h_year{
font-size:.75rem;
width:8% !important;
max-width:8% !important;
text-overflow:ellipsis;
overflow:hidden;
height:2rem; 
white-space:nowrap;
}
.list_value{
font-size:1rem;
text-align:center;
}
.table{
display:table;
width:100%;
}
.table-row{
width:100%;
clear:both;
}
.table-col{
float: left;
display:table-column;
min-width:3rem;
width:auto;
margin:.1rem;
}
.uc{
text-align:center;
font-size:1.25rem;
}
.card-data{
width:18rem;
float:right;
display:inline-block;
padding:.5rem;
border:1px dashed #777;
border-radius:.25rem;
background-color:#fff;
}
.card-data p{
padding:0;
margin:0;
line-height:1.5rem;
}
.recover-email{
width:16rem;
display:inline;
}
.recover-btn{
background-color:rgba(31,112,193,0.8);
color:#fff;
width:auto;
margin:0;
line-height:1.25rem;
}
.recover-btn:hover{
background-color:rgba(31,112,193,0.5);
}



.user-row{
margin:.25rem 0;
border:1px solid rgba(128,128,128,.25);
}


.user-ava{
width:6rem;
height:6rem;
padding:.25rem;
}
.user-title{
font-size:1.75rem;
}

.user-ava img{
width:100%;
height:auto;
max-width:100%;
max-height:100%;
}
.user-main-col{
padding:0 .5rem;
}
.user-main-col h3{
font-size:1.5rem;
padding:.5rem 0;
}

.ab-title{
font-size:1.25rem;
margin-bottom:.5rem;
}
.ab-sub-title{
font-size:1.125rem;
margin-bottom:.5rem;
}
.ab-narrator{
font-size:1.125rem;
margin-bottom:.5rem;
}
.ab-section{
font-style:italic;
font-size:1rem;
margin-bottom:.25rem;
}
.ab-genre{
font-size:1rem;
}
.ab-publisher{
font-size:1rem;
}
.ab-descr{
margin:.5rem 0;
text-align:justify;
}
.abook{
padding:.5rem;
width:100%;
border:1px solid rgba(128,128,128,.25);
}
.sm-descr{
font-size:.875rem;
}
.ab-cover{
float:right;
}
.ab-cover img{
width:18rem;
max-width:18rem;
}
.us{
margin:0 1rem 0 .5rem;
padding:.5rem;
font-size:.875rem;
border:1px solid rgba(128,128,128,.25);
border-radius:.5rem;
}
.us p{
margin:0;
}
.us p a{
border-bottom:1px dashed #12f;
}
.join{
padding:1.25rem;
}
.join img{
width:3rem;
padding-right:.5rem;
}
.videndus{
border-bottom:1px dashed #555;
}
.avatar{
width:12rem;
overflow:hidden;
}
.avatar img{
width:100%;
padding:0 1rem;
}
.recover{
float:right;
}
.magnet img{
width:3rem;
margin:1rem;
}
.ava-small{
width:4rem;
}
.list-total{
font-size:.875rem;
}
.unread{
background-color:#eee;
}
.msg-note{
text-align:center;
}
.msg-card{
display:flex;
border-radius:.5rem;
box-shadow:rgba(0, 0, 0, 0.25) 1px 2px 4px;
border:1px solid #ddd;
margin-bottom:.5rem;
}
.msg-card-img{
padding:.5rem .25rem;
width:8rem;
height:6rem;
max-width:8rem;
min-height:6rem;
}
.msg-card-img img{
object-fit:cover;
width:100%;
height:auto;
max-width:8rem;
max-height:100%;
}
.msg-card-body{
display:flex;
flex:1;
flex-direction:column;
padding:.5rem;
}
.msg-card-wrap{
min-height:6rem;
}
.msg-card-source{
padding:.5rem;
border:1px dashed #777;
border-radius:.5rem;
background-color:#efe;
}
.msg-card-source h4{
font-size:1.25rem;
}
.msg-card-text{
height:100%;
font-size:1rem;
}
.msg-card-text a{
border-bottom:1px solid rgba(91,180,222,.5);
}
.msg-card-footer{
font-size:.75rem;
margin-top:auto;
border-top:1px solid rgba(255,40,0,.125);
}




.ab-card{
position:relative;
display:flex;
border-radius:.5rem;
border:1px solid #ddd;
margin-bottom:.5rem;
}
.ab-card-img{
object-fit:cover;
width:10rem;
min-width:10rem;
height:10rem;
margin:.5rem;
margin-right:1rem;
}
.ab-card-img img{
object-fit:cover;
width:100%;
height:auto;
max-width:100%;
max-height:100%;
}
.ab-card-body{
display:flex;
flex:1;
flex-direction:column;
padding:.5rem;
}
.ab-card-wrap{
min-height:10rem;
}
.ab-card-title{
text-align:left;
margin:0;
font-size:1.5rem;
}
.ab-card-title-sub{
text-align:left;
margin:0;
font-size:1.125rem;
}
.ab-card-text{
height:100%;
font-size:1rem;
}
.ab-card-footer{
font-size:.75rem;
margin-top:auto;
border-top:1px solid rgba(255,40,0,.125);
}
/*i*/
.main-page-title{
text-align:center;
text-transform:uppercase;
font-size:1.5rem;
margin-bottom:1rem;
color:#120d0a;
}
.main-page-title-sm{
font-size:1rem;
margin-bottom:1rem;
color:#120d0a;
text-align:center;
text-transform:uppercase;
padding:1rem;
border-bottom:1px dashed rgba(128,128,128,.25);
}
.ab-card-i{
display:flex;
border-radius:.5rem;
border:1px solid #ddd;
margin-bottom:.5rem;
}
.ab-card-img-i{
object-fit:cover;
width:10rem;
min-width:10rem;
height:10rem;
margin:.5rem;
margin-right:1rem;
}
.ab-card-img-i img{
object-fit:cover;
width:100%;
height:auto;
max-width:100%;
max-height:100%;
}
.ab-card-body-i{
display:flex;
flex:1;
flex-direction:column;
padding:.5rem;
}
.ab-card-wrap-i{
min-height:10rem;
}
.ab-card-title-i{
text-align:left;
margin:0;
font-size:1.25rem;
}
.ab-card-title-sub-i{
text-align:left;
margin:0;
font-size:1.125rem;
}
.ab-card-text-i{
height:100%;
font-size:.875rem;
}
.ab-card-footer-i{
font-size:.75rem;
margin-top:auto;
border-top:1px solid rgba(255,40,0,.125);
}
.main-cover{
width:100%;
}
.main-intro{
padding:.25rem 0;
}
.main-intro a{
border-bottom:1px solid rgba(64,64,64,.5);
}
.cover, .news-cover{
float:left;
clear:both;
object-fit:cover;
padding:0;
margin-right:1rem;
border:1px solid rgba(64,64,64,.125);
}
.latest_article{
min-height:14rem;
padding:1rem;
}
.latest_article .heading{
font-size:1.5rem;
}
ol.breadcrumbs{
list-style:none;
padding:0;
margin:0;
}
.breadcrumbs li{
display:inline;
}
.breadcrumbs li:after{
content: "\2192";
}
ol.breadcrumbs span{
font-size:.875rem
}
.art-cover img{
width:20rem;
float:left;
margin-right:1rem;
}
.heading h3{
text-transform:uppercase;
font-size:1.25rem;
}
.list-table{
display:table;
width:100%;
margin:0;
box-shadow:1px 2px 4px rgba(0,0,0,.5);
}
.list-row{
display:table-row;
background:#f3f3f3;
}
.list-row:nth-of-type(odd){
background:#e3e3e3;
}
.list-row.header{
font-weight:600;
color:#fff;
background:#70646a;
}
.list-row.header a{
color:#fff;
}
.list-cell{
display:table-cell;
padding:.25rem .75rem;
}
.accordion-button,.accordion-button:not(.collapsed){
background-color:#fffcf5;
color:#555;
}
.accordion-button:after{
display:none;
}
.accordion-button:focus{
border:1px solid rgba(0,0,0,.125);
box-shadow:none;
}
.acc-sub-menu{
margin:0;
padding:0;
list-style-type:none;
}
.ribbon {
position:absolute;
right:-5px;
top:-5px;
z-index:1;
overflow:hidden;
width:75px;
height:75px;
text-align:right;
}
.ribbon span {
font-size:.75rem;
font-weight:400;
color:#fff;
text-transform:uppercase;
text-align:center;
line-height:20px;
transform:rotate(45deg);
-webkit-transform: rotate(45deg);
width:100px;
display:block;
background:linear-gradient(#e04d55 0%, #e04d55 75%);
box-shadow:0 3px 10px -5px rgba(0, 0, 0, 1);
position:absolute;
top:19px;
right:-21px;
}
.ribbon span::before {
content:"";
position:absolute;
left:0px;
top:100%;
z-index: -1;
border-left:3px solid #8f0808;
border-right:3px solid transparent;
border-bottom:3px solid transparent;
border-top:3px solid #8f0808;
}
.ribbon span::after{
content:"";
position:absolute;
right:0px;
top:100%;
z-index:-1;
border-left:3px solid transparent;
border-right:3px solid #8f0808;
border-bottom:3px solid transparent;
border-top:3px solid #8f0808;
}
.fresh{
border:1px solid rgba(224,77,85,.25);
}
.up-to-top{
position:fixed;
bottom:3rem;
right:.75rem;
padding:.5rem;
opacity:0.5;
height:2.5rem;
text-align:center;
width:4rem;
overflow:hidden;
background-color:rgba(31,112,193,.8);
color:#fff;
border-radius:.5rem;
text-decoration:none;
display:none;
z-index:1000;
cursor:pointer;
transition:all .1s ease;
}
.up-to-top:hover{
opacity:1;
}
.up-to-top i{
font-size:1.5rem;
color:#fff;
padding-left:.375rem;
} 
.ab-citation{
font-family:"Comic Sans MS","Comic Sans",cursive;
line-height:1.88rem;
background-color:#fdfbf7;
background-size:2rem 2rem;
background-image:
linear-gradient(to right, rgba(17,17,125,.125) 1px, transparent 1px),
linear-gradient(to bottom, rgba(17,17,125,.125) 1px, transparent 1px);
padding:0 2rem;
border-left:.125rem solid #11117d;
overflow:hidden;
text-align:justify;
color:#11117d;
border-radius:.5rem;
margin:1.5rem 0;
}
.ab-citation::before{
display:block;
margin-bottom:1rem;
font-size:3rem;
content:"\201e";
}
.ab-citation::after{
display:block;
font-size:3rem;
margin-top:1rem;
content:"\201c";
}
.restriction{
text-transform:uppercase;
font-weight:600;
color:crimson;
margin:.5rem 0;
}
.more-links{
margin:2rem 1rem;
}
.remind{
margin:1rem 0;
}
.remind a{
border-bottom:1px solid rgba(255,40,0,.25);
}
/*
comms
*/
.ab_comment{
padding:1rem;
}
.ab_comments{
padding:1rem;
}
.ab_comments .comment{
border:1px solid rgba(224,77,85,.25);
border-radius:.5rem;
margin:1rem 0;
}
.comm-header{
margin:0;
padding:.25rem .5rem;
border-bottom:1px solid rgba(224,77,85,.25);
}
.comm-body{
margin:0;
padding:1rem .5rem;
}
.marks{
margin:1rem 0;
padding:.5rem;
}