html{height:100%;margin:0;}
@media screen and (min-width:400px)
{
body {font-family: "Times New Roman", Times, serif;}
.color{margin:0;background-color:#fff;}
}
.navbar {overflow: hidden;background-color:#fff;}
.navbar a {float: left;font-size: 16px;color: black;text-align: center;padding: 14px 16px;text-decoration: none;}
.navbar a:hover, .dropdown:hover .dropbtn {background-color: #6633ff;}
.dropdown {float: left;overflow: hidden;}
.dropdown .dropbtn { font-size: 16px;border: none;outline: none;color: black;padding: 14px 16px;background-color: #fff;font-family: inherit;margin: 0;}
.dropdown-content {display: none;position: absolute;background-color: #fff;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content a {float: none;color: black;padding: 12px 16px;text-decoration: none;display: block;text-align: left;}
.dropdown-content a:hover {color: white;background-color: #6633ff;}
.dropdown:hover .dropdown-content {display: block;}
h1 {margin:0;text-align:center;text-transform:uppercase;color:#000000;background-color:#fff;}
h2, h3 {margin:0;text-align:center;text-transform:uppercase;}
.image {width:100%;height:auto;}
.center{text-align:center;}
div.center {text-align: center;}
.mx-auto{display:block;margin:0 auto;}
.xxx-large{font-size:xxx-large;}
.xx-large{font-size:xx-large;}
.x-large{font-size:x-large;}
.large{font-size:large;}
.medium{font-size:medium;}
.small{font-size:small;}
.wikicode{display:none;}
.overflow{overflow-x:auto;}
.col-sm-1{width:8.33333333%}
.col-sm-2{width:16.66666667%}
.col-sm-3{width:25%}
.col-sm-4{width:33.33333333%}
.col-sm-5{width:41.66666667%}
.col-sm-6{width:50%}
.col-sm-7{width:58.33333333%}
.col-sm-8{width:66.66666667%}
.col-sm-9{width:75%}
.col-sm-10{width:83.33333333%}
.col-sm-11{width:91.66666667%}
.col-sm-12{width:100%}
footer{background-color:#fff;}
@media screen and (min-width: 600px)
{
.knowledge-panel {height: 100%;width: 300px;position: fixed;z-index:1;top: 0;right : 0;background-color: #FFF ;overflow-x: hidden;padding-top: 10px;}
.knowledge-panel a:hover {color: #f1f1f1;}
.main {margin-right : 300px; /* Same as the width of the knowledge-panel */padding: 0px 10px;}
}
@media screen and (max-height: 450px) {
  .knowledge-panel {padding-top: 15px;}
  .knowledge-panel a {font-size: 18px;}
}

/* Dashed border */yy
hr.dashed {
  border-top: 3px dashed #bbb;
}

/* Dotted border */
hr.dotted {
  border-top: 3px dotted #bbb;
}

/* Solid border */
hr.solid {
  border-top: 3px solid #1dcaff;
}

/* Rounded border */
hr.rounded {
  border-top: 8px solid #1dcaff;
  border-radius: 5px;
}
.-is-visually-hidden{font-size:0;margin:0;}
.logo{margin:0;}