@import url('https://fonts.googleapis.com/css?family=Poppins:400');
	body{
		background-color: #222;
		font-family: 'Poppins', sans-serif;
		cursor:default;
		}
		.text {cursor: text;}
	#desktop{
		position:fixed;
		width:100%;
		height:100%;
		top:24px;
		left:0;
		right:0;
		bottom:0;
		overflow:hidden;
		z-index:-1 !important;
		background-image: url(bigpimpin.png);
		background-repeat:no-repeat;
		background-position: center center;
		background-size: 15%;
		}
	#window{ 
		position:fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		-webkit-border-radius: .7em .7em .7em .7em;
		-moz-border-radius: .7em .7em .7em .7em;
		border-radius: .7em .7em .7em .7em;
		background-color: #161e0b;
		color: #fff;
		}
	.signin {
		width: 330px;
		height: 400px;
		}
	.signup{
		width: 330px;
		height: 430px;
		}
	.forgot{
		width: 330px;
		height: 340px; 
		}
	.dashboard{
		width: 330px;
		height: 340px; 
		}
	.titlebar{
		position:relative;
		height:24px;
		-webkit-border-radius:.7em .7em 0 0;
		-moz-border-radius:.7em .7em 0 0;
		border-radius:.7em .7em 0 0;
		padding-top:2px;
		background-color: #161e0b;
		}
	.title,.title:focus{
		color:#FFF;
		padding-left:8px;
		font-family:Arial;
		font-size:1.1em;
		font-weight:600;
		cursor:default;
		outline-style:none;
		text-shadow:1px 1px #333;
		}
	.minimize{
		position:absolute;
		width:15px;
		height:15px;
		z-index:1;
		right:44px;
		top:6px;
		border:1px #fff;
		font-size:.7em;
		color:#fff;
		text-align:center;
		}
	.maximize{
		position:absolute;
		width:15px;
		height:15px;
		z-index:1;
		right:26px;
		top:6px;
		border:1px #fff;
		font-size:.7em;
		color:#fff;
		text-align:center;
		}
	.close{
		position:absolute;
		width:15px;
		height:15px;
		z-index:1;
		right:8px;
		top:6px;
		border:1px #fff;
		font-size:.7em;
		color:#fff;
		text-align:center;
		}
	.content{
		position:relative;
		height:calc(100% - 24px);
		padding-top:10px;
		text-align: center;
		}
	.textfield{ 
		color: #000;
		background-color: #fff;
		height:32px;
		width:271px;
		border-radius: 3px;
		border: 5px solid #fff;
		margin:7px 0 0 0px;
		font-size: 20px;
		font-family: 'Orbitron', sans-serif;
		text-align:left;
		padding-left:8px;
		}
         .textarea{ 
		color: #000;
		background-color: #fff;
		width:271px;
		border-radius: 3px;
		border: 5px solid #fff;
		margin:7px 0 0 0px;
		font-size: 20px;
		font-family: 'Orbitron', sans-serif;
		text-align:left;
		padding-left:8px;
		}

	.button-login{
		width:290px;
		background-color: #598933;
		color: #fff;
		padding: 6px 32px;
		border-radius: 3px;
		text-decoration: none;
		display: inline-block;
	  	font-size: 20px;
		border: 5px solid #598933;
		border-radius: 8px;
		margin: 7px;
		font-family: 'Orbitron', sans-serif;
		text-align:center;
		bottom:10px;
		}
	.security_question {
		color: #598933;
		background-color: #fff;
		height:42px;
		width:290px;
		border-radius: 7px;
		border: 5px solid #fff;
		margin:7px 0 0 0px;
		font-size: 20px;
		font-family: 'Orbitron', sans-serif;
		text-align:left;
		padding-left:20px;
		}
	.gen{
		font-size: 12px;
		color: #fff;
		text-align: center;
		margin-top: 8px;
		width:200px;
		display:flex;
		justify-content: space-evenly;
    margin: 0 auto;
    align-content: center;
		}
		.rem {
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin-top: 8px;
    right:84px;
    position: relative;
}
.rem-label {
	margin-left: 5px;
}
	a{
		color: #fff;
		}
	::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
		color: #598933;
		}
	::-moz-placeholder{ /* Firefox 19+ */
		color: #598933;
		}
	:-ms-input-placeholder{ /* IE 10+ */
		color: #598933;
		}
	:-moz-placeholder{ /* Firefox 18- */
 		color: #598933;
		}
	.ui-icon-gripsmall-diagonal-se {
	background-image:none !important;
	}

	/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #598933;
}

input:focus + .slider {
  box-shadow: 0 0 1px #598933;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.button-login:hover {
  background: #619637;
  border-color: #619637;
}

      html {
        width: 100%;
        height: 100%;
        background-color: #222;
      }
      body {
        margin:0;
      }
      .menu {
        width:100%;
        height:40px;
        margin-top:0px;
        background-color:#161e0b;
      }
      .m {
        background: url(/favicon-32x32.png) left center no-repeat;
        background-size: auto 20px;
        height: 40px;
        width: 20px;
        margin-left: 10px;
      }
      #dropdown {
        color: white;
        background: #161e0b;
        width: 100px;
        font-size: 12px;
        padding-left: 6px;
      }
      li {
        padding-top:1px;
        padding-bottom:1px;
        border:0;
      }
      .ui-widget.ui-widget-content {border:0}
      .ui-menu, .ui-state-active,.ui-menu-item-wrapper:hover{
        background: #161e0b !important; 
        color: white !important;
        border:0 !important;
        margin:0 !important;
      }
      .ui-state-active:hover {
                background: #598933 !important; 
      }


#chatbox {
  background-color: #111;
  border: 1px solid #444;
  height: 200px;
  overflow-y: auto;
  color: #eee;
  padding: 10px;
  font-family: monospace;
}
#messageInput {
  width: 80%;
  padding: 5px;
  background: #222;
  border: 1px solid #555;
  color: #fff;
}
#chatForm button {
  padding: 5px 10px;
  background: #333;
  color: #fff;
  border: 1px solid #555;
}