@import url('https://fonts.googleapis.com/css2?family=Amaranth&family=Josefin+Sans:ital,wght@0,400;1,300&display=swap');
body { color:#000; font-family: 'Amaranth', sans-serif;
font-family: 'Josefin Sans', sans-serif; margin: 0; padding: 0; font-size:small; line-height:20px; }
body *{ margin: 0; }
a img,:link img,:visited img { border: none; }
a {text-decoration:none; color:#404951;padding:5px; outline:none;}
a:hover { text-decoration: none; outline:none; }
body, td{  margin: 0;  padding: 0;  font-size: small;}
b{ font-weight:bold; }
input,select {padding:2px;}
textarea{ font-size:small; }
h1, h2, h3, footer{background:  linear-gradient(to right, green, green, green); color:#fff;text-align:left;font-size:110%;padding:6px;border-top: 1px solid #BBA20D;border-bottom: 1px solid #BBA20D;   }
@keyframes rainbow-animation {
    to {
        background-position: 1500vh;
    }
}
h2 a{ color:#ffffff; }
.az{text-align:center;padding:3px;background:#dde7f1}
.az a{padding:5px 8px;margin:2px 5px;display:inline-block;background:#fff;border:1px solid #ccc;border-radius:3px;text-decoration:none;font-weight:700}
.az a:hover{background:red;color:#fff}
.search{background:#eee;text-align:center;padding:5px}
.search button,.List button{background-color:#ed461c;color:#fff;border:none;border-radius:4px;padding:7px;margin-left:10px;font-weight:700}.search button:hover{background:#ff6a00}
.search input{padding:8px;width:45%}.search input:focus{border:1px solid red;color:red;font-weight:700}
.tag{background-color:#fff;padding:7px;border:1px solid #ddd;line-height:1.7;margin-top:1px;margin-bottom:1px;font-size:11px;text-align:justify}
.catRow {
    border-bottom:1px solid #ddd;
    font-weight:700;
}
.row{ background:#FFFFFF;font-weight:700;}
.row:nth-of-type(even){background:#f5f5f5;}
.odd{
    background:#FFFFFF; border-bottom:1px solid #ddd;
    font-weight:700;
}
.odd:nth-of-type(even){background:#f5f5f5;color:#ee4ad9}
.absmiddle{border:1px solid #999;padding:1px;box-shadow:0 0 2px #999}
.audio { 
    width: 99%;
    height:30px;
    background: #f2f3f5;
    margin-top: 0px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.page_btn{
    display:inline-block;
    background:#fff;
    padding:3px 6px;
    border:1px solid #caccd1;
    color:#000; margin:2px;
    border-radius:5px;
    font-weight:normal;
}
.page_btn_current{
    display:inline-block;
    background:#424242;
    padding:3px 6px;
    border:1px solid #caccd1;
    color:#fff; margin:2px;
    border-radius:5px;
}
.path {background: #dedede;padding: 5px;margin-top: 0px;font-weight: bold;border: 1px solid #ccc;border-radius: 1px;}
.fl span{font-weight:400}
.fl .ar{color:#d2691e;font-style:italic}
.fl a{display:block;padding:8px}
.fl a img{border:1px solid #ddd;border-radius:3px;padding:0;margin-right:5px}
.fl a div div{vertical-align:middle;display:table-cell}
.pgn div{padding-top:5px}img{vertical-align:middle}


.logo { background-color:red; padding: 10px;outline:none;  }
.logo a { background-color:red; padding: 10px;outline:none;  }
.SearchBox{background:#eee;text-align:center;padding:5px;}
.SearchBox input{border:1px solid black;padding:8px;width:45%;}
.SearchBox input:focus{border:1px solid red;color:red;font-weight:700;outline:none;}
.SearchBox input[type="submit"] {background-color:#ed461c;color:white;border:1px solid #ff6a00;border-radius:4px;padding:7px;margin-left:10px;font-weight:700;width:80px;cursor: pointer;}
.SearchBox input[type="submit"]:hover{background:#ff6a00;color:black;border:1px solid black;padding:7px;margin-left:10px;font-weight:700;width:80px;cursor: pointer;}
.SearchBtn {border:1px solid black;background-color:#ed461c;color:#fff;border:none;border-radius:4px;padding:7px;margin-left:10px;font-weight:500;width:55px;cursor: pointer;}
.center {margin:5px;}
.ads {background-color:#f8f9fa;margin:1px;border-radius:2px;margin:5px;text-align:center;padding:6px;}
.more {background-color:#f8f9fa;margin:1px;border-radius:2px;margin:5px;text-align:left;padding:6px;font-weight:bold;}
.pages {background-color:#f8f9fa;margin:1px;border-radius:2px;margin:5px;text-align:center;padding:6px;}
.description { background-color:#fff;padding:7px;border:1px solid #ddd;line-height:1.7;margin-top:1px;margin-bottom:1px;font-size:11px;text-align:justify }
.links {color:black;}
.line {border-bottom:1px solid #ddd;padding:2px;margin:1px;}
.gap { margin:5px; }
.shareIcon {-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}
.shareIcon:hover{border-radius:50%;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
.sort{text-align:center;padding:3px;background:#f8f9fa;}
.sort span {text-align:center;padding:7px;margin:3px;background:#a9a9a9;border:1px solid #ccc;border-radius:5px;}
.sort a{padding:5px 10px;margin:2px;display:inline-block;background:#fff;border:1px solid #ccc;border-radius:5px;text-decoration:none;font-weight:700}
.sort a:hover{background:red;color:#fff;border:1px solid #a9a9a9;}
.DownloadBtn {background-color:red;color:white;border:2px solid black;border-radius:10px;padding:10px 15px;font-weight:bold;font-size:13px;transition-property: background, color, border; transition-duration: 0.7s; transition-timing-function: linear;}
.DownloadBtn:hover {background-color:dimgrey;color:white;border:2px solid dimgrey;border-radius:10px;padding:10px 15px;font-weight:bold;font-size:13px;}
.remotePlayer{
	width: 55px;
	height: 10px 0 10px 0;
	text-transform: capitalize;
    padding:5px;
	cursor: pointer;
	border: none;
	outline: none;
	color: white;
	background: linear-gradient(to right, #ff0000, #ff0045, #fa0081, #FF7F50, #FF507F);
	background-size: 180% auto;
	transition: 0.5s all;
	transform: skewX(-20deg);
}
.remotePlayer:hover{background-position: right center;}
::-webkit-scrollbar{
    width:8px;
}
::-webkit-scrollbar-track{
    background-color:#fee715;
    box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
}
::-webkit-scrollbar-thumb{
    background-color:#D4BB22;
    box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
}
::-webkit-scrollbar-corner{
    background-color:#D4BB22;
}
.path {background: #dedede;padding: 8px;margin-top: 0px;font-weight: bold;border: 1px solid #ccc;border-radius: 4px;}
.fl span{font-weight:400}
.fl .ar{color:#d2691e;font-style:italic}
.fl a{display:block;padding:8px}
.fl a img{border:1px solid #ddd;border-radius:3px;padding:0;margin-right:5px}
.fl a div div{vertical-align:middle;display:table-cell}
.pgn div{padding-top:5px}img{vertical-align:middle}


.updates {background:#fff;padding:9px;border-radius:4px;box-shadow:0 0 16px -2px #000000b5}
.updates div {border-bottom:1px dashed #369;padding-bottom:4px;margin-bottom:6px;}
.updates div.about {border-bottom:none;padding:10px 8px;min-height:125px;}
.updates div h3 {font-size:17px;font-weight:bold;color:black;}
.updates div img.about {width:125px;height:125px;margin-right:8px;padding:2px;border:1px solid black;border-radius:12px;float:left;margin-top:-3px;}
.error {background:#FFEFEF;border:1px solid red;margin:5px 3px;padding:5px;font-weight:700;color:red;}


.table {
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent; }
  .table th,
  .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6; }
  .table tbody + tbody {
    border-top: 2px solid #dee2e6; }
  .table .table {
    background-color: #E9ECEF; }

.table-sm th,
.table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 1px solid #dee2e6; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6; }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05); }

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075); }

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #bad4ef; }

.table-hover .table-primary:hover {
  background-color: #a5c7ea; }
  .table-hover .table-primary:hover > td,
  .table-hover .table-primary:hover > th {
    background-color: #a5c7ea; }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db; }

.table-hover .table-secondary:hover {
  background-color: #c8cbcf; }
  .table-hover .table-secondary:hover > td,
  .table-hover .table-secondary:hover > th {
    background-color: #c8cbcf; }

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c1edba; }

.table-hover .table-success:hover {
  background-color: #afe8a6; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #afe8a6; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb; }

.table-hover .table-info:hover {
  background-color: #abdde5; }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #abdde5; }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fce2be; }

.table-hover .table-warning:hover {
  background-color: #fbd7a6; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #fbd7a6; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb; }

.table-hover .table-danger:hover {
  background-color: #f1b0b7; }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #f1b0b7; }

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe; }

.table-hover .table-light:hover {
  background-color: #ececf6; }
  .table-hover .table-light:hover > td,
  .table-hover .table-light:hover > th {
    background-color: #ececf6; }

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca; }

.table-hover .table-dark:hover {
  background-color: #b9bbbe; }
  .table-hover .table-dark:hover > td,
  .table-hover .table-dark:hover > th {
    background-color: #b9bbbe; }

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075); }
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075); }

.table .thead-dark th {
  color: #E9ECEF;
  background-color: #212529;
  border-color: #32383e; }

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6; }

.table-dark {
  color: #E9ECEF;
  background-color: #212529; }
  .table-dark th,
  .table-dark td,
  .table-dark thead th {
    border-color: #32383e; }
  .table-dark.table-bordered {
    border: 0; }
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05); }
  .table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075); }
    
    
    table {
	background-color: transparent;
}
caption {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #777;
	text-align: left;
}
th {
	text-align: left;
}
.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
	border-top: 0;
}
.table > tbody + tbody {
	border-top: 2px solid #ddd;
}
.table .table {
	background-color: #fff;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
	padding: 5px;
}
.table-bordered {
	border: 1px solid #ddd;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border: 1px solid #ddd;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
	border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
	background-color: #f5f5f5;
}
table col[class*="col-"] {
	position: static;
	display: table-column;
	float: none;
}
table td[class*="col-"], table th[class*="col-"] {
	position: static;
	display: table-cell;
	float: none;
}
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
	background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
	background-color: #e8e8e8;
}
.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
	background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
	background-color: #d0e9c6;
}
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
	background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
	background-color: #c4e3f3;
}
.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
	background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
	background-color: #faf2cc;
}
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
	background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
	background-color: #ebcccc;
}
.table-responsive {
	min-height: .01%;
	overflow-x: auto;
}
@media screen and (max-width: 767px) {
.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	border: 1px solid #ddd;
}
.table-responsive > .table {
	margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
	white-space: nowrap;
}
.table-responsive > .table-bordered {
	border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
	border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
	border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
	border-bottom: 0;
}
}