body {
	background-image: url("../design/bg.png");
	background-attachment: fixed;
	font-family: "Calibri","Arial";
	font-size: 13px;
}

/*********************** Hard Layout Start *************************/

.content {
	
}

/*Header Panel Start*/
.headpan {
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	padding: 5px;
	min-height: 25px;
	background-color: #ede4d9;
}

	div.h_title {
		float: left;
		width: 20%;
	}

	div.h_profile {
		text-align: right;
		float: right;
		width: 60%;
	}
/*Header Panel End*/

.grid_hard {
	display: grid;
	grid-template-columns: minmax(200px,12.5%) auto minmax(200px,12.5%);
	column-gap: 5px;
}

@media screen and (max-width: 1000px) {
	.grid_hard {
		display: inline;
	}
}

.main {
	margin-top: 5px;
	background-color: #f1f1f1;
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	padding: 5px;
}

.section {
	background-color: #f1f1f1;
	border: 0px;
	border-color: #A1A1A1;
	border-style: solid;
}

.footpan {
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	background-color: #ede4d9;
	padding: 5px;
	text-align: center;
	margin-top: 5px;
}

.incl_left {
	display: flex;
	flex-direction: column;
}

.incl_right {
	display: flex;
	flex-direction: column;
}

/*********************** Hard Layout End *************************/

/*********************** Windows Start *************************/

/*Advanced Panel statrt*/
.windows_flex_advpan {
	display: flex;
	/* justify-content: space-around; */
	column-gap: 5px;
	flex-wrap: wrap;
}

.windows_flex_locations {
	display: flex;
	flex-wrap: wrap;
}
/*Advanced Panel endo*/

/*Windows start*/
.window {
	margin: 5px 0px 5px 0px;
	display: flex;
	flex-direction: column;
}

.subbar {
	background-image: url('../design/subbar.png');
	background-repeat: repeat;
	background-position: right top;
	background-color: #f7de8c;
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	border-bottom-style: none;
	padding: 4px;
	height: 16px;
}

.window_content {
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	padding: 5px;
	display: block;
	background-color: #ede4d9;
	border-radius: 0px 0px 0px 0px;
	height: 100%;
}
/*Windows end*/

.grid_nav {
	display: grid;
	grid-template-columns: auto;
	gap: 3px;
}

/*Main page start*/
.grid_dash3 {
	display: grid;
	grid-template-columns: auto auto auto;
	gap: 5px;
}

@media screen and (max-width: 1300px){
	.grid_dash3 {
		display: grid;
		grid-template-columns: auto;
		gap: 5px;
	}
}

.grid_dash3_fixed {
	display: grid;
	grid-template-columns: 33.333% 33.333% auto;
	gap: 5px;
}

@media screen and (max-width: 1300px){
	.grid_dash3_fixed {
		display: grid;
		grid-template-columns: auto;
		gap: 5px;
	}
}

.grid_dash2 {
	display: grid;
	grid-template-columns: 20% auto;
	gap: 5px;
}

@media screen and (max-width: 1300px){
	.grid_dash2 {
		display: grid;
		grid-template-columns: auto;
		gap: 5px;
	}
}

.grid_dash_in2 {
	display: grid;
	grid-template-columns: auto auto;
	gap: 5px;
}
/*Main page end*/

/*Location Card Start*/
.location_card {
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	padding: 5px;
	margin: 5px;
	display: block;
	background-color: #ede4d9;
	border-radius: 0px 0px 0px 0px;
	min-height: 120px;
	width: 270px;
}

/*Location Card End*/
/*********************** Windows End *************************/

/*********************** Tables Start *************************/

/*Inventory tables*/
.invtab {
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	width: 100%;
	border-collapse: collapse;
}

.invth, .invtd {
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
}

/*Inventory elements*/
.inv_element .inv_el_desc {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
}

.inv_element .inv_el_desc:hover {
	visibility: visible;
	background-color: white;
}

/*Locations tables*/
.loctab {
	border-collapse: collapse;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
}

.loctd {
	border: 0px;
	border-bottom: 1px;
	border-color: #A1A1A1;
	border-style: solid;
}

/*Stats tables*/
.stattab {
	text-align: left;
	width: 100%;
	border-collapse: collapse;
}

.stattr {
	border: 0px;
	border-bottom: 1px;
	border-color: #A1A1A1;
	border-style: solid;
}

.statth {
	border: 0px;
	border-bottom: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	width: 50%;
}

.stattd {
	border: 0px;
	border-bottom: 1px;
	/* border-left: 1px; */
	border-color: #A1A1A1;
	border-style: solid;
	width: 50%;
}

/*Lists tables*/
.userlisttab {
	text-align: left;
	width: 100%;
	border-collapse: collapse;
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
}

.userlistbut:link {
	background-color: #fff;
}

.userlisttr {
	
}

.userlistth {
	border: 0px;
	border-bottom: 2px;
	border-color: #A1A1A1;
	border-style: solid;
}

.userlisttd {
	border: 0px;
	border-bottom: 1px;
	border-color: #A1A1A1;
	border-style: solid;
}


/*********************** Tables End *************************/

/*********************** Notifications Start *************************/
.notification-popup {
        position: fixed;
        bottom: 20px;
        left: 20px;
        padding: 15px 25px;
        background-color: #fbf9f6;
		border: 2px;
		border-color: #aaa;
		border-style: solid;
        border-radius: 6px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.4s ease, transform 0.4s ease;
        z-index: 1000;
    }
    .notification-popup.show {opacity: 1; transform: translateY(0);}

div.wipnotification {
	box-shadow: 10px 10px gray;
	border: 2px;
	border-color: #000;
	border-style: solid;
	background-color: #fbf9f6;
	height: 100%;
	margin: auto;
	text-align: center;
	width: 500px;
	max-width: 100%;
}
/*********************** Notifications End *************************/

/*********************** Login Page Start *************************/
.h2Login {
	margin: 5px 0 15px 0;
}

.authWindow {
	border: 1px;
	border-color: #AAA;
	border-style: solid;
	border-radius: 4px;
	width: 700px;
	margin: auto;
	padding: 10px;
	padding-bottom: 40px;
	background-color: #fbf9f6;
}

.logCat{
	position: relative;
	width: 90%;
	margin: auto;
	padding: 15px;
	border: 1px;
	border-color: #AAA;
	border-style: solid;
}

.logSlot {
	display: grid;
	grid-template-columns: 50% 50%;
}

.logInputs {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 5px;
}

.logData {
	display: grid;
	grid-template-columns: 30% auto;
}

.logDataSlot * {
	width: 90%;
}
/*verifications*/
.verSlot {
	width: 305px;
	height: 200px;
	padding: 10px;
	margin: 10px;
	float: left;
	border: 1px;
	border-color: #AAA;
	border-style: solid;
}

.verLabel {
	float: left;
	width: 30%;
	padding: 0px;
}

.verLabelSlot {
	padding-bottom: 12px;
	margin: 5px;
	text-align: right;
}

.verData {
	float: left;
	width: 70%;
	margin-bottom: 10px;
}

.verDataSlot {
	margin: 5px;
	text-align: left;
}
/*********************** Login Page End *************************/

/*********************** Blogs and News Start *************************/
.news_editor_m {
	background-color: white;
	min-height: 500px;
	max-width: 1390px;
}
.post_editor_s {
	background-color: white;
	min-height: 100px;
	max-width: 1390px;
}

.window_post {
	margin: 5px 0px 5px 0px;
	padding: 5px;
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	background-color: #ede4d9;
}

.posts_top {
	text-align: left;
	margin-right: 5px;
	display: grid;
	grid-template-columns: 55px auto auto;
}

.pfp_posts_top {
	border: 2px;
	border-color: #A1A1A1;
	border-style: solid;
	height: 48px;
	width: 48px;
	transition: box-shadow .3s;
	position: relative;
	display: inline-block;
}

.pfp_posts_top:hover {
	box-shadow: 0px 0px 16px 2px #ffc;
}

.rate_posts_top {
	text-align: right;
	font-size: 14px;
	padding-bottom: 10px;
}

.posts_rate_stars {
	font-size: 20px;
}

div.posts_top_title {
	text-align: center;
	border: 0px;
	border-bottom: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	font-size: 20px;
	padding: 5px;
}

a:link {
	text-decoration: none;
	color: navy;
	/* font-family: 'Tahoma'; */
}

a:visited {
	text-decoration: none;
	color: navy;
}

.posts_slot {
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	padding: 5px;
	padding: 5px;
	margin-bottom: 5px;
}

.posts_slot {
	text-align: justify;
}

.posts_controls {
	border: 0px;
	border-color: #A1A1A1;
	border-style: solid;
	display: grid;
	grid-template-columns: auto auto;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

.posts_rate_button {
	font-size: 14px;
	margin: 0;
	padding: 0;
	background: none; 
	border: none;
	cursor: pointer;
	color: #A1A1A1;
}

.posts_rate_button > i {
	/* background-color: #A1A1A1; */
}

.posts_rate_button:hover i {
	color: white;
}

.posts_operations {
	margin-top: 5px;
}

.posts_controls_button {
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	text-align: center;
	padding: 5px;
	font-size: 16px;
	margin: 0px;
	background-color: transparent;
	font-family: "Calibri","Arial";
	color: navy;
	
}

.posts_controls_button:hover {
	background-color: #fff;
	cursor: pointer;
}

.small_posts {
	max-width: 1390px;
}

.windows_grid_posts_top {
	display: grid;
	grid-template-columns: 80% 20%;
	padding: 0px;
}

.windows_grid_posts_bottom {
	display: grid;
	grid-template-columns: 60% 40%;
	padding: 0px;
}

.writer_easy {
	width: 100%;
}
/*********************** Blogs and News End *************************/


/*********************** Pictures Start *************************/
.posts_stats {
	text-align: right;
}

.item_pic_big_common {
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	background-color: gray;
	height: 128px;
	width: 128px;
}

.item_pic_smol_common {
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	background-color: gray;
	height: 24px;
	width: 24px;
	margin-top: 3px;
}
/*********************** Pictures End *************************/

/*********************** Buttonz Start *************************/
.headpan_button_serious {
	border: 2px;
	border-color: black;
	border-style: none;
	border-radius: 4px;
	background-color: #f7de8c;
	/* background-image: url("../design/wip.png"); */
	padding: 2px;
	text-align: center;
	font-size: 20px;
	text-decoration: none;
	color: yellow;
	transition: background-color .1s, box-shadow .1s;
}
.headpan_button_serious:hover {
	background-image: 0;
	background-color: #FFF;
	box-shadow: 0px 0px 16px 2px gray;
}

/***/
.confirm_button_type_1 {
	background-color: #F7CF88;
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	transition: background-color .1s;
	margin-right: 2px;
	padding: 1px;
	color: navy;
	font-family: 'Tahoma';
}

.confirm_button_type_1:link {
	color: navy;
}

.confirm_button_type_1:visited {
	color: navy;
}

.confirm_button_type_1:hover {
	background-color: #F2B754;
	cursor: pointer;
}

.confirm_button_type_1:disabled {
	background-color: #DDD;
	cursor: default;
	border: 1px;
	border-color: #AAA;
	border-style: solid;
}

/***//***/

.confirm_button_type_2 {
	background-color: #F7CF88;
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	transition: background-color .1s;
	height: 26px;
	text-align: center;
	font-size: 18px;
	padding-top: 5px;
	text-decoration: none;
	color: black;
}
.confirm_button_type_2:hover {
	background-color: #F2B754;
	cursor: pointer;
}
.confirm_button_type_2:disabled {
	background-color: #DDD;
	cursor: default;
	border: 1px;
	border-color: #AAA;
	border-style: solid;
}
/***/

.subnav_button_profile {
	border: 1px;
	border-color: #AAA;
	border-style: solid;
	background-color: #DDD;
	padding: 2px;
	text-align: center;
	min-width: 50px;
	text-decoration: none;
	color: black;
	transition: background-color .1s;
}
.subnav_button_profile:hover {
	background-color: #FFF;
}

/***/

.livepan_button_navigate {
	background-color: #DDD;
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	text-decoration: none;
	color: black;
	padding: 1px;
	transition: background-color .1s;
	margin: 0;
}
.livepan_button_navigate:hover {
	background-color: #FFF;
}

/*********************** Buttonz End *************************/

/*********************** Misc Start *************************/
.rainbow-text-loop {
  -webkit-animation: rainbow 10s infinite; 
}

@-webkit-keyframes rainbow {
  0%{color: red;}  
  11%{color: orange;} 
  22%{color: yellow;}
  33%{color: GreenYellow;}
  44%{color: lime;}
  55%{color: cyan;}
  66%{color: DodgerBlue;}
  77%{color: purple;}
  88%{color: magenta;}
  100%{color: red;}
}

.acc_grid {
	display: grid;
	grid-template-columns: 75% 25%;
}

/*********************** Misc End *************************/

/*********************** Infocard Start *************************/
.dash {
	display: grid;
	grid-template-columns: 650px auto;
	gap: 5px;
}

@media screen and (max-width: 1400px) {
	.dash {
		display: grid;
		grid-template-columns: auto;
	}
}

.dash_profile {
}

.dash_profile_posts {
	margin-right: 5px;
	display: grid;
	gap: 5px;
	grid-template-columns: 20% 80%;
}

.dash_profile_top {
	display: grid;
	grid-template-columns: 171px auto;
	height: 194px;
}

.dash_window_content {
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	padding: 5px;
	background-color: #ede4d9;
}

.dash_window_content_gridded {
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	padding: 5px;
	background-color: #ede4d9;
	display: grid;
	grid-template-columns: 50% AUTO;
	column-gap: 4px;
	row-gap: 4px;
}

@media screen and (max-width: 1520px) {
	.dash_window_content_gridded {
		grid-template-columns: auto;
		row-gap: 4px;
	}
}

.dash_window_content_action {
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	padding: 5px;
	padding-right: 15px;
	background-color: #ede4d9;
	display: grid;
	grid-template-columns: 33.333% 33.333% 33.333%;
	column-gap: 5px;
	row-gap: 5px;
}

.dash_maininfo_name {
	font-size: 24px;
	font-family: 'Tahoma';
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	height: 30px;
	padding: 2px;
	margin: 5px;
}

.dash_maininfo_status {
	font-size: 12px;
	font-family: 'Tahoma';
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	height: 16px;
	padding: 2px;
	margin: 5px;
}

.dash_maininfo_about {
	font-size: 12px;
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	height: 110px;
	padding: 2px;
	margin: 5px;
	word-break: break-all;
	overflow: hidden;
}

.dash_maininfo_about > p {
	margin: 0px;
}

.dash_maininfo_stats {
	font-size: 16px;
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	padding: 2px;
	margin: 5px;
}

.dash_profile_pic_div {
	font-size: 9px;
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	padding: 4px;
	word-wrap: break-word;
	/* background-attachment: fixed; */
	margin: 5px;
}

.dash_profile_pic {
	width: 148px;
	height: 148px;
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
}

/***Tables*/
/*Main table*/
.dash_maintable {
	width: 100%;
	border-collapse: collapse;
}

.dash_mt_tr {
	text-align: left;
}

.dash_mt_th {
	width: 40%;
}

/*Progress table*/
.dash_progresstable {
	width: 100%;
	border-collapse: collapse;
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
}

.dash_pt_tr {
	text-align: left;
}

.dash_pt_td {
	border: 0px;
	border-bottom: 1px;
	border-color: #A1A1A1;
	border-style: solid;
}

.dash_pt_th {
	border: 0px;
	border-bottom: 1px;
	border-color: #A1A1A1;
	border-style: solid;
}
/*********************** Infocard End *************************/

/*********************** Shapes Start *************************/
.circ_online {
	height: 10px;
	width: 10px;
	background-color: #0f0;
	border-radius: 50%;
}
/*********************** Shapes End *************************/

/*********************** Full Post Start *************************/
.fullpost_title {
	text-align: center;
	border: 0px;
	border-bottom: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	padding-bottom: 5px;
}

.fullpost_text {
	border: 1px;
	border-color: #A1A1A1;
	border-style: solid;
	padding: 10px;
	text-align: justify;
}

.comment_editor_m {
	background-color: white;
	min-height: 200px;
	max-width: 1390px;
}

#confirmBox {
	display: none;
}

#confirmBoxCom {
	display: none;
}

/*********************** Full Post End *************************/

/*********************** Settings Start *************************/
.settings_pictures_grid {
	display: grid;
	grid-template-columns: 400px 180px auto;
}

/* #divPicPreview {
	display: none;
} */

#cropButton {
	display: none;
	width: 130px;
}

#inputImage {
	margin: 5px;
}

.settings_picture_preview {
	margin: 5px;
}

.settings_pictures_preview {
	max-width: 400px;
}

.crop_border {
	border: 1px;
	border-style: solid;
	min-height: 300px;
	margin-bottom: 5px;
	font-size: 26px;
	color: gray;
}
/*********************** Settings End *************************/

/*********************** Welcome Start *************************/
.welc_2_features {
	display: grid;
	grid-template-columns: 30% auto;
	grid-column-gap: 5px;
	width: 100%;
}

@media screen and (max-width: 1300px) {
	.welc_2_features {
		display: grid;
		grid-template-columns: 100%;
		grid-column-gap: 5px;
		width: 100%;
	}
}
/*********************** Welcome End *************************/