body {
  position: relative;
  margin: 0;
  height: 100%;
  background-color: #000020;
  font-family: 'Nunito';
  color: #C6AEC7; 
}
body a{
  text-decoration: none;
}
.container{ 
	width: 96%;
	height: auto;
	max-width: 969px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-left: 2%;
	padding-right: 2%;
	z-index: 1;
	
	padding-bottom: 33px;
}
.home_menu_bar {
	width: 90%;
	height: auto;
  text-align: center;
	position: fixed;
	margin-left: 5%;
	margin-right: 5%;
	border-radius: 123px;
	background: linear-gradient(to right, #302217, #250517);
	padding-top: 33px;
	padding-bottom: 1px;
	z-index: 3;
	margin-top: 0px;
}
@media (max-width: 768px) {
  .home_menu_bar{  

	}
}
.home_menu_bar img{
	height: 50px;
	width: auto;
	object-fit: cover;
	margin-top: -22px;
}
.logo_div {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	z-index: 3;
	margin-top: -55px;
	background: #000020;
}
@media (max-width: 768px) {
  .logo_div{
  min-width: 98%;
	max-width: 100%;
  }
}
.logo{
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
}
@media (max-width: 768px) {
  .logo{
  width: auto;
  float: left;
  margin-left: 27%;
  margin-right: 1%;
  margin-top: -41px;
  }
}
.logo b{
	color: #6B8E23;
	text-stroke: 2.2px #6B8E23;
  -webkit-text-stroke: 2.2px #6B8E23;
}
@media (max-width: 768px) {
  .logo b{
  color: #515151;
	font-size: 1.3em;
	font-family: 'Cabin';
	margin-top: -7px;
	text-stroke: 0.88px #515151;
  -webkit-text-stroke: 0.88px #515151;
  }
}
.logo li{
	color: #2F4F4F;
	font-size: 2.2em;
  letter-spacing: 0.88px;
	font-family: 'Nunito'; 
	text-stroke: 2.8px #2F4F4F;
  -webkit-text-stroke: 2.8px #2F4F4F;
  list-style: none;
}
@media (max-width: 768px) {
  .logo li{
	font-size: 10px;
	text-stroke: 0.3px #C6AEC7;
  -webkit-text-stroke: 0.3px #C6AEC7;
  }
}
.menu_cat {
	width: 100%;
	min-width: 768px;
	max-width: 999px;
	height: auto;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-top: 22px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border-radius: 111px;
	text-align: center;
	border: 1px solid #C6AEC7;
	z-index: 2;
	background-color: #C6AEC7;
	 box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2);
	/*-moz-box-shadow: 0 7px 7px #eff3f6;
    -webkit-box-shadow: 0 7px 7px #eff3f6;
    box-shadow: 0 7px 7px #eff3f6; */
}
@media (max-width: 768px) {
  .menu_cat {
  	display: none;
  }
}
.menu_cat a{
	color: #C6AEC7;
	font-size: 0.99em;
	padding-top: 16px;
	padding-bottom: 12px;
	margin-left: 2.2%;
	margin-right: 2.2%;
	display: inline-block;
	letter-spacing: 0.33px;
	font-family: 'Montserrat';
	text-stroke: 0.8px #C6AEC7;
  -webkit-text-stroke: 0.8px #C6AEC7;
}
.menu_cat a:hover{
  color: #0600ff;
  text-stroke: 0.8px #0600ff;
  -webkit-text-stroke: 0.8px #0600ff;
}
.dropbtn_menu_cat {
  background-color: #C6AEC7;
  height: auto;
  border: none;
  width: auto;
  cursor: pointer;
  display: block;
  text-align: left;
  display: inline-block;
  color: #C6AEC7;
	font-size: 0.99em;
  font-family: 'Montserrat';
	text-stroke: 0.8px #C6AEC7;
  -webkit-text-stroke: 0.8px #C6AEC7;
}
.dropbtn_menu_cat a{
  display: block;
}

/* The container <div> - needed to position the dropdown content */
.dropdown_menu_cat {
  position: relative;
  display: inline-block;
}
.dropdown_menu_cat sup{
  font-size: 18px;
  text-stroke: 0px #AAB8C2;
  -webkit-text-stroke: 0px #AAB8C2;
}

/* Dropdown Content (Hidden by Default) */
.dropdown_content_menu_cat {
  display: none;
  text-align: left;
  position: absolute;
  background-color: #C6AEC7;
  min-width: 222px;
  width: auto !important;
  padding: 12px;
  border-radius: 12px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown_content_menu_cat a {
  color: #C6AEC7;
  text-decoration: none;
  display: block;
  font-size: 15px;
  text-stroke: 0.2px #C6AEC7;
  -webkit-text-stroke: 0.2px #C6AEC7;
}
.dropdown_menu_cat:hover .dropdown_content_menu_cat {
	display: block;
}
/* Dropdown Button */ 
.dropbtn {
  display: none;
}
@media (max-width: 768px) {
  .dropbtn {
  font-size: 2.2em;
  background: transparent;
  color: #0e0d20;
  text-stroke: 0.8px #0e0d20;
  -webkit-text-stroke: 0.8px #0e0d20;
  border: none;
  cursor: pointer;
  padding-left: 12px;
  padding-right: 12px;
  display: inline-block;
  position: relative;
  float: left;
  }
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  background: ;
  float: left;
  margin-top: 12px;
  margin-left: 2%;
  z-index: 3;
  display: none;
}
@media (max-width: 768px) {
  .dropdown {
  margin-top: 0px;
  margin-left: 1.2%;
  display: block;
  }
}
.dropdown2 {
  display: none;
}
.subscribe_dropdown {
  position: relative;
  display: inline-block;
  background: ;
  padding: 12px;
  float: right;
  margin-top: 22px;
  margin-right: 12%;
  z-index: 3;
}
@media (max-width: 768px) {
  .subscribe_dropdown {
  margin-top: 28px;
  margin-left: 3.9%;
  }
}
/* Dropdown Content (Hidden by Default) */
.dropdown_content {
  display: none;
  position: absolute;
  background-color: #C6AEC7;
  min-width: 313px;
  height: auto;
  margin-left: -3px;
  margin-top: -2px;
  padding: 22px;
  box-shadow: 0px 8px 7px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown_content a{
	color: #C6AEC7;
	text-align: left;
  display: block;
	font-size: 15px;
	padding-top: 16px;
	padding-bottom: 12px;
	margin-left: 3%;
	margin-right: 1%;
	letter-spacing: 0.5px;
	font-family: 'Montserrat';
	text-stroke: 0.3px #C6AEC7;
  -webkit-text-stroke: 0.3px #C6AEC7;
}
.dropdown_content a:hover{
  color: #0600ff;
  text-stroke: 0.8px #0600ff;
  -webkit-text-stroke: 0.8px #0600ff;
}
.dropdown_content p{
	color: #C6AEC7;
	text-align: left;
  display: block;
	font-size: 55px;
	margin-top: -33px;
	margin-left: 3%;
	letter-spacing: 0.5px;
	font-family: 'Montserrat';
	text-stroke: 0.3px #C6AEC7;
  -webkit-text-stroke: 0.3px #C6AEC7;
}
.dropdown_links_left{
	height: auto; 
	width: 46%;
  position: relative;
  margin-left: 0.5%;
  float: left;
  z-index: 3;
	margin-top: -33px;
}
.dropdown_links_left b{
	color: #C6AEC7;
	text-align: left;
  display: block;
	font-size: 15px;
	padding-bottom: 12px;
	margin-left: 3%;
	margin-right: 1%;
	font-family: 'Montserrat';
	text-stroke: 0.2px #C6AEC7;
  -webkit-text-stroke: 0.2px #C6AEC7;
}
.dropdown_links_left b a{
	color: #C6AEC7;
	text-align: left;
  display: block;
	font-size: 15px;
	padding-top: 22px;
	padding-bottom: 12px;
	margin-left: 3%;
	margin-right: 1%;
	font-family: 'Montserrat';
	text-stroke: 0.2px #C6AEC7;
  -webkit-text-stroke: 0.2px #C6AEC7;
}
.dropdown_links_left sup{
	font-size: 20px;
	text-stroke: 0px #C6AEC7;
  -webkit-text-stroke: 0px #C6AEC7;
}
.dropdown_links_left b a{
	margin-left: 0%;
	padding-bottom: 2px;
	padding-top: 2px;
}
.dropdown_links_right {
	height: auto;
	width: 46%;
  position: relative;
  background: ;
  padding-left: 7%;
  margin-left: 2%;
  float: left;
  z-index: 3;
  border-left: 1px solid #E1E8ED;
	margin-top: -33px;
}
.dropdown_links_right b{
	color: #C6AEC7;
	text-align: left;
  display: block;
	font-size: 15px;
	padding-bottom: 12px;
	margin-left: 3%;
	margin-right: 1%;
	font-family: 'Montserrat';
	text-stroke: 0.2px #C6AEC7;
  -webkit-text-stroke: 0.2px #C6AEC7;
}
.dropdown_links_right sup{
	font-size: 20px;
	text-stroke: 0px #C6AEC7;
  -webkit-text-stroke: 0px #C6AEC7;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown_content container when the user clicks on the dropdown button) */
.show {display:block;}
.menu_list {
	float: left; 
	width: 20%;
	height: auto;
	margin-left: 5%;
	margin-top: 33px;
	position: relative;
}
.menu_list li{
	color: #C6AEC7;
	list-style: none;
	font-size: 20px;
	display: inline-block;
	list-style: none;
	font-family: 'Montserrat';
	text-stroke: 0.5px #C6AEC7;
  -webkit-text-stroke: 0.5px #C6AEC7;
}

.subscribe {
	float: left; 
	width: 13%;
	margin-top: 44px;
	position: relative;
	margin-left: 12%;
}
.subscribe a{
	color: #C6AEC7;
	font-size: 16px;
	
	letter-spacing: 0.5px;
	font-family: 'Nunito';
	text-stroke: 0.5px #C6AEC7;
  -webkit-text-stroke: 0.5px #C6AEC7;
}
.subscribe li{
	list-style: none;
}
.table_div form { 
	width: 56%; 
	padding-top: 33px;
	padding-bottom: 33px;
	font-family: 'Nunito';
	font-size: 1em;
	background: linear-gradient(to right, #302217, #250517);
	padding-left: 2%;
	padding-right: 2%;
	border-radius: 33px;
	margin-left: 2%;
	margin-top: -22px;
}
@media (max-width: 768px) {
  .table_div form{  
  	width: 96%;
  	
	}
}
.table_div_posts form { 
	width: 56%; 
	padding-top: 33px;
	padding-bottom: 33px;
	font-family: 'Nunito';
	font-size: 1em;
	background: linear-gradient(to right, #302217, #250517);
	padding-left: 2%;
	padding-right: 2%;
	border-radius: 33px;
	margin-left: 2%;
	margin-top: -22px;
}
.table_div_submit form { 
	width: 96%; 
	padding-top: 33px;
	padding-bottom: 33px;
	font-family: 'Nunito';
	font-size: 1em;
	padding-left: 2%;
	padding-right: 2%;
	border-radius: 33px;
	margin-left: 2%;
	margin-top: -22px;
}
form input[type=email], input[type=password]{
	display: inline-block;
	font-size: 1em;
	margin: 5px auto 10px;
	border-radius: 111px;
	background: #FDEEF4;
	width: 100%;
	padding: 18px;
}
form textarea {
	display: block;
	margin: 5px auto 10px;
	border-radius: 7px;
	background: #FDEEF4;
	width: 96%;
	padding: 2%;
	max-width: 100%;
	font-family: 'Nunito';
	font-size: 1.3em;
	border: 1px solid #FDEEF4;
}
form select{
	display: inline-block;
	font-size: 1em;
	margin: 5px auto 10px;
	border-radius: 7px;
	background: #FDEEF4;
	width: 100%;
	margin-top: 33px;
	padding: 18px;
	color: #000000;
	line-height: 33px;
	border: 1px solid #FDEEF4;
	text-stroke: 0.1px #000000;
    -webkit-text-stroke: 0.1px #000000;
}
@media (max-width: 768px) {
form select{
	width: 97%;
	margin-top: 0px;
	}
}
form input[type=text]{
	display: inline-block;
	font-size: 1em;
	margin: 5px auto 10px;
	border-radius: 7px;
	background: #FDEEF4;
	width: 93.5%;
	font-family: 'Nunito';
	font-size: 1.3em;
	height: 27px;
	padding: 18px;
	border: 1px solid #FDEEF4;
	text-stroke: 0.1px #000000;
    -webkit-text-stroke: 0.1px #000000;
}
@media (max-width: 768px) {
form input[type=text]{
	width: 88%;
	}
}
form input[type=file]{
	display: inline-block;
	font-size: 1em;
	margin: 5px auto 10px;
	border-radius: 7px;
	background: #347C17;
	width: 93.5%;
  font-family: 'Nunito';
	height: 27px;
	cursor: pointer;
	color: #C6AEC7;
	margin-bottom: 33px;
	padding: 18px;
	border: 1px solid #347C17;
	text-stroke: 0.1px #C6AEC7;
    -webkit-text-stroke: 0.1px #C6AEC7;
}
@media (max-width: 768px) {
form input[type=file]{
	width: 85%;
	}
}
.table_div form input[type=textarea]{
	display: inline-block;
	font-size: 1em;
	margin: 5px auto 10px;
	border-radius: 7px;
	background: #C3FDB8;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
  font-family: 'Nunito';
	height: 27px;
	color: #C6AEC7;
	padding: 18px;
	border: 1px solid #1a0429;
	text-stroke: 0.1px #C6AEC7;
    -webkit-text-stroke: 0.1px #C6AEC7;
}
.table_div form input[type=textarea]:focus{
	border: 0px solid #1a0429;
}
input[type="checkbox"] { height: 20px; float: left; }
form button { 
	float: right; 
	margin-left: 24%; 
}
@media (max-width: 768px) {
form button { 
	width: 80%;
	}
}
form input:focus { outline: none; }
label {	
	margin-top: 20px;
	margin-bottom: 22px;
	float: left; 
	display: block;
	font-size: 1.31em;
	font-family: 'Nunito';
	text-stroke: 0.88px #C6AEC7;
  -webkit-text-stroke: 0.88px #C6AEC7;
}
/* tables */
table { border-collapse: collapse; 
	width: 70%; 
	margin: 20px auto; 
}
th{ 
	padding: 8px; 
	height: 77px;
	text-align: left; 
	color: #808000;
	text-stroke: 0.39px #808000;
  -webkit-text-stroke: 0.39px #808000;
}

td { 
	padding: 8px; 
	height: 77px;
	text-align: left; 
	color: #C6AEC7;
	border-top: 1px solid #34282C; 
}
td a{
	font-size: 18px;
	font-family: 'Montserrat';
	color: #C6AEC7;
	text-stroke: 0.5px #C6AEC7;
   -webkit-text-stroke: 0.5px #C6AEC7;
}
/* buttons */
.button {
	border-radius: 111px;
	background: #1DA1F2;
	width: 100%;
	padding-bottom: 20px;
	cursor: pointer;
	padding-top: 20px;
	font-size: 16px;
	color: #C6AEC7;
	text-stroke: 0.6px #C6AEC7;
    -webkit-text-stroke: 0.6px #C6AEC7;
    border: none;
}
.btn {
	border-radius: 7px;
	background: green;
	width: 50px;
	height: 12px;
	text-align: center;
	padding-bottom: 12px;
	cursor: pointer;
	padding-top: 12px;
	font-size: 16px;
	color: #C6AEC7;
	text-stroke: 0.6px #C6AEC7;
    -webkit-text-stroke: 0.6px #C6AEC7;
    border: none;
}
.btn_delete {
	border-radius: 7px;
	background: red;
	width: 50px;
	height: 12px;
	text-align: center;
	padding-bottom: 12px;
	cursor: pointer;
	padding-top: 12px;
	font-size: 16px;
	color: #C6AEC7;
	text-stroke: 0.6px #C6AEC7;
    -webkit-text-stroke: 0.6px #C6AEC7;
    border: none;
}
.btn_edit {
	border-radius: 7px;
	background: gray;
	width: 50px;
	height: 12px;
	text-align: center;
	padding-bottom: 12px;
	cursor: pointer;
	padding-top: 12px;
	font-size: 16px;
	color: #C6AEC7;
	text-stroke: 0.6px #C6AEC7;
    -webkit-text-stroke: 0.6px #C6AEC7;
    border: none;
}
.button_publish {
	border-radius: 12px;
	background: #1DA1F2;
	width: 333px;
	height: auto;
	float: none;
	text-align: center;
	cursor: pointer;
	font-family: 'Nunito';
	padding: 22px;
	font-size: 1.1em;
	color: #ffffff;
	text-stroke: 0.6px #ffffff;
  -webkit-text-stroke: 0.6px #ffffff;
  border: none;
  position: relative;
  margin-top: 33px;
}
@media (max-width: 768px) {
  .button_publish {
  	width: 96%;
  	margin-left: 2%;
  	margin-right: 2%;
  }
}
/* * * * * * * * * *
* HEADER
* * * * * * * * * */
.header {
	padding: 15px 45px;
	font-family: 'Noto Serif', serif;
	color: white;
	background: #C6AEC7;
	position: fixed;
	width: 100%;
	height: auto;
}
.admin_profile{
	height: auto;
	width: 22%;
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 7px;
	padding-bottom: 12px;
	margin-bottom: 33px;
}
@media (max-width: 768px) {
  .admin_profile {
    width: 100%;
    position: relative;
    padding-top: 22px;
  }
}
.admin_profile h2{
	font-size: 16px;
	font-family: 'Nunito';
	color: #C6AEC7;
	text-stroke: 0.7px #C6AEC7;
  -webkit-text-stroke: 0.7px #C6AEC7;
    
}
.page_title{
	height: auto;
	width: 100%;
	position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 7px;
}
@media (max-width: 768px) {
  .page_title {
    width: 100%;
    position: relative;
    padding-top: 22px;
  }
}
.page_title h1{
	font-size: 16px;
	font-family: 'Nunito';
	color: #C6AEC7;
	text-stroke: 0.7px #C6AEC7;
  -webkit-text-stroke: 0.7px #C6AEC7;
    
}
/* * * * * * * * * *
* DASHBOARD
* * * * * * * * * */
.container_content {
	width: 96%;
	position: relative;
	max-width: 979px;
	height: auto;
	min-height: 100%;
	padding-right: 2%;
	padding-left: 2%;
	padding-top: 252px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 768px) {
  .container_content {
  }
}
.table_div_posts { 
	position: relative;
	width: 98%;
	height: auto; 
	padding-left: 0%;
	padding-right: 2%;
	display: flex;
	margin-top: -151px;
	padding-top: 33px;
	margin-bottom: 12px;
	border-radius: 33px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 768px) {
  .table_div_posts a{
  	font-size: 0.78em;
  }
}
.table_div { 
	position: relative;
	width: 96%;
	height: auto; 
	display: flex;
	margin-top: -151px;
	padding-top: 33px;
	margin-bottom: 12px;
	border-radius: 33px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2%;
	padding-right: 2%;
}
.table_div_left{ 
	float: left; 
	position: relative;
	width: 20%;
	height: auto; 
}
.table_div_right{ 
	float: left; 
	position: relative;
	width: 60%;
	height: auto; 
	padding-bottom: 111px;
	margin-top: -33px;
	display: block;
}
.table_div_submit { 
	position: relative;
	width: 55%;
	height: auto; 
	display: flex;
	background: linear-gradient(to right, #302217, #250517);
	margin-top: -151px;
	padding-top: 33px;
	margin-bottom: 12px;
	border-radius: 33px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2%;
	padding-right: 2%;
}
@media (max-width: 768px) {
  .table_div_submit {
  	width: 96%;
  }
}
.menu_submit{
	background: linear-gradient(to right, #302217, #250517);
	width: 25%;
	float: left;
	margin-left: 3%;
	height: 393px;
	padding: 22px;
	position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 110px;	 
  margin-top: -161px;
  border-radius: 22px;
}
@media (max-width: 768px) {
  .menu_submit{
    width: 90%;
    margin-left: 6%;
    position: relative;
    top: 0px;
    height: auto;
  }
}
.menu_submit li{
	list-style: none;
	font-size: 16px;
	font-family: 'Nunito';
	color: #C6AEC7;
	text-align: left;
	line-height: 39px;
	text-stroke: 0.2px #C6AEC7;
  -webkit-text-stroke: 0.2px #C6AEC7;
}
.menu_wrap{
	background: linear-gradient(to right, #302217, #250517);
	width: 25%;
	float: left;
	margin-left: 3%;
	height: 435px;
	padding: 22px;
	position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 100px;	 
  margin-top: -181px;
  border-radius: 22px;
}
@media (max-width: 768px) {
  .menu_wrap{
    display: none;
  }
}
.menu { 
	float: left; 
	position: relative;
	width: 100%;
	height: auto; 
	padding-bottom: 33px;
	background: ;
}
.user_profile{ 
	height: auto;
	width: 100%;
	font-size: 16px;
	font-family: 'Nunito';
	color: #C6AEC7;
	text-align: left;
	background: ;
	margin-top: -22px;
	text-stroke: 0.2px #C6AEC7;
  -webkit-text-stroke: 0.2px #C6AEC7;
}
.user_profile{ 
	display: inline-block;
}
.user_profile img{
	height: 66px;
	width: 66px;
	object-fit: cover;
	background: #fdfcfd;
	padding: 0px;
	z-index: 3;
	border-radius: 111px;
}
.user_profile i{ 
	color: #C6AEC7;
	font-size: 12px;
	letter-spacing: 0px;
	font-family: 'Montserrat';
	text-stroke: 0.3px #C6AEC7;
    -webkit-text-stroke: 0.3px #C6AEC7;
}
.user_profile a{ 
	color: #C6AEC7;
	font-size: 15px;
	letter-spacing: 0px;
	font-family: 'Montserrat';
	text-stroke: 0.9px #C6AEC7;
    -webkit-text-stroke: 0.9px #C6AEC7;
}
.menu a{ 
	color: #C6AEC7;
	font-size: 15px;
	display: block;
	padding-top: 16px;
	padding-bottom: 12px;
	margin-left: 7%;
	letter-spacing: 0px;
	font-family: 'Montserrat';
	text-stroke: 0.9px #C6AEC7;
    -webkit-text-stroke: 0.9px #C6AEC7;
}
.menu li{ 
	list-style: none;
	display: inline-block;
	margin-left: -12%;
	padding: 15px;
	padding-left: 39px;
	padding-right: 33px;
	border-top-right-radius: 111px;
	border-bottom-right-radius: 111px;
	border-top: 1px solid #3B3131;
	border-bottom: 1px solid #3B3131;
	border-right: 1px solid #3B3131;
	z-index: 1;
}
.menu li:hover{ 
	color: #1DA1F2;
	text-stroke: 0.9px #1DA1F2;
    -webkit-text-stroke: 0.9px #1DA1F2;
}
.menu img{
	height: 27px;
	width: 27px;
	object-fit: cover;
	background: #E1E8ED;
	padding: 12px;
	z-index: 3;
	border-radius: 111px;
	border: 1px solid #E1E8ED;
}
.table { 
	float: left; 
	position: relative;
	width: 73%;
	background: linear-gradient(to right, #250517, #342826);
	margin-left: 2%;
	height: auto; 
	margin-top:-33px;
	padding-left: 2%;
	padding-right: 2%;
	border-radius: 33px;
}
@media (max-width: 768px) {
.table { 
  width: 96%;
  padding-left: 2%;
	padding-right: 2%;
  margin-left: 0%;
  }
}
@media (max-width: 768px) {
tbody h1{ 
  width: 96%;
  padding-left: 2%;
	padding-right: 2%;
  margin-left: 0%;
  }
}
.create_post_wrap { 
	float: left; 
	position: relative;
	width: 73%;
	margin-left: 2%;
	height: auto; 
	background: ;
}
.signup_user { 
	float: left; 
	position: relative;
	width: 100%;
	height: auto; 
	padding-bottom: 12px;
	margin-top: 22px;
	display: block;
}
.signup_user form select{
	display: inline-block;
	font-size: 1em;
	border-radius: 7px;
	background: ;
	width: 123%;
	margin-top: 12px;
	padding: 18px;
	color: #C6AEC7;
	line-height: 33px;
	border: 1px solid #C6AEC7;
	text-stroke: 0.1px #C6AEC7;
    -webkit-text-stroke: 0.1px #C6AEC7;
}
@media (max-width: 768px) {
.signup_user form select{
  width: 96%;
  padding: 2%;
  }
}
.signup_user form input[type=text]{
	display: inline-block;
	font-size: 1em;
	border-radius: 7px;
	background: #C6AEC7;
	width: 100%;
	font-size: 16px;
    font-family: 'Nunito';
	height: 27px;
	padding: 18px;
	border: 1px solid #AAB8C2;
	text-stroke: 0.1px #C6AEC7;
    -webkit-text-stroke: 0.1px #C6AEC7;
}
.signup_user form input[type=password]{
	display: inline-block;
	font-size: 1em;
	border-radius: 7px;
	background: #C6AEC7;
	width: 100%;
	font-size: 16px;
    font-family: 'Nunito';
	height: 27px;
	padding: 18px;
	border: 1px solid #AAB8C2;
	text-stroke: 0.1px #C6AEC7;
    -webkit-text-stroke: 0.1px #C6AEC7;
}
.signup_user form input[type=email]{
	display: inline-block;
	font-size: 1em;
	border-radius: 7px;
	background: #C6AEC7;
	width: 100%;
	font-size: 16px;
    font-family: 'Nunito';
	height: 27px;
	padding: 18px;
	border: 1px solid #AAB8C2;
	text-stroke: 0.1px #C6AEC7;
    -webkit-text-stroke: 0.1px #C6AEC7;
}
.button_user {
	border-radius: 7px;
	background: #1DA1F2;
	width: 222px;
	height: auto;
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	cursor: pointer;
	font-family: 'Nunito';
	padding: 20px;
	font-size: 16px;
	color: #C6AEC7;
	text-stroke: 0.6px #C6AEC7;
  -webkit-text-stroke: 0.6px #C6AEC7;
  border: none;
}
.user_list { 
	float: left; 
	position: relative;
	width: 100%;
	height: auto; 
	padding-bottom: 33px;
	display: block;
}
.container:after { content: ""; display: block; clear: both; }
.container.dashboard h1 { text-align: center; margin: 25px; }
.container.dashboard .stats a {
	display: inline-block;
	padding: 30px;
	margin: 5px;
	width: 25%;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #BFBCB3;
}
.container.dashboard .stats a.first { margin-left: 25px; }
.container.dashboard .stats a:hover { cursor: pointer; background-color: #E1E1E1; }
.container.dashboard .buttons { margin-left: 15px; }
.container.dashboard .buttons a {
	display: inline-block;
	margin: 10px;
	text-decoration: none;
	color: #C6AEC7;
	padding: 10px 25px;
	border: none;
	background-color: #0E7D92;
	color: white;
}
/* * * * * * * * * *
* PAGE CONTENT
* * * * * * * * * */
.container.content .menu { width: 16%; float: left; padding: 40px 10px; }
/* Menu card */
.container.content .menu .card .card-header {
	padding: 10px;
	text-align: center;
	border-radius: 3px 3px 0px 0px;
	background: #3E606F;
}
.container.content .menu .card .card-header h2 { color: white; }
.container.content .menu .card .card-content a {
	display: block;
	box-sizing: border-box;
	padding: 8px 10px;
	border-bottom: 1px solid #e4e1e1;
	color: #C6AEC7;
}
.container.content .menu .card .card-content a:hover {
	padding-left: 20px; background: #F9F9F9; transition: 0.1s;
}
/* Actions div (at the middle) */
.container.content .action { width: 35%; float: left; text-align: center; margin-top: 111px;}
.container.content .action form { width: 90%; }
.container.content .action .page-title { margin: 25px; }
.container.content .action.create-post-div { width: 80%; }
/* Table div (Displaying records from DB) */

.table-div .message { width: 90%; margin-top: 20px; }
.table-div table { width: 90%; }
.table-div a.fa { color: white; padding: 3px; }
.table-div .edit { background: #004220; }
.table-div .delete { background: #F70E1A; }
.table-div .publish { background: red; }
.table-div .unpublish { background: green; }
/* * * * * * * * * *
* VALIDATION ERRORS
* * * * * * * * * */
.message {
	width: 100%; 
	margin: 0px auto; 
	padding: 10px 0px; 
	color: #C6AEC7; 
	background: #dff0d8; 
	border: 1px solid #C6AEC7;
	border-radius: 5px; 
	text-align: center;
}
.error {color: #C6AEC7; background: #f2dede; border: 1px solid #C6AEC7; margin-bottom: 20px; }
.validation_errors p {text-align: left;margin-left: 10px;
}