/*here are the changes for dark mode */

#switchTheme, #switchDex, .dex-change{
	float: right;
	margin-left: 1px;
	margin-right: 1px;
	width: 80px;
	font-size: 12px;
}

body.dark, html.dark {
    color: #d4d4d4;
    background-color: #101010;
}

.dark .panel, .dark .panel-heading {
    background-color: #192121;
    border-bottom: 5px solid #103a52;
}

/*.dark .panel[id="p1"] {
    background-color: #5A1412;*/
    /*background-color: #911e18;*/
    /*border-bottom: 5px solid #103a52;
}
.dark .panel[id="p2"] {
    background-color: #200c30;*/
    /*background-color: #471868;*/
    /*border-bottom: 5px solid #103a52;
}*/

.dark .header {
    color: #ffffff !important;
    background-color: #192121 !important;
    border-bottom: 5px solid #ce0000 !important;
}

.dark .btn {
    color: #d4d4d4;
    background: #31313a;
}

.dark .poke-info input[type="number"] {
    background: #31313a;
    color: #d4d4d4;
    border: #525252 solid 1px;
}
.dark .poke-info input:not([type]), .dark .poke-info input[type="text"], .poke-info span :not(.select2-chosen) {
    background: #31313a;
    color: #d4d4d4;
    border: #525252 solid 1px;
}

.dark .select2-drop {
    background: #31313a;
    color: #d4d4d4;
}

.dark .btn-input:checked + .btn {
    color: #fff;
    background: #5d5d5d;
}

.dark .select2-search input {
    background: #31313a
}

.dark select {
    background: #31313a !important;
    color: #d4d4d4 !important;
    border: #525252 solid 1px !important;
}

.dark .select2-container .select2-choice {
    color: #f1f1f1!important;
    background: #31313a !important;
}

.dark textarea, .dark #spreadName {
    color: #d4d4d4;
    border-color: rgb(169, 169, 169);
    background-color: #31313a;
}


.dark a:visited, .dark a:link {
    color: #fff;
}

.dark .onoffswitch-inner:before {
    background-color: #31313a;
}

.dark .poke-info .underLimit {
    color: #d4d4d4;
}

/*normal page stuff now */

body, html {
    margin:0;
    padding:0;
    background-color: #f3f3f3;
    font-family: Open Sans;
}


#wideguard {
    display: block;
    margin: 0 auto;
    padding-bottom: 0.5em;
}

#notice{
    font-size: 30pt;
    color: #e64946;
}
#smallnotice{
    font-size: 15pt;
    color: #e64946;
}

#notice a{
    color: #1e3864;
}

.poke-info input:not([type]), .poke-info input[type="text"], .poke-info span :not(.select2-chosen) {
    background: #ffffff;
    color: #000000;
    border: #525252 solid 1px;
}

.header{
    margin:0 0 20px 0;
    color: #ffffff;
    background:#293131;
    border-bottom: 5px solid #3ab5f7;
    box-shadow:inset 1px 1px 0 rgba(255,255,255,.6),0px 2px 2px rgba(0,0,0,.15);
    min-height:50px;
}

.header a {
    color: #fff;
    text-decoration: none;
}

.header-inner {
    max-width:960px;
    margin:0 auto;
}

.header-logo {
    float: left;
}

.nav,.nav li,.nav-play,.nav-play li{
    display:block;
    list-style:none;
    margin:0;
    padding:0;
    float:left;
}

.nav{
    padding:15px 6px 15px 6px;
}


.button{
    outline:none;
    cursor:pointer;
    text-align:center;
    text-decoration:none;
    text-shadow:0 1px 0 rgba(255,255,255,.4);
    border-radius:5px;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2),inset 0 -1px 2px rgba(255,255,255,1);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.2),inset 0 -1px 2px rgba(255,255,255,1);
    box-shadow:0 1px 2px rgba(0,0,0,.2),inset 0 -1px 2px rgba(255,255,255,1);
    white-space:nowrap;
    color:#222222;
    border:solid 1px #AAAAAA;
    background:#e3e3e3;
    background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#e3e3e3));
    background:-moz-linear-gradient(top,#f6f6f6,#e3e3e3);
    background:linear-gradient(top,#f6f6f6,#e3e3e3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#e3e3e3');
}

.button:hover{
    background:#cfcfcf;
    background:-webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#cfcfcf));
    background:-moz-linear-gradient(top,#f2f2f2,#cfcfcf);
    background:linear-gradient(top,#f2f2f2,#cfcfcf);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2',endColorstr='#cfcfcf');
    border-color:#606060;
}

.button:active{
    background:-webkit-gradient(linear,left top,left bottom,from(#cfcfcf),to(#f2f2f2));
    background:-moz-linear-gradient(top,#cfcfcf,#f2f2f2);
    background:linear-gradient(top,#cfcfcf,#f2f2f2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf',endColorstr='#f2f2f2');
}

.wrapper{
    padding:0 1em;
    max-width:1138px;
    margin:0 auto;
}

.set-selector {
    width: 26em;
}
.panel {
  margin: 5px;
  background-color: #ffffff;
  border: medium none;
  border-radius: 2px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  background-color: #293131;
  padding: 10px 15px;
  border-bottom: 5px solid #de2808;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px;
  color: #fff;
}

.banner {
    text-align: center;
    margin-top: 10px;
}

.footer {
    clear: both;
    padding-top: 10px;
    text-align: center;
    font-size: 0.7em;
}

h1 {
    margin: 0;
    font-size: 18px;
}

h1 a {
    color: #fff;
    text-decoration: none;
}