body {
	background-color: #f8f8f0;
	color: #827157;
	font-family: 'Baloo 2', cursive;
	
	font-size: 20px;
	line-height: 1.8;
	

}

 a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }

.menu {
	background-image: url("../images/backgrounds/wood_bg.jpg");
	color: #FFF;
	padding-bottom: 31px;
}



#menu-burger {
	position: absolute;
	right: 10px;
	top: 4px;
	z-index: 100;
	font-size: 30px;
	display: none;
}



@media (max-width: 992px) { 
	.menu-buttons {
		display: none;		
	}
	#menu-burger {
		display: block;
	}

}


/* NAV */



/* NAV */

	

.margin-bottom-0 	{	margin-bottom: 0px!important; 	}
.margin-bottom-15 	{	margin-bottom: 15px;	}
.margin-bottom-30 	{	margin-bottom: 30px;	}
.margin-top-15 		{	margin-top: 15px;		}
.margin-top-30 		{	margin-top: 30px;		}

h1, h2, h3, h4, h5 {
		font-family: 'BioRhyme', serif;
	font-weight: 700;
	}
.normal-font {
	font-family: 'Baloo 2', cursive!important;
}

.box {
	padding: 15px;	
    background: #f8f8f0;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.3);
    box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.3);
	height: 100%;
}

.box-cream {
	background-color: #f3efd6;
}

.box-blue {
	background-color: #3da2e0;
	-webkit-box-shadow: 0px 0px 0px 10px rgba(61,162,224,0.3);
	box-shadow: 0px 0px 0px 10px rgba(61,162,224,0.3);
	color: #FFF;
}

.box-blue table {
	color: #FFFFFF;
}


.box-grey {
	background-color: #323232;
	-webkit-box-shadow: 0px 0px 0px 10px rgba(50,50,50,0.3);
	box-shadow: 0px 0px 0px 10px rgba(50,50,50,0.3);
	color: #FFF;
}

.box-grey table {
	color: #FFFFFF;
}




.box-header {
	border-radius: 20px;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
}

.box-header h1, .box-header h2, .box-header h3, .box-header h4 {
	padding: 5px;
	margin: 0px;
}

.box-header-teal {	background-color: #19c8b9; }
.box-header-red {	background-color: #eb7373; }
.box-header-blue {	background-color: #5fa0d7; }
.box-header-brown {	background-color: #827157; }
.box-header-pink {	background-color: #f47d8f; }

.box-header-yellow {
	background-color: #ece25e;
	color: #6d6040;
}
.box-header-yellow-shadow {
		box-shadow: 0px 8px 0px 0px #d7c480;
-webkit-box-shadow: 0px 8px 0px 0px #d7c480;
-moz-box-shadow: 0px 8px 0px 0px #d7c480;
}

.box-header-image {
	height: 44px;
	margin-top: -8px;
	float: right;
}


.table {
	margin-bottom: 0px;
}
	.table th, .table td {
	border: none!important;

}	
.table-rounded {

border-radius:20px;
	overflow: hidden;

}
.table-striped {
	background-color:  #dfd3ac;
	color: #865a25;
	font-size: 20px;
}

.table-striped tbody tr:nth-of-type(odd) {
background-color: #e3d7b5;
}

.image-fluid {
	width: 100%;
	
}


.badge {
	color: #FFF;
	font-weight: 400;
}
.badge-brown {
	background-color: #827157;	
}






.pro-design-list {
	background-color: #f3efd6;
	margin-bottom: 30px;
	padding: 15px;
	border-radius: 30px;
	box-shadow: 0px 8px 0px 0px #d7c480;
-webkit-box-shadow: 0px 8px 0px 0px #d7c480;
-moz-box-shadow: 0px 8px 0px 0px #d7c480;
		transition: all .15s ease; 
}

	.pro-design-list:hover{
		transform: translateY(4px);
-webkit-transform: translateY(4px);
	box-shadow: 0px 4px 0px 0px #d7c480;
-webkit-box-shadow: 0px 4px 0px 0px #d7c480;
-moz-box-shadow: 0px 4px 0px 0px #d7c480;
}

.pro-design-list td {
	padding: 0px;
}



.prodesign-text {
		background-color: #f1e7cc;
		padding: 5px 15px;
		border-radius: 30px;
		color: #514634;
		font-weight: 700;
		max-width: 310px;
		margin: 0px auto;
		font-size: 30px;
		line-height: 1.2;
		
		
	}

	.prodesign-image {
		margin-top: 30px;

		background-color: #f3efd6;
		padding:15px;
		border-radius: 30px;
		border: dashed 2px #f8a5af;
		max-width: 330px;
	}
	
	.prodesign-image-pattern {
		background-color: #f4f6e8;
		padding:15px;
		border-radius: 30px;
		border: dashed 2px #f8a5af;
		max-width: 160px;
		margin-top: 30px;
	
		
	}
	
	.prodesign-title {
		background-image: url("../images/other/prodesign_header.png");
		background-position: center;
		margin: -15px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		min-height: 94px;
		color: #FFFFFF; 
		padding-top: 15px;
		background-size: cover;
		background-repeat: no-repeat;
	}


.status-parent-true .status-button-true 	{	display: inline-block;	}
.status-parent-true .status-button-false 	{	display: none;	}
.status-parent-false .status-button-true 	{	display: none;	}
.status-parent-false .status-button-false 	{	display: inline-block;	}



.brown-chart {
	margin-top: 15px;
	background-color: #dfd3ac;
	border-radius: 20px;
	padding: 15px;

}
@media (max-width: 992px) { 
	.table-skinny-mobile th {
		padding: 0px!important;
	}
	.table-skinny-mobile td {
		padding: 0px!important;
	}
}


.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.gate-dot {
	color: #19c8b9;
}


	.passport-box {
		background-color: #fbf9e2;
		border-radius: 50px;
		
		padding: 15px;
		box-shadow: 0px 8px 0px 0px #e5dfca;
		-webkit-box-shadow: 0px 8px 0px 0px #e5dfca;
		-moz-box-shadow: 0px 8px 0px 0px #e5dfca;
		font-size: 30px;
}
		
	
	.passport-image {
		border-radius: 50px;
		border: 12px solid #fbf9e2;
		width: 100%;
	}
	

	.passport-image-padding {
		padding: 30px;
	}
	
	.passport-top {
		background-image: url("../images/other/passport_bg_top.png");
		border-top-right-radius: 50px;
		border-top-left-radius: 50px;
		color: #bcae8b;
		text-align: center;
		font-weight: 700;
			text-transform: uppercase;
	}
	

	.passport-middle {
		background-image: url("../images/other/passport_bg_middle.png");
	
	}
	
	.passport-middle-tree {
		background-image: url("../images/other/passport_tree.png");
		background-repeat: no-repeat;
		background-position: bottom right;
	}
	
	.passport-bottom {
		background-image: url("../images/other/passport_bg_bottom.png");
		border-bottom-right-radius: 50px;
		border-bottom-left-radius: 50px;
		color: #bcae8b;
	}
	
	

	.passport-bottom .passport-padding {
		padding: 15px 30px;
	}
	
	.passport-box .table {
		color: #827157;
	}


.avatar-small {
	border-radius: 50px;
	border: 2px solid #5fa0d7;
}

.avatar-username-patreon .avatar-small {
	border: 2px solid #f96854;
	z-index: 1;
	position: relative;
}

/*
f96854 = red
052d49 = blue
*/

.avatar-username-patreon .username {
	color: #FFFFFF;
	background-color: #052d49;
	padding-left: 30px; 
	margin-left: -30px;
	padding-right: 15px;
	border-radius: 50px;										
	z-index: 0;
	position: relative;									
}

	.table-airline td {
		height: 1px;
	}
	
	.flight-timetable {
		background-color: #262626;
		border-width: 2px;
		border-color: #222222;
		border-style: solid;
		border-bottom-color: #3d3d3d;
		border-right-color: #3d3d3d;
		height: 100%;
		vertical-align: middle;
	}
	
	.flight-timetable .gate-badge {
		background-color: transparent;
		font-size: 20px;
	}
























	
	.checklist-precent-bar-space {
		padding: 5px 10px ;
	}
	.checklist-precent-bar {
		background-image: linear-gradient(0deg,rgb(93, 74, 44, 0.25) 100%,transparent 25%,transparent 50%);
		background-repeat: repeat-y;
		border-radius: 20px;
	}
	
	.checklist-image {
			background: rgb(75,70,57);
			background: -moz-radial-gradient(circle, rgba(75,70,57,1) 0%, rgba(36,30,29,1) 100%);
			background: -webkit-radial-gradient(circle, rgba(75,70,57,1) 0%, rgba(36,30,29,1) 100%);
			background: radial-gradient(circle, rgba(75,70,57,1) 0%, rgba(36,30,29,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4b4639",endColorstr="#241e1d",GradientType=1);
			border-radius: 20px;
			padding: 10px;
			margin: 10px 10px;
			width: 100%;
	}
	
	.checklist-row {
		background-color: #dfd3ac;
		
	}
	.checklist-row:nth-of-type(odd) {
		background-color: #e3d7b5;
		text-shadow: 0px 0px 5px #e3d7b5;
	}
	
		.checklist-information {
		text-shadow: 0px 2px 0px #dfd3ac;
	}
	.checklist-information:nth-of-type(odd) {
		text-shadow: 0px 2px 0px #e3d7b5;
	}

.checklist-information .btn {
	text-shadow: none!important;
}
	
	 .checklist-row-first  { 
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		 padding-top: 5px;

	}
	
	 .checklist-row:last-of-type  { 
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		 padding-bottom:  5px;
	}

	
	
    .va-outer {
        display: table; 
        width: 100%; 
        height: 100%; 
        text-align: center; 
      }
	  .va-inner {
		display: table-cell;
		vertical-align: middle;
	  }
	

	
	.box-thin-padding {
		padding: 10px;
	}
	

	.checklist-column .dropdown-item {
		color: #FFF!important;
	}
	
	.checklist-button {
		margin-right: 5px;
	}
	
	.checkbox-icon {
		font-size: 20px;
		margin-right: 1px;
	}
	


	.white-input-box, .white-input-box:focus {
	background-color: #FFF;
    color: #000;
    box-shadow: 0px 8px 0px 0px #aba4a4;
    -webkit-box-shadow: 0px 8px 0px 0px #aba4a4;
    -moz-box-shadow: 0px 8px 0px 0px #aba4a4;	
	border: 1px solid #aba4a4;
	transition: all .15s ease;
    border-radius: 20px; 
    padding: 5px 15px;
	}
	
	.white-input-box:hover {
		transform: translateY(4px);
    	-webkit-transform: translateY(4px);
	}
	
	.white-input-box:hover {
    box-shadow: 0px 4px 0px 0px #aba4a4;
    -webkit-box-shadow: 0px 4px 0px 0px #aba4a4;
    -moz-box-shadow: 0px 4px 0px 0px #aba4a4;