/*  darker blue of logo: #01b3c4
	lighter blue of logo: #76c9db  */
	
/* button color: #018c98
button hover: #015d65  */

html{
-webkit-text-size-adjust: 100%;
}

html, body {
	height:100%;
}

body{
margin:0;
font-family: 'Open Sans', sans-serif;
image-rendering: -webkit-optimize-contrast;

}
a {
	text-decoration:none !important;
	/*color:#0000cc;*/
	color:#29a3a3;
}
* {box-sizing: border-box;}

.logo{
	
}


.top {

 background-image: linear-gradient(to bottom right, #0fb8ad, #2cb5e8);
height:100%;
/* background-attachment: fixed; */  /*used to fix picture and scroll body over picture */

background-repeat: no-repeat;
    background-size: cover;


position:relative;

}


.login-box{
	display:block;
	position:absolute;
	width:90%;
	height:450px;
	margin:auto;
	top:0;
	bottom:0;
	right:0;
	left:0;
	background-color:white;
	padding:10px;
}

.login-logo{
	display:block;
	width:200px;
	margin:auto;

}

.form-wrapper{
	box-sizing:border-box;
	/*border:1px solid red;*/
	width:100%;
	padding-top:30px;
	
}

.loginerror{
	color:red;
	visibility:visible;
	height:20px;
}

.hidden{
	visibility:hidden;
	
}

.no-access{
color:red;
margin:auto;
font-size:20px;
width:90%;

}

.signin_field{
	
	width:80%;
	font-size:20px;
	padding: 18px 20px;
	margin: 8px 0;
	border: 1px solid #c3e7ef;
	box-shadow:1px 1px 5px #d9d9d9 inset;
	background-color:#ebf7fa;
	-webkit-border-radius:0;
	-webkit-appearance: none;
	
}

.login_button{
	color:white;
	font-size:18px;
	background-color:#018c98;
	border:none;
	padding:15px 40px;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	cursor:pointer;
	transition:.3s;
}
.login_button:hover{
	background-color:#015d65;
}

.login_button:focus{
	outline: 1px solid #015d65;
}

.signin_field:focus {
  outline: 1px solid #76c9db;
  
  -webkit-border-before:none;
}

.signin_forgot{
	color:#01b3c4;
	font-size:18px;
	transition:.3s;
	cursor:pointer;
}

.signin_forgot:hover{
	color:#018c98;
}

.forgot-wrapper{
	display:none;
	color:black;
	text-align:center;
	font-size:20px;
	padding-top:30px;
}

.email-wrapper{
	display:none;
	color:black;
	text-align:center;
	font-size:18px;
	padding-top:30px;
}

.signin_forgot_back{
	color:#01b3c4;
	font-size:18px;
	transition:.3s;
	cursor:pointer;
	text-align:left;
}
.signin_forgot_back:hover{
	color:#018c98;
}

.email_back{
	color:#01b3c4;
	font-size:18px;
	transition:.3s;
	cursor:pointer;
	text-align:left;
}
.email_back:hover{
	color:#018c98;
}

.junkfolder{
	font-size:14px;
}

.redirect{
	display:none;
	color:#018c98;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  /*background-color: rgb(0,0,0);  Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
  z-index:8000;
}

.close{
	cursor:pointer;
	float:right;
}

.smallprint{
	font-size:12px;
}

.header{
	width:100%;
	padding:5px 0px 5px 5px;
	background-color:white;
	box-shadow: 0 4px 6px -6px #222;
	box-sizing:border-box;
	position:sticky;
	top:0;
	z-index:500;
	/*height:74px;*/
}

.live-alert-container{
	width:100%;
	box-sizing:border-box;
	background-color:#e6e6e6;
	border-left:3px solid orange;
	padding:10px 4px;
}


.header-wrapper{
	display:none;
	margin-top:0;
	right:0;
	float:right;
	padding:10px 20px 0 0;
	box-sizing:border-box;

}

.mobile-menu-button{
	display:inline-block;
	position:relative;
	height:40px;
	width:25px;
	float:right;
	right:20px;
	top:15px;
}

.button-strip{
	background-color:#01b3c4;
	width:100%;
	height:2px;
	margin-top:7px;
}

.mobile-menu-button-close{
	display:none;
	position:relative;
	height:40px;
	width:30px;
	float:right;
	right:15px;
	top:15px;
	
	
}


.closex1{
	position:absolute;
	background-color:#01b3c4;
	width:80%;
	height:2px;
	transform:rotate(45deg);
	top:15px;
}

.closex2{
	position:absolute;
	background-color:#01b3c4;
	width:80%;
	height:2px;
	transform:rotate(-45deg);
	top:15px;
}

.header-button, .dropdown-button{
	display:inline-block;
	color:white;
	font-size:18px;
	background-color:#018c98;
	border:none;
	padding:15px 40px;
	border-radius:7px;
	cursor:pointer;
	transition:.3s;
	margin-left:15px;
	margin-bottom:10px;
	position:relative;
}

.pwchange-button{
	display:inline-block;
	color:white;
	font-size:16px;
	background-color:#018c98;
	border:none;
	padding:7px 20px;
	border-radius:5px;
	cursor:pointer;
	transition:.3s;
	margin-left:0px;
	position:relative;
}

.pwchange-button:hover{
	background-color:#015d65;
}

.current-email{
	background-color:#f2f2f2;
	border:1px solid #bfbfbf;
	padding:4px 10px;
	color:gray;
}

.mobile-createnew-button-container{
	width:90%;
	margin:auto;
	box-sizing:border-box;
	
	margin-bottom:40px;
}

.mobile-createnew-button{
	
	color:white;
	font-size:18px;
	background-color:#018c98;
	border:none;
	padding:10px 35px;
	border-radius:7px;
	cursor:pointer;
	transition:.3s;
	/*margin-bottom:40px;*/
	width:120px;
	margin:auto;
	text-align:center;
	
}

.header-logout{
	background-color:#7e0202;
}

.header-wrapper-mobile{
	display:none;
	position:relative;
	
}





.overlay{
	display:none;
	/*transition:opacity 7000ms;*/
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgba(0, 0, 0, 0.8);
	z-index:8000;
	
	overscroll-behavior: contain;

}

.overlay-container{
	background-color:white;
	width:90%;
	height:470px;
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	padding:10px;
}

.overlay-close, .del-overlay-close{
	box-shadow:border-box;
	float:right;
	cursor:pointer;
}

.overlay-body{
	box-shadow:border-box;
	/*border:1px solid red;*/
	display:block;
}

.overlay-success{
	display:none;
	text-align:center;
	padding-top:190px;
	font-size:20px;
}

.passerror{
	visibility:visible;
	height:20px;
	color:red;
}



.blog-admin-header{
	padding:100px 0 50px 0;
	font-size:30px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	/*box-sizing:border-box;
	border:1px solid red;*/
	width:100%;
	/*height:200px;*/
	/*position:fixed;
	top:70px;*/
	
}

.blog-admin-wrapper, .brett-admin-wrapper{
	width:90%;
	margin:auto;
	margin-bottom:30px;
	background-color:white;
	box-shadow: 0px 2px 8px 1px #ccc;
	
}

.title{
	font-size:18px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 54px;
  height: 28px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.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: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

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

input:focus + .slider {
  box-shadow: 0 0 0px #018c98;
}

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

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

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

.blogadmin-footer{
	text-align:center;
	font-size:14px;
	/*padding:50px 0 0 7px;*/
}

.blog-admin-hide, .brett-admin-hide{
	/*width:60%;
	
	margin:auto;
	margin-top:50px;
	display:inline-block;*/
	size:16px;
	padding:10px 10px;
	background-color:white;
	cursor:pointer;
	/*box-shadow: 2px 2px 8px 1px #ccc;*/
}

.blog-wrapper, .brett-wrapper{
	display:none;
	/*width:60%;
	margin:auto;
	margin-top:50px;*/
	padding:5px 10px 10px 10px;
	background-color:white;
	/*box-shadow: 0px 2px 8px 1px #ccc;*/
}

.blog-admin-moreless-container{  /* hides "plus/minus" on mobile*/
display:none;
}

.blue-font{
	color:#01b3c4;
}

.admintag {
	display:inline-block;
	background-color:#e6e6e6;
	padding:2px 10px;
	border-radius:5px;
	margin-left:10px;
	margin-bottom:7px;
	cursor:default;
}

.tags{
	display:block;
	margin-bottom:5px;
	padding:7px;
	font-size:16px;
	border:1px solid #ccc;
}

.isactive-container{
	display:none;
}

.mobile-isactive{
	border-left:4px solid #ccffcc;
	box-sizing:border-box;
}

.blog-admin-hide-wrapper{
	border:1px solid red;
	box-sizing:border-box;
}

.active {
	background-color:#ccffcc;
	padding:2px 10px;
	margin-left:5px;
	cursor:pointer;
}

.deactive {
	background-color:#d98c8c;
	padding:2px 10px;
	margin-left:5px;
	cursor:pointer;
}



.mobile-isdeactive{
	border-left:4px solid #d98c8c;
	box-sizing:border-box;
	transition:opacity 500ms;
}

.mobile-isdeactive-none{
	border-left:4px solid white;
	box-sizing:border-box;
	transition:opacity 500ms;
}


.save-button{
	display:inline-block;
	color:white;
	margin-top:15px;
	margin-right:15px;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	background-color:#01bacb;
	border:none;
	padding:10px 20px;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	cursor:pointer;
	transition:.3s;
}

.status-container{
	
	height:30px;
	/*font-size:20px;
	color: green;*/
	padding-bottom:12px;
	
}

.fb-button{
	width:180px;
	color:white;
	/*margin-top:15px;
	margin-right:15px;*/
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	background-color:#39569c;
	border:none;
	padding:6px 10px;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	cursor:pointer;
	transition:.3s;
}

.fbnoclick{
	cursor:not-allowed;
}

.fb-icon{
	background-color:#39569c;
	padding:5px;
}

.blog-controls-wrapper{
	width:100%;
	box-sizing:border-box;
	
}

.savebuttonnoclick{
	display:inline-block;
	color:white;
	margin-right:15px;
	margin-top:15px;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	background-color:rgba(1, 186, 203, 0.3);
	border:none;
	padding:10px 20px;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	cursor:not-allowed;
	transition:.3s;
	
}

.blog-controls-button{
	display:inline-block;
	padding:10px 20px;
	background-color:#01bacb;
	color:white;
	cursor:pointer;
	transition:.3s;
	/*margin-right:15px;*/
	
}

.bgred{
	background-color:#7e0202;
}

.right{
	float:right;
	margin-top:18px;
}

.noclick{
	background-color:rgba(126, 2, 2, 0.3);
	cursor:not-allowed;
}

.modal-content {
	background-color:white;
	width:90%;
	height:290px;
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	padding:10px;
	text-align:center;
}

.fb-modal-content {
	background-color:white;
	width:90%;
	height:350px;
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	padding:10px;
	text-align:center;
}
.fblink{
	padding:4px -10px 4px 4px;
	background-color:#e6e6e6;
	color:#595959;
	overflow:hidden;
	width:100%;
	border:1px solid #cccccc;
}

.modal-btn-container{
	position:absolute;
	bottom:30px;
	left:0;
	width:100%;

}

.dropdown1-button{
	/*padding:10px 15px;
	background-color:#01bacb;
	display:inline;
	float:right;
	right:3px;
	color:white;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	cursor:pointer;*/
	
	color:white;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	background-color:#018c98;
	border:none;
	padding:10px 40px;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	cursor:pointer;
	transition:.3s;
}

.dropdown1-button-red{

	color:white;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	background-color:#7e0202;
	border:none;
	padding:10px 40px;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	cursor:pointer;
	transition:.3s;
}

.dropdown1-button-blue{

	color:white;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	background-color:#39569c;
	border:none;
	padding:10px 40px;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	cursor:pointer;
	transition:.3s;
}

.restore-enter{
	padding:3px 5px;
	background-color:#ff944d;
	color:white;
	border:none;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	cursor:pointer;
	transition:.3s;
}

.fbblue{
	background-color:#39569c;
}

.restore-enter:hover{
	background-color:#cc5200;
}

.table-border{
	box-sizing:border-box;
	border-bottom:1px solid gray;
}
.tdwidth{
	width:30%;
}

.blogcreate-controls-wrapper{
	width:90%;
	margin:auto;	
	
}

.blog-form-wrapper{
	width:90%;
	margin:auto;
	margin-top:50px;
	box-sizing:border-box;
	
	/*padding:5px 10px 10px 10px;
	box-shadow: 2px 2px 8px 1px #ccc;*/
	
}

.header-button-mobile{
	display:inline-block;
	color:white;
	font-size:16px;
	background-color:#018c98;
	border:none;
	padding:10px 25px;
	float:right;
	right:20px;
	top:9px;
	border-radius:7px;
	position:relative;

}

.no-event{
	pointer-events:none;
}

.text-field{
	width:98%;
	font-size:20px;
	padding:10px 0 10px 7px;
	border:1px solid #ccc;
}

.img-selector-box{
	padding:6px 6px 1px 6px;
	width:100%;
	box-sizing:border-box;
	border:1px solid lightgray;
	height:172px;
	overflow:auto;
}

.radio-hidden{
	position:absolute;
	left:-9999px;
}


input[type=radio]:checked + label>img {
  box-sizing:border-box;
  border: 1px solid #fff;
  box-shadow: 0 0 3px 3px #090;
}

/* Stuff after this is only to make things more pretty */
input[type=radio] + label>img {
  /*border: 1px dashed #444;*/
  width: 150px;
  max-height: 150px;
  margin-right:5px;
  transition: 500ms all;
  cursor:pointer;
}

#blogbody{
	height:500px;
}


.changed{
	display:none;
}

.selected-image{
	width:150px;
	max-height:150px;
}

.change-image-font{
	font-size:14px;
	color:blue;
	cursor:pointer;
	transition:.7s;
}

.cancel-email-font{
	display:none;
	font-size:12px;
	color:blue;
	
	transition:.7s;
}

.img-selector-box-hidden{
	display:none;
	padding:6px 6px 1px 6px;
	width:100%;
	box-sizing:border-box;
	border:1px solid lightgray;
	height:172px;
	overflow:auto;
}



@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) { /* iphone 5 portrait and landscape */







}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px)
and (orientation: portrait) { /* iphone 5 portrait */



}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px)
and (orientation : landscape) { /* iphone 5 landscape */



}

@media only screen 
and (min-device-width : 350px)   /* 375 */
and (max-device-width : 812px)  /* 667 */
and (orientation : portrait) { /* iphones 6,7,8, X, Plus in portait */

.header-wrapper{
	display:none;
	margin-top:0;
	right:0;
	float:right;
	padding:10px 20px 0 0;
	box-sizing:border-box;

}

#more, #less{
	size:5px;
}

.blog-admin-less, .blog-admin-more{
	size:5px;
	
}






}



@media only screen 
and (min-device-width : 350px)   /*375*/
and (max-device-width : 812px)   /*667 */
and (orientation : landscape) { /* iphones 6,7,8, X, Plus in landscape */




.header-wrapper{
	display:none;
	margin-top:0;
	right:0;
	float:right;
	padding:10px 20px 0 0;
	box-sizing:border-box;

}

.mobile-createnew-button-container{
	width:95%;
}



}




@media only screen and (min-width: 768px)
and (orientation : portrait){    /* tablet in portrait  */

.blog-admin-wrapper, .brett-admin-wrapper{
	width:95%;
	margin:auto;
	margin-bottom:30px;
	background-color:white;
	box-shadow: 0px 2px 8px 1px #ccc;
	
}

.mobile-createnew-button-container{
	width:95%;
}


}

@media only screen and (min-width: 1024px)
and (orientation : landscape){    /* tablet in portrait  */



}




@media only screen and (min-width: 768px){  /* For tablets */




}

@media only screen and (min-width: 1000px){  /* For desktops */
/*
.logo{
	height:70px;
}*/

.top {

background: linear-gradient(
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0.4)
    ),url("pics/beach.jpg");
/*filter:blur(1px);*/

height:100%;
/* background-attachment: fixed; */  /*used to fix picture and scroll body over picture */
background-position: 30%;
background-repeat: no-repeat;
    background-size: cover;


position:relative;

}

.login-box{
	width:450px;
}

.header{
	width:100%;
	padding:5px 0 0px 10px;
	background-color:white;
	box-shadow: 0 4px 6px -6px #222;
	box-sizing:border-box;
	position:fixed;
	top:0;
	/*z-index:500;*/
	
}


.header-wrapper{
	display:block;
	margin-top:0;
	right:0;
	float:right;
	padding:2px 10px 0 0;
	box-sizing:border-box;
}

.mobile-menu-button{
	display:none;
}

.closex1 .closex2{
	display:none;
	
}


.header-wrapper-mobile{
	display:none;
}

.header-button-mobile{
	display:none;
}


.header-button{
	display:inline-block;
	color:white;
	font-size:16px;
	background-color:#018c98;
	border:none;
	padding:7px 20px;
	border-radius:5px;
	cursor:pointer;
	transition:.3s;
	margin-left:7px;
	position:relative;
}





.mobile-createnew-button-container{
	display:none;
}

.header-button-adjust{
	padding:2px 0 1px 0;
}

.header-button:hover{
	background-color:#015d65;
}

.header-logout{
	background-color:#7e0202;
}

.header-logout:hover{
	background-color:#4c0101;
}

.dropdown{
	position:relative;
	display:inline-block;
}

.dropdown-content{
	display:none;
	background-color:white;
	width:180px;
	position:absolute;
	padding:15px 0px 5px 0px;
	padding-bottom:10px;
	margin-top:-5px;
	margin-left:-85px;
	box-shadow: 0 4px 6px -6px #222;
	z-index:2003;
}

.dropdown-item{
	cursor:pointer;
	padding:6px 0 6px 3px;
	border:none;
	background-color:white;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	text-align:left;
	width:100%;
}
.dropdown-item:hover{
	background-color:#e6e6e6;
	
}

.dropdown-item2{
	cursor:pointer;
	padding:4px 0 4px 8px;
	border:none;
	margin-top:8px;
	background-color:white;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	text-align:left;
	width:100%;
	border-top:1px solid #e6e6e6;
}
.dropdown-item2:hover{
	background-color:#e6e6e6;
	
}



.dropdown-content button.active{
	cursor:pointer;
	padding:4px 0 8px 3px;
	border:none;
	background-color:white;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	text-align:left;
	width:100%;

}



.dropdown:hover .dropdown-content{ display:block;z-index:2004;}
.dropdown:hover .dropdown-btn {color: white;}


.dropdown1{
	position:relative;
	display:inline-block;
}

.dropdown-content1{
	display:none;
	background-color:#f2f2f2;
	width:430px;
	position:absolute;
	/*padding:12px 7px 5px 7px;*/
	vertical-align:center;
	box-shadow: 0 4px 6px -6px #222;
}
.dropdown1-font{
	display:inline;
	padding-left:7px;
	padding-top:10px;
	box-sizing:border-box;
	border:1px soild red;

}
.dropdown1-button{
	/*padding:10px 15px;
	background-color:#01bacb;
	display:inline;
	float:right;
	right:3px;
	color:white;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	cursor:pointer;*/
	
	color:white;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	background-color:#018c98;
	border:none;
	padding:10px 10px;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	cursor:pointer;
	transition:.3s;
}

.dropdown1-button:hover{
	background-color:#015d65;
}

.dropdown1-button:focus{
	outline:none;
}

.dropdown1:hover .save-button{
	background-color:#018c98;
		
}
.dropdown1:hover .dropdown-content1{ display:inline-block;}

.name{
	cursor:default;
}

.form {
	float:left;
}

.dropdown-button{
	display:block;
	width:95%;
	text-align:center;
	font-size:15px;
	color:white;
	border-radius:5px;
	margin:auto;
	padding:7px 15px;
	background-color:#01a3b2;
	cursor:pointer;
	transition:.3s;
}


.dropdown1-button-red{

	color:white;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	background-color:#7e0202;
	border:none;
	padding:10px 40px;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	cursor:pointer;
	transition:.3s;
}

.dropdown-button:hover{
	background-color:#01747f;
}

.overlay{
	display:none;
	/*transition:opacity 7000ms;*/
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:rgba(0, 0, 0, 0.8);
	z-index:8000;
	
	overscroll-behavior: contain;

}

.overlay-container{
	background-color:white;
	width:450px;
	height:470px;
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	padding:10px;
}

.overlay-close, .del-overlay-close{
	box-shadow:border-box;
	float:right;
	cursor:pointer;
}

.overlay-body{
	box-shadow:border-box;
	/*border:1px solid red;*/
	display:block;
}

.overlay-success{
	display:none;
	text-align:center;
	padding-top:190px;
	font-size:20px;
}

.passerror{
	visibility:visible;
	height:20px;
	color:red;
}


.blog-admin-header{
	padding:60px 0 50px 0;
	font-size:40px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	
}


/*
.admin-section{
	
	background-color:white;
	position:absolute;
	padding:3px;
	top:140px;
	left:10px;
	min-width:300px;
	max-width:350px;
	box-shadow: 1px 1px 8px 1px #ccc;
}*/

.breadcrumb{
	line-height:60px;
	height:60px;
	width:100%;
	padding-left:10px;
	vertical-align:middle;
	position:fixed;
	top:51px;
	background-color:#ebf7fa;
	z-index:100;
}

.dash{
	font-size:20px;
}

/* Style the tab */
.tabmain {
  
  position:fixed;
  top:111px;
  
  float: left;
  border: 1px solid #ccc;
  box-sizing:border-box;
  /*background-color: #f1f1f1;*/
  background-color:#d6eff5;
  width: 20%;
  height: 300px;
  
}

/* Style the buttons inside the tab */
.menubutton {

  display: block;
  margin:auto;
  background-color: inherit;
  color: black;
  padding: 15px 0 15px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.1s;
  font-size: 17px;
  box-sizing:border-box;
  border-radius:0;

  
}

.activebutton {
  /*background-color: #ccc;*/
  text-align: left;
  cursor: pointer;
  transition: 0.1s;
  padding: 15px 0 15px 16px;
  font-size: 17px;
  display: block;
  margin:auto;
  width: 100%;
  background-color:#addfeb;
  border-left:3px solid #2d9db9;
  box-sizing:border-box;
  border-radius:0;
  border-top:none;
  border-bottom:none;
  border-right:none;
  
}

/* Change background color of buttons on hover */
.menubutton:hover {
  /*background-color: #ddd;*/
  background-color:#c1e7f0;
  
}

/* Style the tab */
.tab {
   position:fixed;
  top:111px;
  
  float: left;
  border: 1px solid #ccc;
  box-sizing:border-box;
  /*background-color: #f1f1f1;*/
  background-color:#d6eff5;
  width: 20%;
  height: 300px;
}

/* Style the buttons inside the tab */
.tab button {
 /* display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;*/
    display: block;
  margin:auto;
  background-color: inherit;
  color: black;
  padding: 15px 0 15px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.1s;
  font-size: 17px;
  box-sizing:border-box;
  border-radius:0;

}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #c1e7f0;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}

/* Create an active/current "tab button" class */
.tab button.active {
  /*background-color: #ccc;*/
  background-color:#addfeb;
  border-left:3px solid #2d9db9;
  box-sizing:border-box;
}

/* Style the tab content */
.tabcontent {
  /*float: left;*/
  margin-left:20%;
  margin-top:111px;
  padding: 0px 12px 40px 12px;
  border-top: 1px solid #ccc;
  width: 80%;
  border-left: none;
  min-height:500px;
  /*height: 1000px;*/
  box-sizing:border-box;
  /*display:none;*/
  margin-bottom:40px;

}



.table-all{
	width:100%;
	border-collapse: collapse;
	border-style: none;
}

.table-td-contents{
  border-bottom: 1px solid #f2f2f2;
  border-collapse: collapse;
  background-color:white;
}

.table-td-contents-red{
	border-bottom: 1px solid #f2f2f2;
  border-collapse: collapse;
	background-color:#ffece6;
}

.table-td-contents-green{
	border-bottom: 1px solid #f2f2f2;
  border-collapse: collapse;
	background-color:#e6ffe6;
}

.table-tr-contents:hover td{
	background:#d6eff5 !important;
}

.dash-container1{
	width:100%;
	box-sizing:border-box;
	
}

.dash-container2{
	display:inline-block;
	width:49.5%;
	box-sizing:border-box;
	padding:10px;
	vertical-align:top;
}

.dash-container3{
	background-color:white;
	border-radius:10px;
	box-sizing:border-box;
	height:370px;
	padding:5px;
	box-shadow: 0px 0px 15px 2px #ccc;
}

.dash-img{
	width:90%;
	height:180px;
	margin:auto;
	padding:3px 0px;
	box-sizing:border-box;
	/*border:1px solid #eaf7fa;*/
	overflow:none;
	background-color:#ace0ec;
	text-align:center;
}

.dash-img-border{
	/*border:1px solid #01bacb;*/
	border:1px solid #c1e8f0;
}

#dash-img1{
background: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0)
    ),url("blog.jpg");
/*filter:blur(1px);*/

/*height:40%;*/
/* background-attachment: fixed; */  /*used to fix picture and scroll body over picture */
background-position: center;
background-repeat: no-repeat;
    background-size: cover;
}

#dash-img2{
background: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0)
    ),url("chartsandgraphs.png");
/*filter:blur(1px);*/

/*height:40%;*/
/* background-attachment: fixed; */  /*used to fix picture and scroll body over picture */
background-position: center;
background-repeat: no-repeat;
    
}

#dash-img3{
background-color:white;
text-align:center;


}


.dash-viewbtn{
	
	padding:7px 10px;
	color:white;
	width:110px;
	margin:auto;
	margin-top:40px;
	background-color:#018c98;
	text-align:center;
	cursor:pointer;
	transition:.3s;
}

.dash-viewbtn:hover{
	background-color:#015d65;
}

.requesttext{
	width:100%;
	height:200px;
	resize:none;
	padding:2px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	
}

.requesttext:focus{
		outline:none;
}

#showsuccess{
	display:none;
}

.ipinfo{
	background-color:#e6e6e6;
	border-left:4px solid #018c98;
	
	width:30%;
	padding:30px 7px;
	
}

.alertinfo{
	background-color:#e6e6e6;
	border-left:4px solid orange;
	
	width:30%;
	padding:28px 7px;
	
}

.graphheader{
	width:80%;
	border-collapse:box-sizing;
	
}

.graphheader-short{
	width:50%;
	border-collapse:box-sizing;
}

.graphheader-xshort{
	width:100%;
	border-collapse:box-sizing;
}

.table-container{
	display:inline-block;
	width:30%;
	box-sizing:border-box;
	/*border:1px solid red;*/
	margin-right:150px;
}

.bargraph{
	display:inline-block;
	width:80%;
	border-collapse:box-sizing;
	
}

.th{
	border-collapse:box-sizing;
	border-top:1px solid black;
	width:10%;
}
.td{
	padding:0 10px;
	height:200px;
	vertical-align:bottom;
	text-align:center;
}
.column{
	/*height:0%;*/
	position:relative;
    width:80%;
    background-color:lightblue;
    margin:auto;
	transition: 1s;
	vertical-align:bottom;
}
.column2{
	height:40%;
    width:80%;
    background-color:lightblue;
    margin:auto;
}

.sidegrapgh{
	display:inline-block;
	/*border:1px solid black;*/
	width:20px;
	height:240px;

}

.sidegraphtd{
	vertical-align:top;
	
	text-align:center;
	color:gray;
	font-size:12px;
}

.sidetr{
	height:35px;
}

.tableunderlay{
	/*border:1px solid black;*/
	height:205px;
	width:82%;
	
}

.tdunderlay{
	vertical-align:top;
	border-top:1px solid #f2f2f2;
	font-size:10px;
	color:#b3b3b3;
}

.tdunderlay-bottomrow{
	vertical-align:top;
	/*border-top:1px solid lightgray;*/
	font-size:12px;
	color:gray;
}

.tableoverlay{
	margin-left:20px;
	z-index:100;
	table-layout: fixed;
	width:95%;
}

.tdoverlay{
	height:200px;
	vertical-align:bottom;
	
	text-align:center;
}

.columntotal{
	display:none;
	
	/*position:absolute;*/
	top:0;
	text-align:center;
	color:gray;
	font-size:18px;

}

.alltable{
	width:60%;
	background-color:white;
	overflow:hidden;
	border-collapse:box-sizing;
	border-top:1px solid #bfbfbf;
	/*border:1px solid red;*/
}

.citygraph{
	width:80%;
	overflow:hidden;
	border-collapse:box-sizing;
	border-top:1px solid #bfbfbf;
	/*border:1px solid red;*/
}

.citygraph-td{
	border-collapse:box-sizing;
	
	border-bottom:1px solid #d9d9d9;
	color:#8c8c8c;
	font-size:12px;
}

.citybar{
	display:inline-block;
	width:0%;
	height:20px;
	margin-top:2px;
	/*padding:8px 0px;*/
	background-color:#76bdd5;
}
.citybar2{
	display:inline-block;
	width:0%;
	height:20px;
	
	/*padding-bottom:4px;*/
	/*padding:8px 0px;*/
	background-color:#76bdd5;
}

.cityhitnumber{
	vertical-align:top;
	color:#737373;
}

.statedetails{
	display:none;
	background-color:#f2f2f2;
	font-size:12px;
	color:#595959;
}

.blog-top{
	width:100%;
}

.sort{
	float:right;
}

.sort select{
	outline:none;
	color:#595959;
	background-color:#c1e7f0;
	border:1px solid #d6eff5;
	padding:3px 6px;
	font-size:16px;
	font-weight: bold;
	width:150px;
	font-family: 'Open Sans', sans-serif;
	cursor:pointer;
	/*padding-top:20px;*/
	box-sizing:border-box;
}
.sort option{
	font-weight: bold;
}

.graphsort{
	float:right;
	margin-bottom:3px;
	box-sizing:border-box;
}

.graphsort select{
	outline:none;
	color:#595959;
	background-color:#c1e7f0;
	border:1px solid #d6eff5;
	padding:1px 3px;
	font-size:14px;
	font-weight: bold;
	width:100px;
	font-family: 'Open Sans', sans-serif;
	cursor:pointer;
	/*padding-top:20px;*/
	box-sizing:border-box;
}

.graphsort option{
	font-weight: bold;
}

.graphsortbtn{
	background-color:#018c98;
	font-family: 'Open Sans', sans-serif;
	cursor:pointer;
	border:none;
	padding:2px 7px;
	font-size:14px;
	color:white;
	transition:.3s;
}

.graphsortbtn:hover{
	background-color:#015d65;
}

.myip{
	position:fixed;
	left:7px;
	top:450px;
	width:19%;
	height:50px;
	border:1px solid #99d6e6;
	border-radius:5px;
	background-color:#d6eff5;
	padding:12px 0 0 10px;

}

.blocked-overlay{
	position:fixed;
	left:7px;
	top:520px;
	width:19%;
	height:80px;
	border:1px solid #99d6e6;
	border-radius:5px;
	background-color:#d6eff5;
	/*height:150px;*/
	padding-top:27px;
	text-align:center;
	font-size:18px;
	color:#018c98;
	cursor:pointer;
}

.blocked-overlay:hover{
	text-decoration:underline;
}
.blocked{
	position:fixed;
	display:none;
	left:7px;
	top:520px;
	width:19%;
	height:80px;
	border:1px solid #99d6e6;
	border-radius:5px;
	background-color:#d6eff5;
	/*height:150px;*/
	padding:10px;
}

.blocked-textfield{
	padding:3px;
}



.checkip{
	position:fixed;
	left:7px;
	top:620px;
	width:19%;
	height:200px;
	border:1px solid #99d6e6;
	border-radius:5px;
	background-color:#d6eff5;
	/*height:150px;*/
	padding:10px;

}



.isactive-container1{
	position:absolute;
	height:70px;
	line-height:70px;
	padding:0 0 0 10px;
	bottom:0;
	width:100%;
	text-align:center;
	
}

.blog-status-font{
	font-size:20px;
	
}

.first10{
	height:380px;
	overflow:hidden;
}

.first101{
	
	overflow:hidden;
}

.after10{
	display:none;
}

.admin-logs{
	border-collapse: collapse;
	border-style: none;
	width:100%;
}

.blog-logs{
	border-collapse: collapse;
	border-style: none;
	width:700px;
}

.showmore{
	color:blue;
	
	/*margin:auto;*/
	padding-top:7px;
	width:100%;
	text-align:center;
	font-size:14px;
	cursor:pointer;
		
}

.showless{
	color:blue;
	
	
	padding-top:7px;
	width:100%;
	text-align:center;
	font-size:14px;
	cursor:pointer;
	display:none;
}

.showmore:hover{
	text-decoration:underline;
}
.showless:hover{
	text-decoration:underline;
}

.bloglogshowmore{
color:blue;
	
	/*margin:auto;*/
	padding-top:7px;
	width:700px;
	text-align:center;
	font-size:14px;
	cursor:pointer;
		

}
.bloglogshowmore:hover{
	text-decoration:underline;
}

.bloglogshowless{
	color:blue;
	padding-top:7px;
	width:700px;
	text-align:center;
	font-size:14px;
	cursor:pointer;
	display:none;
}

.bloglogshowless:hover{
	text-decoration:underline;
}




.brett-admin-show{
	display:none;
	text-align:right;
	font-size:14px;
	color:#000099;
	cursor:pointer;
	background-color:white;
	position:absolute;
	padding:3px;
	top:140px;
	left:10px;
	min-width:300px;
	max-width:350px;
	box-shadow: 1px 1px 8px 1px #ccc;
}

.tdwidth{
	width:15%;
	
}

.table-border{
	box-sizing:border-box;
	border-bottom:1px solid gray;
}



.restore-enter{
	padding:3px 5px;
	background-color:#ff944d;
	color:white;
	border:none;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	cursor:pointer;
	transition:.3s;
}
.restore-enter:hover{
	background-color:#cc5200;
}

.blog-controls{
	width:70%;
	background-color:white;
	margin:auto;
	 box-shadow: 1px 1px 8px 1px #ccc;
}

.pwchange-button{
	display:inline-block;
	color:white;
	font-size:16px;
	background-color:#018c98;
	border:none;
	padding:7px 20px;
	border-radius:5px;
	cursor:pointer;
	transition:.3s;
	float:right;
	position:relative;
	margin-top:-5px;
}

.left{
	float:left;
}

.left2{
	float:left;
	left:10px;
}

.logout-button{
	display:inline-block;
	color:white;
	font-size:16px;
	background-color:#7e0202;
	border:none;
	padding:7px 20px;
	border-radius:5px;
	cursor:pointer;
	transition:.3s;
	float:right;
	position:relative;
	margin-top:-5px;
}

.logout-button:hover{
	background-color:#4c0101;
	
}

.account-container{
	box-sizing:border-box;
	border:1px solid #99d6e6;
	border-radius:5px;
	background-color:#d6eff5;
	padding:40px 10px;
	width:700px;
}

.help{
	
	font-size:14px;
	color:#018c98;
	cursor:default;
}

.help-hover{
	font-size:12px;
	color:gray;
	display:none;
	
}

.graphhelp{
	font-size:10px;
	color:#018c98;
	cursor:default;
}



.blog-add-button{
	display:block;
	color:white;
	font-size:18px;
	text-align:center;
	background-color:#018c98;
	border:none;
	padding:15px 20px;
	width:200px;
	border-radius:7px;
	cursor:pointer;
	transition:.3s;
	margin:auto;
	/*position:relative;*/
	
	 box-shadow: 2px 2px 8px 1px #ccc;
	/* position:sticky;
	 top:0;*/
	 z-index:1000;
}

.stick {
	display:inline-block;
  position: absolute;
  top: 15px;
  margin:auto;

}


.blog-add-button:hover{
	background-color:#015d65;
}

.blog-admin-wrapper, .brett-admin-wrapper{
	width:60%;
	margin:auto;
	margin-bottom:30px;
	background-color:white;
	box-shadow: 0px 2px 8px 1px #ccc;
	
}


.blog-wrapper, .brett-wrapper{
	display:none;
	/*width:60%;
	margin:auto;
	margin-top:50px;*/
	padding:5px 10px 10px 10px;
	background-color:white;
	/*box-shadow: 0px 2px 8px 1px #ccc;*/
}

.isactive-container{
	display:inline-block;
	cursor:pointer;
}

.mobile-isactive{
	border-left:none;
}

.mobile-isdeactive{
	border-left:none;
}

.mobile-isdeactive-none{
	border-left:none;
}

#isactive{
	vertical-align:3px;
}

.title{
	font-size:25px;
}


.blog-admin-hide, .brett-admin-hide{
	/*width:60%;
	
	margin:auto;
	margin-top:50px;*/
	size:16px;
	padding:10px 10px;
	background-color:white;
	cursor:pointer;
	
	
	box-sizing:border-box;
	/*box-shadow: 2px 2px 8px 1px #ccc;*/
}

.blog-admin-moreless-container{
	display:inline-block;
	float:right;
	margin-top:4px;
	/*height:30px;
	width:30px;
	background-color:orange;
	border:1px solid black;*/
}


.material-icons{
	font-size:25px;
	position:relative;
	margin-left:3px;
	vertical-align:-3px;
}

.blog-admin-more{

	cursor:pointer;
}

.blog-admin-less{
	display:none;

	cursor:pointer;
}


.blue-font{
	color:#01b3c4;
}

.green-font{
	color:green;
}

.red-font{
	color:#b30000;
}

.notallowed{
	cursor:not-allowed;
}


.blog-controls-wrapper{
	width:100%;
	box-sizing:border-box;
	
}

.modal-content {
	background-color:white;
	width:500px;
	/*height:300px;*/
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	padding:10px;
	text-align:center;
}

.changepw-modal-content {
	background-color:white;
	width:450px;
	height:490px;
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	padding:10px;
	/*text-align:center;*/
}

.upload-modal-content{
	background-color:white;
	width:450px;
	height:200px;
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	padding:10px;
	
}

.updateabout-modal-content{
	background-color:white;
	width:1200px;
	height:800px;
	margin:auto;
	position:absolute;
	padding:10px;
	top:0;
	bottom:0;
	right:0;
	left:0;
	/*padding:10px;*/
	
	
}

.updateabout-modal-close{
	display:inline-block;
	color:white;
	font-size:16px;
	background-color:#018c98;
	border:none;
	padding:7px 20px;
	border-radius:5px;
	cursor:pointer;
	transition:.3s;
	right:10px;
	position:absolute;
} 
.updateabout-modal-close:hover{
	background-color:#015d65;
}

.upload-modal-close{
	display:inline-block;
	color:white;
	font-size:16px;
	background-color:#018c98;
	border:none;
	font-size:14px;
	padding:3px 13px;
	border-radius:5px;
	cursor:pointer;
	transition:.3s;
	right:10px;
	position:absolute;
} 
.upload-modal-close:hover{
	background-color:#015d65;
}

#upload-success{
	
	font-size:20px;
	
	padding-top:60px;
	padding-left:30px;
	
}

#spin{
	display:none;
	margin-top:-4px;
}

.updateabout-createnew-container{
	width:95%;
}

.updateabout-show-versions{
	width:95%;
	margin:auto;
	height:650px;
	overflow:auto;
}

.updateabout-createnew-content{
	display:none;
}

.about-modal-content{
	background-color:white;
	width:800px;
	height:600px;
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	/*padding:10px;*/
	
}

.about-header{
	/*padding:10px;*/
	width:95%;
	margin:auto;
	color:#018c98;
	padding-bottom:15px;
	
}

.versionfont{
	font-family: monospace;
	font-size:18px;
	color:#595959;
}

.version-date{
	color:gray;
	font-size:15px;
}
.site-date{
	color:#018c98;
	font-size:15px;
}

.about-details{
	border:1px solid #c1e7f0;
	width:95%;
	margin:auto;
	height:380px;
	background-color:#ebf7fa;
	font-family: monospace;
	box-shadow:inset 0px 0px 20px 7px #e6e6e6;
	padding:10px 12px;
	overflow:auto;
	
	
}

.details-header{
font-size:16px;	

	
}

.details-header1{
font-size:16px;	
border-top:1px solid lightgray;
	
}

.modal-close-container{
	position:absolute;
	bottom:0;
	/*background-color:lightblue;*/
	border-top:1px solid lightgray;
	width:100%;
	padding:20px 0;

}

.about-close-btn{
	background-color:#018c98;
	padding:8px 15px;
	margin:auto;
	width:100px;
	color:white;
	text-align:center;
	cursor:pointer;
	transition:.3s;
}

.about-close-btn:hover{
	background-color:#015d65;
}


.fb-modal-content {
	background-color:white;
	width:530px;
	height:300px;
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	padding:10px;
	text-align:left;
}

.modal-btn-container{
	position:absolute;
	bottom:30px;
	left:0;
	width:100%;

}

.blog-controls-button{
	display:inline-block;
	padding:10px 20px;
	background-color:#01bacb;
	color:white;
	cursor:pointer;
	transition:.3s;
	margin-right:15px;
}

.save-button{
	display:inline-block;
	color:white;
	margin-top:0px;
	margin-right:15px;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	background-color:#01bacb;
	border:none;
	padding:10px 20px;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	cursor:pointer;
	transition:.3s;
}

.fb-button{
	
	color:white;
	margin-top:0px;
	margin-right:15px;
	margin-bottom:15px;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	background-color:#39569c;
	border:none;
	padding:6px 10px;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	cursor:pointer;
	transition:.3s;
}

.fb-button:hover{
	background-color:#293e70;
}


.dropdown1-button-blue{

	color:white;
	margin-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	background-color:#39569c;
	border:none;
	padding:10px 40px;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	cursor:pointer;
	transition:.3s;
}

.dropdown1-button-blue:hover{
	background-color:#293e70;
}

.blog-controls-button:hover{
	background-color:#018c98;
}

.save-button:hover{
	background-color:#018c98;
}

.save-button:focus{
	outline:none;
}

.savebuttonnoclick{
	display:inline-block;
	color:white;
	margin-right:15px;
	margin-top:0;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	background-color:rgba(1, 186, 203, 0.3);
	border:none;
	padding:10px 20px;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	cursor:not-allowed;
	transition:.3s;
	
}

.live-alert-container{
	width:500px;
}

.no-event{
	pointer-events:none;
}

.bgred{
	background-color:#7e0202;
}

.bgred:hover{
	background-color:#4c0101;
}

.right{
	float:right;
	margin-top:0;
}

.notallowed{
	cursor:not-allowed;
}

.blogadmin-footer{
	text-align:center;
	font-size:15px;
	padding:30px 0 7px 0px;
	box-sizing:border-box;
	bottom:0;
	width:100%;
	
}



.blogcreate-controls-wrapper{
	/*width:60%;*/
	margin-left:0;
	
	


}
.visible{
	visibility:visible;
}

.blog-form-wrapper{
	width:75%;
	/*margin:auto;*/
	margin-top:50px;
	margin-left:0;
	padding:5px 10px 10px 0px;
	box-sizing:border-box;
	
	/*box-shadow: 2px 2px 8px 1px #ccc;*/
}

.text-field{
	width:70%;
	font-size:18px;
	padding:7px 0 7px 7px;
	border:1px solid #ccc;
}

.email-text-field{
	width:300px;
	font-size:18px;
	padding:7px 0 7px 7px;
	border:1px solid #ccc;
	display:none;
}

.email-save-btn{
	display:none;
	padding:8px;
	font-size:15px;
	color:white;
	background-color:#018c98;
	font-family: 'Open Sans', sans-serif;
	border:none;
	margin-left:7px;
	cursor:pointer;
	transition:.3s;
	
}

.email-save-btn:hover{
	background-color:#015d65;
}


.title-length{
	width:700px;
}

.tags{
	display:inline-block;
	padding:7px;
	font-size:16px;
	border:1px solid #ccc;
}

.admintag {
	background-color:#e6e6e6;
	padding:2px 10px;
	border-radius:5px;
	margin-left:10px;
	cursor:default;
}

.active {
	background-color:#ccffcc;
	padding:0px 7px;
	/*margin-left:5px;
	cursor:pointer;*/
	font-size:12px;
	border-radius:3px;
	
}

.deactive {
	background-color:#d98c8c;
	padding:0px 7px;
	/*margin-left:5px;
	cursor:pointer;*/
	font-size:12px;
	border-radius:3px;
}

.noclick{
	background-color:rgba(126, 2, 2, 0.3);
	cursor:not-allowed;
}

.noclick:hover{
	background-color:rgba(126, 2, 2, 0.3);
	cursor:not-allowed;
}


#blogbody{
	height:550px;
	width:70%;
}



.blogimg{
	border-radius:50%;
	width:45px;
	vertical-align:-14px !important;
	image-rendering: -webkit-optimize-contrast;
}

.img-selector-box{
	padding:6px 6px 1px 6px;
	width:100%;
	box-sizing:border-box;
	border:1px solid lightgray;
	height:172px;
	overflow:auto;
}

.img-selector-box-hidden{
	display:none;
	padding:6px 6px 1px 6px;
	width:100%;
	box-sizing:border-box;
	border:1px solid lightgray;
	height:172px;
	overflow:auto;
}

.imageerror{
	color:red;
	margin-left:6px;
}

.selected-image{
	width:150px;
	max-height:150px;
}

.change-email-font{
	font-size:12px;
	color:blue;
	cursor:pointer;
	transition:.7s;
	
}


.change-image-font:hover{
	text-decoration:underline;
}

.change-email-font{
	font-size:12px;
	color:blue;
	cursor:pointer;
	transition:.7s;
	float:right;
}

.cancel-email-font{
	display:none;
	font-size:12px;
	color:blue;
	cursor:pointer;
	transition:.7s;
	
}

.cancel-email-font:hover{
	text-decoration:underline;
}
	

.radio-hidden{
	position:absolute;
	left:-9999px;
}


input[type=radio]:checked + label>img {
  box-sizing:border-box;
  border: 1px solid #fff;
  box-shadow: 0 0 3px 3px #090;
}

/* Stuff after this is only to make things more pretty */
input[type=radio] + label>img {
  /*border: 1px dashed #444;*/
  width: 150px;
  max-height: 150px;
  margin-right:5px;
  transition: 500ms all;
  cursor:pointer;
}


}   /* End desktop section */

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

.blog-admin-wrapper, .brett-admin-wrapper{
	width:80%;
	margin:auto;
	margin-bottom:30px;
	background-color:white;
	box-shadow: 0px 2px 8px 1px #ccc;	
}

.header-wrapper{
	
	margin-top:0;
	right:0;
	float:right;
	padding:10px 20px 0 0;
	box-sizing:border-box;

}
	
}


@media only screen and (min-width: 1500px){  /* Large Desktop */


.tabcontent {
  float: left;
  padding: 0px 12px;
  border-top: 1px solid #ccc;
  width: 80%;
  border-left: none;
  /*height: 1000px;*/
  box-sizing:border-box;
 /* display:none;*/
}


.table-all{
	width:85%;
}

.blog-top{
	width:85%;
}

.admin-logs{
	border-collapse: collapse;
	border-style: none;
	width:80%;
}

.showmore, .showless{
	width:80%;
	
}

.account-container{
	box-sizing:border-box;
	border:1px solid #99d6e6;
	border-radius:5px;
	background-color:#d6eff5;
	padding:40px 10px;
	width:700px;
}

.dash-container1{
	width:80%;
}



}