@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');

body {
	background-color: #000 !important;
	color: #ddd !important;
	font-family: "Noto Serif TC","Times New Roman", Times, serif !important;
}
h1 {
	font-weight: bold;
	font-size: 65px;
	line-height: 1.5em;
}

h2 {
	font-weight: bold;
	font-size: 40px;
	line-height: 1.5em;
}

h3 {
	font-weight: bold;
	font-size: 30px;
	line-height: 1.5em;
}

h4 {
	font-weight: bold;
	font-size: 22px;
	line-height: 1.5em;
}

h5 {
	font-weight: bold;
	font-style: italic;
	font-size: 22px;
	text-align: center;
	margin: 0;
	padding: 0;
	padding-bottom: 11px;
	line-height: 1.5em;
}

textarea {resize: vertical;}
hr {width: 100%; height: 2px; background-color: #333; border: none;}
br {clear:both;}
.b {font-weight: bold;}
.i {font-style: italic;}
.centre {text-align: center !important;}
.mid {vertical-align: middle;}
.top {vertical-align: top;}
.bottom {vertical-align: bottom;}
.right {float: right;}
.autoheight {height:auto !important;}
.fa-stack.small {font-size: 0.5em;}

#pageContent {width: 100%; margin:0; padding:0;}

.admin, a.admin, a.admin:visited {color: #0ff !important;}
.admin:hover, a.admin:hover {color: #fc0 !important;}

#header {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	padding: 0.5vw;
	margin: 0;
	background-color: #000;
	width: 100%;
	background-size: 100%, 11vw;
	font-family: "Noto Serif TC","Times New Roman", Times, serif;
	font-size: 5.5vw;
	font-weight: bold;
}

#footer {
	text-align: center !important;
	width: 100%;
	margin: 10px;
	padding: 10px;
}

svg.svg-inline--fa, .icon-container i, i {
	text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff;
}

#navMenu {
	border: none;
	background: transparent !important;
	text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #fff !important;
	font-weight: bold;
}

#navMenu a, #navMenu a:visited {
	color: #000 !important;
}

#body-content {position: relative; padding-top: 11vw;}

#title {margin-top: 10px;}

.menu {z-index: 3;}

.navbar-default, .navbar-nav>li>a {
	border: none;
	background: transparent !important;
	box-shadow: none !important;
	height: 40px;
	color: #000;
	font-size: 24px;
	font-weight: bold;
	line-height: 28px;
	text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #fff !important;
}

.navigation a, a.navigation {font-weight: bold; padding: 15px 10px !important;}
.navigation a:hover, .navigation a:active, a.navigation:hover, a.navigation:active {color: #000 !important;}
.navigation {font-size: 24px; line-height: 28px;}

.navbar-toggle {color:#000; padding: 4px 8px;}

.disabled a:hover, a.disabled:hover {color: #999 !important;}

.menubg {
	display: inline-block;
	background: linear-gradient(#000, transparent);
	width: 100%;
	height: 6vw;
	z-index: 11;
}

.menu-sticky {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	align-self: flex-start;
}

.close {
	color: #fff;
	opacity: 1;
	color: rgba(255,255,255,0.5);
	font-weight: bold;
	background-color: #911;
	background-color: rgba(153,17,17,0.5) !important;
	border: none;
	float: right;
	font-size: 24px;
	padding: 6px !important;
	border: 2px rgba(153,17,17,0.1) solid !important;
	border-radius: 24px;
}
.close-msg {float: right; cursor: pointer;}
.close:hover, .close-msg:hover {
	color: rgba(255,255,255,0.9);
	background-color: #911;
	background-color: rgba(153,17,17,0.9) !important;
}

.tab-box {
	border-radius: 0px 0px 4px 4px;
	border-top: none !important;
	background-color: #111;
}
.nav-tabs {margin: 0px;}

.form-control {
	border: none; 
	border-radius: 0 7px 0 0 !important;
	font-weight: bold;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #333 !important;
  font-style: italic;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #333 !important;
  font-style: italic;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #333 !important;
  font-style: italic;
}
::-webkit-input-placeholder { /* Edge */
  color: #333 !important;
  font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #333 !important;
  font-style: italic;
  opacity: 1; /* Firefox */
}
:-moz-placeholder { /* Firefox 18- */
  color: #333 !important;
  font-style: italic;
  opacity: 1; /* Firefox */
}

.form-group {
	margin: 1.5vw !important; 
	padding:0 !important; 
	border-radius: 7px;
}

.input-group-addon {
	border: none; 
	border-radius: 7px 0 0 7px; 
	margin: 0;
}

.help-block {
	display: inline-block; 
	margin: 0; 
	padding: 2px 7px; 
	width: 100%; 
	border-radius: 0 0 7px 0; 
	line-height: 24px; 
	font-weight: bold;
}

.row-odd {background-color: #222;}
.row-even {background-color: #333;}
.row-even:hover, .row-odd:hover {background-color: #000;}

#ropeMenu {
    width: 100%;
	height: 120px;
    text-align: center;
    background-image: url('https://sacredtiesrope.com/img/rope_bg0.png');
    background-repeat: repeat-x !important;
	padding: 30px !important;
	margin: 0;
	border: none !important;
}

.modal-sm {width: 360px;}
.modal {z-index: 10000 !important; background: rgba(0,0,0,0.8);}
div#errorMessage.modal {background: rgba(153, 17, 17, 0.8);}
div#confMessage.modal {background: rgba(17, 153, 17, 0.8);}

.panel.panel-st {
	width: 100% !important;
	border: none;
	padding: 0;
	margin: 0;
	background: transparent;
}

.panel-title {
	padding: 10px;
	line-height: 30px;
	font-size: 30px;
}

.panel-body {padding: 1vw 5vw;}

button.btn, button.btn:hover {
	color: #000;
	font-weight: bold;
	border: 3px #000 solid;
	text-shadow: 1px 1px 2px #111, 0px 0px 6px #fff;
	width: 30%;
	margin: 1px !important;
}

.btn-pos {
	background-image: none;
	background-color: #191;
	background-color: rgba(17,153,17,0.3);
	border-color: rgba(17,153,17,0.01) !important;
}
.btn-pos:hover {
	color: #010;
	background-color: rgba(17,153,17,0.5);
	text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #191;
}

.btn-neg {
	background-image: none;
	background-color: #911;
	background-color: rgba(153,17,17,0.3);
	border-color: rgba(153,17,17,0.01) !important;
}
.btn-neg:hover {
	color: #100;
	background-color: rgba(153,17,17,0.5);
	text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #911;
}

.text-pos, .hover-pos:hover, .conf {color: #191;}
.text-neg, .hover-neg:hover, .error {color: #911;}

input.search {background: transparent !important; color:#ccc; border: none;}
#search-clr {color: rgba(145,17,17,0.5);}
#search-clr:hover {color: rgba(145,17,17,0.9);}

.search-box {
	border-radius: 24px;
	background: transparent !important;
	color: #ccc;
	border-width: 2px !important;
	padding: 6px;
	margin: 1px;
}

.table {border-radius: 4px;}
div.table>div.row>span {padding-top: 2px; padding-bottom: 2px; margin:0; padding-left:0; padding-right:0;}

.btn-nu {background-image: none; background-color: #fff;}
.btn-nu:hover {color: #111;}
.theme0.btn-nu {background-color: rgba(204,204,204,0.3); border-color: rgba(204,204,204,0.01) !important;}
.theme1.btn-nu {background-color: rgba(204,0,0,0.3); border-color: rgba(204,0,0,0.01) !important;}
.theme2.btn-nu {background-color: rgba(204,51,0,0.3); border-color: rgba(204,51,0,0.01) !important;}
.theme3.btn-nu {background-color: rgba(204,204,0,0.3); border-color: rgba(204,204,0,0.01) !important;}
.theme4.btn-nu {background-color: rgba(0,204,0,0.3); border-color: rgba(0,204,0,0.01) !important;}
.theme5.btn-nu {background-color: rgba(0,17,204,0.3); border-color: rgba(0,17,204,0.01) !important;}
.theme6.btn-nu {background-color: rgba(17,0,204,0.3); border-color: rgba(17,0,204,0.01) !important;}
.theme7.btn-nu {background-color: rgba(51,0,204,0.3); border-color: rgba(51,0,204,0.01) !important;}
.theme8.btn-nu {background-color: rgba(204,0,204,0.3); border-color: rgba(204,0,204,0.01) !important;}
.theme0.btn-nu:hover {background-color: rgba(204,204,204,0.5); text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #fff;}
.theme1.btn-nu:hover {background-color: rgba(204,0,0,0.5); text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #f00;}
.theme2.btn-nu:hover {background-color: rgba(204,51,0,0.5); text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #f60;}
.theme3.btn-nu:hover {background-color: rgba(204,204,0,0.5); text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #ff0;}
.theme4.btn-nu:hover {background-color: rgba(0,204,0,0.5); text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #0f0;}
.theme5.btn-nu:hover {background-color: rgba(0,17,204,0.5); text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #03f;}
.theme6.btn-nu:hover {background-color: rgba(17,0,204,0.5); text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #30f;}
.theme7.btn-nu:hover {background-color: rgba(51,0,204,0.5); text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #60f;}
.theme8.btn-nu:hover {background-color: rgba(204,0,204,0.5); text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #f0f;}

h1, h2, h3, h4, h5, a, a:visited, a:link {color: #999;}
#navMenu a:active, #navMenu a:hover {color: #999 !important;}
a:hover, a:active {color: #ccc !important;}
.modal-title, .panel-title {color: #111 !important;}
.modal-header, .modal-footer, .panel-heading, .panel-footer {height: 120px; background-color: transparent; border: none; background-repeat: repeat-x; background-size: 300px;}
.modal-header, .panel-heading {text-align: center; padding: 25px}
.modal-footer, .panel-footer {text-align: right; padding: 25px}
.modal-content {background-color: #000; color: #ddd;}
.form-group {border: 2px solid #000 !important;}
.help-block {background-color: #111; color: #ddd;}
.input-group-addon {color: #111 !important;}
.fullw {padding: 0; margin: 0;}


/* Navbar */
.navbar-collapse.collapse {display: block !important;}
.navbar-nav>li, .navbar-nav {float: left !important;}
.navbar-nav.navbar-right:last-child {margin-right: -15px !important;}
.navbar-right {padding-right: 2vw; float: right !important;}
.affix {
	top: 0;
	width: 100%;
	z-index: 9999 !important;
}

/* Events Calendar */
.calendar-date {
	font-weight: bold;
	font-size: 5vw !important;
	padding: 4px;
	height: 6vw !important;
	line-height: 5vw;
	margin-bottom: 2vw;
}
tr.events>th {
	background-color: #111;
	text-align: center;
	font-size: 2vw;
	font-weight: bold;
	padding: 16px 4px;
	width: 12vw;
}
tr.events>td {
	width: 12vw;
	height: 12vw;
	font-size: 1vw;
}
a.cal {
    display:inline-block;
    width:100%;
    height:100%;
	padding: 2px;
}
a.cal:hover {
	background-color: #111;
	cursor: pointer;
	border-top: 2px solid #ddd;
}
.today, a.today {background-color: #ddd !important; color: #111 !important;}
.cal-day {
	float: right;
	border: 1px solid #333;
	border-radius: 3vw;
	margin: 0.5vw;
	padding: 0.5vw;
	width: 3vw;
	height: 3vw;
	line-height: 2vw;
	font-size: 2vw;
	font-weight: bold;
	text-align: right;
}
table.calendar tr th, table.calendar tr td {border: 2px solid #ddd;}
.modal-xl {
	width: 100%;
	min-height: 60vh !important;
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
	padding: 1vw;
}
.day-header {
	background-size: 24vw;
	height: 8vw;
	padding: 1vw;
	margin: 0;
}

h1.day-header {
	font-size: 3vw;	
	line-height: 4vw;
	height: 24vw;
	padding: 1vw;
	margin: 0;
}
p.fillh {
	font-size: 2vw;
	min-height: 20vh;
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
/* Colour Themes */

#footer.theme0, h1.theme0, h2.theme0, h3.theme0, h4.theme0, h5.theme0, a.theme0, a.theme0:visited, a.theme0:link, .theme0.input-group-addon, .theme0.help-block, .theme0.text-colour {color: #fff;}
#footer.theme1, h1.theme1, h2.theme1, h3.theme1, h4.theme1, h5.theme1, a.theme1, a.theme1:visited, a.theme1:link, .theme1.input-group-addon, .theme1.help-block, .theme1.text-colour {color: #f00;}
#footer.theme2, h1.theme2, h2.theme2, h3.theme2, h4.theme2, h5.theme2, a.theme2, a.theme2:visited, a.theme2:link, .theme2.input-group-addon, .theme2.help-block, .theme2.text-colour {color: #f60;}
#footer.theme3, h1.theme3, h2.theme3, h3.theme3, h4.theme3, h5.theme3, a.theme3, a.theme3:visited, a.theme3:link, .theme3.input-group-addon, .theme3.help-block, .theme3.text-colour {color: #ff0;}
#footer.theme4, h1.theme4, h2.theme4, h3.theme4, h4.theme4, h5.theme4, a.theme4, a.theme4:visited, a.theme4:link, .theme4.input-group-addon, .theme4.help-block, .theme4.text-colour {color: #0f0;}
#footer.theme5, h1.theme5, h2.theme5, h3.theme5, h4.theme5, h5.theme5, a.theme5, a.theme5:visited, a.theme5:link, .theme5.input-group-addon, .theme5.help-block, .theme5.text-colour {color: #03f;}
#footer.theme6, h1.theme6, h2.theme6, h3.theme6, h4.theme6, h5.theme6, a.theme6, a.theme6:visited, a.theme6:link, .theme6.input-group-addon, .theme6.help-block, .theme6.text-colour {color: #30f;}
#footer.theme7, h1.theme7, h2.theme7, h3.theme7, h4.theme7, h5.theme7, a.theme7, a.theme7:visited, a.theme7:link, .theme7.input-group-addon, .theme7.help-block, .theme7.text-colour {color: #60f;}
#footer.theme8, h1.theme8, h2.theme8, h3.theme8, h4.theme8, h5.theme8, a.theme8, a.theme8:visited, a.theme8:link, .theme8.input-group-addon, .theme8.help-block, .theme8.text-colour {color: #f0f;}

#navMenu a.theme0:active, #navMenu a.theme0:hover, .nav-tabs.theme0>li.active, .modal-title.theme0, .panel-title.theme0 {text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #fff !important;}
#navMenu a.theme1:active, #navMenu a.theme1:hover, .nav-tabs.theme1>li.active, .modal-title.theme1, .panel-title.theme1 {text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #f00 !important;}
#navMenu a.theme2:active, #navMenu a.theme2:hover, .nav-tabs.theme2>li.active, .modal-title.theme2, .panel-title.theme2 {text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #f60 !important;}
#navMenu a.theme3:active, #navMenu a.theme3:hover, .nav-tabs.theme3>li.active, .modal-title.theme3, .panel-title.theme3 {text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #ff0 !important;}
#navMenu a.theme4:active, #navMenu a.theme4:hover, .nav-tabs.theme4>li.active, .modal-title.theme4, .panel-title.theme4 {text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #0f0 !important;}
#navMenu a.theme5:active, #navMenu a.theme5:hover, .nav-tabs.theme5>li.active, .modal-title.theme5, .panel-title.theme5 {text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #03f !important;}
#navMenu a.theme6:active, #navMenu a.theme6:hover, .nav-tabs.theme6>li.active, .modal-title.theme6, .panel-title.theme6 {text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #30f !important;}
#navMenu a.theme7:active, #navMenu a.theme7:hover, .nav-tabs.theme7>li.active, .modal-title.theme7, .panel-title.theme7 {text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #60f !important;}
#navMenu a.theme8:active, #navMenu a.theme8:hover, .nav-tabs.theme8>li.active, .modal-title.theme8, .panel-title.theme8 {text-shadow: 1px 1px 2px #111, 0px 0px 4px #fff, 0px 0px 12px #f0f !important;}

#ropeMenu.theme0, .theme0.modal-header, .theme0.modal-footer, .theme0.panel-heading, .theme0.panel-footer {background-image: url('https://sacredtiesrope.com/img/rope_bg0.png');}
#ropeMenu.theme1, .theme1.modal-header, .theme1.modal-footer, .theme1.panel-heading, .theme1.panel-footer {background-image: url('https://sacredtiesrope.com/img/rope_bg1.png');}
#ropeMenu.theme2, .theme2.modal-header, .theme2.modal-footer, .theme2.panel-heading, .theme2.panel-footer {background-image: url('https://sacredtiesrope.com/img/rope_bg2.png');}
#ropeMenu.theme3, .theme3.modal-header, .theme3.modal-footer, .theme3.panel-heading, .theme3.panel-footer {background-image: url('https://sacredtiesrope.com/img/rope_bg3.png');}
#ropeMenu.theme4, .theme4.modal-header, .theme4.modal-footer, .theme4.panel-heading, .theme4.panel-footer {background-image: url('https://sacredtiesrope.com/img/rope_bg4.png');}
#ropeMenu.theme5, .theme5.modal-header, .theme5.modal-footer, .theme5.panel-heading, .theme5.panel-footer {background-image: url('https://sacredtiesrope.com/img/rope_bg5.png');}
#ropeMenu.theme6, .theme6.modal-header, .theme6.modal-footer, .theme6.panel-heading, .theme6.panel-footer {background-image: url('https://sacredtiesrope.com/img/rope_bg6.png');}
#ropeMenu.theme7, .theme7.modal-header, .theme7.modal-footer, .theme7.panel-heading, .theme7.panel-footer {background-image: url('https://sacredtiesrope.com/img/rope_bg7.png');}
#ropeMenu.theme8, .theme8.modal-header, .theme8.modal-footer, .theme8.panel-heading, .theme8.panel-footer {background-image: url('https://sacredtiesrope.com/img/rope_bg8.png');}

.theme0.input-group-addon {background-color: #ccc !important; border-right: 2px solid #fff !important;}
.theme1.input-group-addon {background-color: #c00 !important; border-right: 2px solid #f00 !important;}
.theme2.input-group-addon {background-color: #c30 !important; border-right: 2px solid #f60 !important;}
.theme3.input-group-addon {background-color: #cc0 !important; border-right: 2px solid #ff0 !important;}
.theme4.input-group-addon {background-color: #0c0 !important; border-right: 2px solid #0f0 !important;}
.theme5.input-group-addon {background-color: #01c !important; border-right: 2px solid #03f !important;}
.theme6.input-group-addon {background-color: #10c !important; border-right: 2px solid #30f !important;}
.theme7.input-group-addon {background-color: #30c !important; border-right: 2px solid #60f !important;}
.theme8.input-group-addon {background-color: #c0c !important; border-right: 2px solid #f0f !important;}
.theme0.help-block {border-top: 2px solid #fff; color: #ccc;}
.theme1.help-block {border-top: 2px solid #f00; color: #c00;}
.theme2.help-block {border-top: 2px solid #f60; color: #c30;}
.theme3.help-block {border-top: 2px solid #ff0; color: #cc0;}
.theme4.help-block {border-top: 2px solid #0f0; color: #0c0;}
.theme5.help-block {border-top: 2px solid #03f; color: #01c;}
.theme6.help-block {border-top: 2px solid #30f; color: #10c;}
.theme7.help-block {border-top: 2px solid #60f; color: #30c;}
.theme8.help-block {border-top: 2px solid #f0f; color: #c0c;}

.nav-tabs.theme0 {border-bottom: 1px solid #fff;}
.nav-tabs.theme1 {border-bottom: 1px solid #f00;}
.nav-tabs.theme2 {border-bottom: 1px solid #f60;}
.nav-tabs.theme3 {border-bottom: 1px solid #ff0;}
.nav-tabs.theme4 {border-bottom: 1px solid #0f0;}
.nav-tabs.theme5 {border-bottom: 1px solid #03f;}
.nav-tabs.theme6 {border-bottom: 1px solid #30f;}
.nav-tabs.theme7 {border-bottom: 1px solid #60f;}
.nav-tabs.theme8 {border-bottom: 1px solid #f0f;}

.tab-box.theme0, .table.theme0, .search-box.theme0, ul.nav-tabs.theme0>li>a:hover {border: 1px solid #fff;}
.tab-box.theme1, .table.theme1, .search-box.theme1, ul.nav-tabs.theme1>li>a:hover {border: 1px solid #f00;}
.tab-box.theme2, .table.theme2, .search-box.theme2, ul.nav-tabs.theme2>li>a:hover {border: 1px solid #f60;}
.tab-box.theme3, .table.theme3, .search-box.theme3, ul.nav-tabs.theme3>li>a:hover {border: 1px solid #ff0;}
.tab-box.theme4, .table.theme4, .search-box.theme4, ul.nav-tabs.theme4>li>a:hover {border: 1px solid #0f0;}
.tab-box.theme5, .table.theme5, .search-box.theme5, ul.nav-tabs.theme5>li>a:hover {border: 1px solid #03f;}
.tab-box.theme6, .table.theme6, .search-box.theme6, ul.nav-tabs.theme6>li>a:hover {border: 1px solid #30f;}
.tab-box.theme7, .table.theme7, .search-box.theme7, ul.nav-tabs.theme7>li>a:hover {border: 1px solid #60f;}
.tab-box.theme8, .table.theme8, .search-box.theme8, ul.nav-tabs.theme8>li>a:hover {border: 1px solid #f0f;}

.nav-tabs.theme0>li.active>a {color: #fff; border: 1px solid #fff;}
.nav-tabs.theme1>li.active>a {color: #f00; border: 1px solid #f00;}
.nav-tabs.theme2>li.active>a {color: #f60; border: 1px solid #f60;}
.nav-tabs.theme3>li.active>a {color: #ff0; border: 1px solid #ff0;}
.nav-tabs.theme4>li.active>a {color: #0f0; border: 1px solid #0f0;}
.nav-tabs.theme5>li.active>a {color: #03f; border: 1px solid #03f;}
.nav-tabs.theme6>li.active>a {color: #30f; border: 1px solid #30f;}
.nav-tabs.theme7>li.active>a {color: #60f; border: 1px solid #60f;}
.nav-tabs.theme8>li.active>a {color: #f0f; border: 1px solid #f0f;}
.nav-tabs>li.active>a {border-bottom-color: transparent !important;}

hr.theme0 {width: 100%; border-top: 1px solid #fff; padding:0; margin:0;}
hr.theme1 {width: 100%; border-top: 1px solid #f00; padding:0; margin:0;}
hr.theme2 {width: 100%; border-top: 1px solid #f60; padding:0; margin:0;}
hr.theme3 {width: 100%; border-top: 1px solid #ff0; padding:0; margin:0;}
hr.theme4 {width: 100%; border-top: 1px solid #0f0; padding:0; margin:0;}
hr.theme5 {width: 100%; border-top: 1px solid #03f; padding:0; margin:0;}
hr.theme6 {width: 100%; border-top: 1px solid #30f; padding:0; margin:0;}
hr.theme7 {width: 100%; border-top: 1px solid #60f; padding:0; margin:0;}
hr.theme8 {width: 100%; border-top: 1px solid #f0f; padding:0; margin:0;}

table.calendar.theme0 {box-shadow: 0px 0px 2vw 0.2vw #fff !important;}
table.calendar.theme1 {box-shadow: 0px 0px 2vw 0.2vw #f00 !important;}
table.calendar.theme2 {box-shadow: 0px 0px 2vw 0.2vw #f60 !important;}
table.calendar.theme3 {box-shadow: 0px 0px 2vw 0.2vw #ff0 !important;}
table.calendar.theme4 {box-shadow: 0px 0px 2vw 0.2vw #0f0 !important;}
table.calendar.theme5 {box-shadow: 0px 0px 2vw 0.2vw #03f !important;}
table.calendar.theme6 {box-shadow: 0px 0px 2vw 0.2vw #30f !important;}
table.calendar.theme7 {box-shadow: 0px 0px 2vw 0.2vw #60f !important;}
table.calendar.theme8 {box-shadow: 0px 0px 2vw 0.2vw #f0f !important;}