/* My CSS */
html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

.g-recaptcha {
margin: 0 auto;
display: table;
transform:scale(0.77);
-webkit-transform:scal(0.77);
transform-origin:0 0;
-webkit-transform-origin:0 0;
} 

    .addReadMore.showlesscontent .SecSec,
    .addReadMore.showlesscontent .readLess {
        display: none;
    }

    .addReadMore.showmorecontent .readMore {
        display: none;
    }

    .addReadMore .readMore,
    .addReadMore .readLess {
        font-weight: normal;
        margin-left: 2px;
        color: blue;
        cursor: pointer;
    }

    .addReadMoreWrapTxt.showmorecontent .SecSec,
    .addReadMoreWrapTxt.showmorecontent .readLess {
        display: block;
    }

.bg-mine {
	background-color: rgba(42,59,88,0.7) !important;
}

.navbar.bg-mine {
    background-color: rgba(42,59,88,0.7) !important;
}

/* Navbar link color */
.navbar-nav .nav-link {
    color: #DBFA05 !important; /* Change to desired link color */
}

/* Dropdown menu background */
.dropdown-menu {
    background-color: #E1F1FF !important; /* Change to desired background color */
}

/* Dropdown item text color */
.dropdown-menu .dropdown-item {
    color: #0000FF !important; /* Change to desired text color */
}

.navbar-brand {
    color: #00FFFF !important;
}

.readspan {
        font-size:13px;
        font-weight: bold;
        color:#0000ff;
        background-color:#dfdfdf;
        padding: 3px 5px 3px 5px;
}

.required {
	font-size: 16px;
	color: maroon;
}

.socialshare {
  padding: 0px;
  text-align: right;
}

/* Solid Social Share Buttons */

.btn-social,
.btn-social:visited,
.btn-social:focus,
.btn-social:hover,
.btn-social:active {
  color: #ffffff;
  text-decoration: none;
  transition: opacity .15s ease-in-out;
}

.btn-social:hover,
.btn-social:active {
 opacity: .75;
}

.btn-fb {
  background-color: #3b5998;
}

.btn-tw {
  background-color: #1da1f2;
}

.btn-in {
  background-color: #0077b5;
}

.btn-gp {
  background-color: #db4437;
}

.btn-rd {
  background-color: #ff4500;
}

.btn-hn {
  background-color: #ff4000;
}

/* New calendar css */
.tbl-brdr0 {
    background:#5F5F5F;
    border: 1px solid #000;
}
a.mcaldate {
	font-size:13px;
	font-weight: bold;
	color:#ffff00;
	background-color:#974b00;
	text-decoration:none;
	border: 0;
}
a.mcaldate:hover {
	font-size:13px;
	font-weight: bold;
	color:#fff;
	background-color:#0000ff;
	text-decoration:none;
	border: 0;
}
a.cal {
	color:#000;
	background-color:#ffffd2;
	text-decoration:none;
	border: 0;
	padding: 0px 2px 0px 2px;
}
a.cal:hover {
	color:#000;
	background-color:#ffbbd5;
	text-decoration:none;
	border: 0;
	padding: 0px 2px 0px 2px;
}
a.ecal {			/* event day date background */
	color:#000;
	background-color:#C1E0FF;
	text-decoration:none;
	border: 0;
	padding: 3px 1px 3px 1px;
}
a.ecal:hover {		/* event day hover background */
	color:#fff;
	background-color:#000;
	text-decoration:none;
	border: 0;
	padding: 3px 1px 3px 1px;
}
.event {			/* event day td background */
	background-color:#C1E0FF;
	border: 1px solid #860000;
	color:#000;
}
.today {			/* today no event td background */
	background-color:#ffffb7;
	border: 1px solid #860000;
	color:#000;
}
a.cal2 {
	color:#000;
	background-color:#ffffb7;
	text-decoration:none;
	border: 0;
	padding: 3px 1px 3px 1px;
}
a.cal2:hover {
	color:#fff;
	background-color:#000;
	text-decoration:none;
	border: 0;
	padding: 3px 1px 3px 1px;
}
.cal-norm {			/* normal day no event td background */
	background-color:#fff;
	border: 1px solid #860000;
	color:#000;
}
.cal-blank {			/* empty cell day no event no dayte td background */
	background-color:#fff;
	border: 1px solid #860000;
}
.noevt {
	color:#000;
	background-color:#fff;
	text-decoration:none;
	border: 0;
	padding: 3px 1px 3px 1px;
}
.mnthhd {
	font-size: 15px;
	font-weight: bold;
	color:yellow;
	background-color:#005e00;
	border: 0;
}
/* End calendar Begin calendar year */
.caltable {
	background-color:steelblue;
}
.cal4 {
	background-color:#BDD2CC;
	border: 1px solid #004080;
	color:#000;
}
a.yrcal {
	font-size:17px;
	color:yellow;
	background-color:black;
	text-decoration:none;
	border: 0;
	padding: 5px 8px 5px 8px;
}
a.yrcal:hover {
	font-size:17px;
	color:#00FF40;
	background-color:black;
	text-decoration:none;
	border: 0;
	padding: 5px 8px 5px 8px;
}
a.yrevt {
	font-size:11px;
	font-weight: bold;
	color:blue;
	text-decoration:none;
	border: 0;
}
a.yrevt:hover {
	font-size:11px;
	font-weight: bold;
	color:purple;
	text-decoration:underline;
	border: 0;
}
/* End calendar year css */

/* Large white border */
hr.new4 {
  border: 1px solid #fff;
}

/* Large black border */
hr.new5 {
  border: 1px solid #860000;
}

.quotes {
	font-size:13px;
}

/* Add a gray background color with some padding */
body {
	font-family: Arial;
	padding: 20px;
	background: #000000 url(https://myblog.veegers-realm.space/images/space8.jpg) no-repeat fixed top center;
}

.myside {
	color: #B0C000;
	font-weight: bold;
	font-size: 16px;
}

a.myside {
	color: #B0C000;
	font-weight: bold;
	font-size: 16px;
}

a.myside:link, a.myside:visited {
	color: #B0C000;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

a.myside:hover {
	text-decoration: underline;
	color: #B0C000;
	font-weight: bold;
	font-size: 16px;
}

.cats {
	color: #000096;
	font-weight: bold;
	font-size: 17px;
}

a.cats {
	color: #000096;
	font-weight: bold;
	font-size: 17px;
}

a.cats:link, a.cats:visited {
	color: #000096;
	font-weight: bold;
	font-size: 17px;
	text-decoration: underline;
}

a.cats:hover {
	text-decoration: underline;
	color: #B83C32;
	font-weight: bold;
	font-size: 17px;
}

.tpic-lnk {
	color: #0000ff;
	font-weight: bold;
	font-size: 15px;
}

a.tpic-lnk {
	color: #0000ff;
	font-weight: bold;
	font-size: 15px;
}

a.tpic-lnk:link, a.tpic-lnk:visited {
	color: #0000ff;
	font-weight: bold;
	font-size: 15px;
	text-decoration: underline;
}

a.tpic-lnk:hover {
	color: #B83C32;
	font-weight: bold;
	font-size: 15px;
	text-decoration: underline;
}

a.tpic-lnk2 {
	color: #0000ff;
	font-weight: bold;
	font-size: 12px;
}

a.tpic-lnk2:link, a.tpic-lnk2:visited {
	color: #0000ff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}

a.tpic-lnk2:hover {
	color: #0000ff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.lnk-side {
	color: #9F9FFF;
	font-weight: bold;
	font-size: 13px;
}

a.lnk-side {
	color: #9F9FFF;
	font-weight: bold;
	font-size: 13px;
}

a.lnk-side:link, a.lnk-side:visited {
	color: #9F9FFF;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}

a.lnk-side:hover {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
}

.cmnt-lnk {
	font-size: 14px;
}

.cmnt-lnk2 {
	font-size: 12px;
}

.down-lnk {
	color: #fcf9b6;
	font-weight: bold;
	font-size: 15px;
}

a.down-lnk {
	color: #fcf9b6;
	font-weight: bold;
	font-size: 15px;
}

a.down-lnk:link, a.down-lnk:visited {
	color: #fcf9b6;
	font-weight: bold;
	font-size: 15px;
	text-decoration: none;
}

a.down-lnk:hover {
	color: #000;
	font-weight: bold;
	font-size: 15px;
	text-decoration: underline;
}

.topic-lnk {
	color: #FFECD7;
	font-weight: bold;
	font-size: 14px;
}

a.topic-lnk {
	color: #FFECD7;
	font-weight: bold;
	font-size: 14px;
}

a.topic-lnk:link, a.topic-lnk:visited {
	color: #FFECD7;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}

a.topic-lnk:hover {
	color: #00ffff;
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline;
}

.topic-lnk2 {
	color: #0080ff;
	font-weight: bold;
	font-size: 16px;
}

a.topic-lnk2 {
	color: #0080ff;
	font-weight: bold;
	font-size: 16px;
}

a.topic-lnk2:link, a.topic-lnk2:visited {
	color: #0080ff;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

a.topic-lnk2:hover {
	color: #800000;
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
}

.lnks {
	float:right;
}

.lnk-side-span {
	color: #CFCFCF;
	font-weight: bold;
	font-size: 12px;
}

.brnd {
	color: #F1F2BD;
	font-size:12px;
	font-weight: bold;
}
a.brnd{
	color: #F1F2BD;
	font-size: 12px;
	font-weight: bold;
}
a.brnd:link, a.brnd:visited {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #F1F2BD;
}
a.brnd:hover {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #00FFFF;
}
.brnd2 {
	color: #F1F2BD;
	font-size:12px;
	font-weight: bold;
}
a.brnd2{
	color: #F1F2BD;
	font-size: 12px;
	font-weight: bold;
}
a.brnd2:link, a.brnd2:visited {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #F1F2BD;
}
a.brnd2:hover {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #00FFFF;
}

.lnk {
	color: #FF0080;
	font-size:12px;
	font-weight: bold;
}

a.lnk {
	color: #FF0080;
	font-size: 12px;
	font-weight: bold;
}

a.lnk:link, a.lnk:visited {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FF0080;
}

a.lnk:hover {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #efefef;
}

.lnkc {
	color: #fff;
	font-size:15px;
}

a.lnkc {
	color: #fff;
	font-size: 15px;
}

a.lnkc:link, a.lnkc:visited {
	font-size: 15px;
	text-decoration: none;
	color: #fff;
}

a.lnkc:hover {
	font-size: 15px;
	text-decoration: underline;
	background-color:#fefefe;
	color: #000;
}

.headings {
	font-size: 20px;
	color: #000096;
	padding: 3px 5px 3px 5px;
	border: 1px solid #000096;
}

.qts {
	font-size: 12px;
	font-weight:bold;
	color: #FCF9B6;
}

.foter2 {
	color: yellow;
	font-size:13px;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	background-color:#000;
}
a.foter2 {
	color: yellow;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	background-color:#000;
}
a.foter2:link, a.foter:visited {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: yellow;
	padding: 3px 5px 3px 5px;
	background-color:#000;
}
a.foter2:hover {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #960000;
	padding: 3px 5px 3px 5px;
	background-color:#fefefe;
}

.foter {
	color: #C18C80;
	font-size:13px;
}
a.foter{
	color: #C18C80;
	font-size: 13px;
}
a.foter:link, a.foter:visited {
	font-size: 13px;
	text-decoration: none;
	color: #C18C80;
}
a.foter:hover {
	font-size: 13px;
	text-decoration: underline;
	color: #80FFFF;
}

/* Main Body Outer Wrapper */
.outer_wrapper {
	width: 90%;
	height: auto;
	margin: 0px auto;
}
/* Body Wrapper Dark */
.wrapper {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding: 20px;
	border: white 1px solid;
	border-radius: 10px ;
	background: rgba(4,4,4,0.7) !important;
}
/* Body Wrapper Light */
.wrapper2 {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding: 20px;
	border: white 1px solid;
	border-radius: 10px ;
	background: rgba(18,32,54,0.7) !important;
}
/* Header/Blog Title Red */
.head {
	width: 100%;
	height: auto;
	padding: 20px;
	margin: 0px auto;
	margin-bottom: 20px;
	background: rgba(184,60,50,0.7) !important;
	border: white 1px solid;
	border-radius: 10px ;
}
/* Header/Blog Title Grey */
.head2 {
	width: 100%;
	height: auto;
	padding: 20px;
	margin: 0px auto;
	margin-bottom: 20px;
	background: rgba(42,59,88,0.7) !important;
	border: #fff 1px solid;
	border-radius: 10px ;
}
/* Sub-Header */
.subhead {
	width: 100%;
	height: auto;
	padding: 10px;
	margin: 0px auto;
	margin-bottom: 20px;
	background: rgba(4,4,4,0.7) !important;
	border: #fff 1px solid;
	border-radius: 10px ;
}

/* Footer Red */
.footer {
	clear: both;
	width: 100%;
	height: auto;
	padding: 10px;
	font-size: 0.8rem;
	margin: 0px auto;
	margin-top: 20px;
	background: rgba(184,60,50,0.7) !important;
	border: white 1px solid;
	border-radius: 10px ;
}
/* Footer Grey */
.footer2 {
	clear: both;
	width: 100%;
	height: auto;
	padding: 10px;
	font-size: 0.8rem;
	margin: 0px auto;
	margin-top: 20px;
	background: rgba(42,59,88,0.7) !important;
	border: #fff 1px solid;
	border-radius: 10px ;
}

/* Left column */
#leftcolumn {   
	float: left;
	width: 100%;
}

/* Right column */
#rightcolumn {
	float: right;
	width: 100%;
}

/* Add a card effect for articles */
#card-left {
	float: left;
	width: 100%;
	font-size: 100%;
	padding: 10px;
	margin: 0px auto;
	background-color: rgba(255,255,255,0.9);
	border-radius: 10px;
}

/* Add a card effect for statics */
#card-rite {
	color: white;
	padding: 10px;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

.countspan {
	font-size: 11px;
	color: #000;
}

.hdspan {
	font-size: 27px;
	font-weight: bold;
	color: gold;
}

.hdspan1 {
	font-size: 15px;
	font-weight: bold;
	color: gold;
}

.hdspan2 {
	font-size: 16px;
	font-weight: bold;
	color: #f4f182;
}

.span1 {
	font-size: 26px;
	font-weight: bold;
}

.srch {
	font-size: 28px;
	font-weight: bold;
	color: #efefef;
}

.span2 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.info {
	float:right;
	font-size: 12px;
	color: #B83C32;
}

.info2 {
	float:left;
	font-size: 0.8rem;
	color: #B83C32;
}

.cal-head {
	font-size: 11px;
	font-weight: bold;
	color: #f4f182;
}
.cal-head2 {
	font-size: 12px;
	font-weight: bold;
	color: #f4f182;
}
.cal-head3 {
	font-size: 15px;
	font-weight: bold;
	color: #f4f182;
}
.tbl-brdr {
    background: #5d97cd;
    border: 1px solid #000086;
    border-collapse: separate;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #fff;
    text-shadow: none;
    margin-bottom: 5px;
    font-size: 13px;
    padding: 12px;
}
.row1{
	background-color: #C0C0C0;
	border: 1px solid #000;
	color: #990000;
}
.row2 {
	background-color: #acbbac;
	color: #000080;
}
.large {
	font-size: 13px;
	font-weight: bold; 
}
hr.mid-hr {
	height: 1px;
	border: 1px solid #400000;
}
.mytable {
    border: 1px solid #B83C32;
    border-collapse: separate;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #000;
    text-shadow: none;
    margin-bottom: 5px;
    padding: 3px;
}

.mytable2 {
    border: 1px solid #000084;
    border-collapse: separate;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #000;
    text-shadow: none;
    margin-bottom: 5px;
    padding: 3px;
}

.substbl {
    border: 1px solid #B83C32;
    border-collapse: separate;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #000;
    text-shadow: none;
    margin-bottom: 5px;
    padding: 20px;
}

.mytable1 {
    border: 1px solid #5F5F5F;
    border-collapse: separate;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    text-shadow: none;
    margin-bottom: 5px;
    padding: 3px;
}

.tbl-brdr3 {
    background: #CDD2AE;
    border: 2px solid #000;
    border-collapse: separate;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    text-shadow: none;
    margin-bottom: 5px;
    padding: 10px;
}