#table_region{
			border:1;
			margin-left:3%;
			margin-right:3%;
		}

	#logo{	
		margin-left:40px;
		cursor: pointer;
	}
	
	#logo_about_us{
		margin:10px;
	}
	
	.app_region{
			width:200px;
			height:200px;
		}

	#canvasWrapper{
			max-width: 90%;
			/*display: inline-block;*/
			height: 100%;
		}

	/* label {
		display: inline-block;
		width: 5em;
		margin-top:0px;
	  } */
	  
	.field_label{
		width: 150px;
		float:left;
	}
	
	.input_field{
		width:250px;
		float:left;
	}

	#tabs-1{
		height:400px;
			
	}
	
	.form_button{
		width:600px;
		float:left;
		display:inline-block;
		margin:5px;
		padding:5px;
		margin-top:40px;
		
	}
	
	.label_and_field{
		width:500px;
		float:left;
		display:inline-block;
		margin:5px;
		padding:5px;
	}
	
	.label_and_field_dynamic{
		width:200px;
		float:left;
		display:inline-block;
		margin:5px;
		margin-right:5px;
		padding:5px;
	}
	
	.input_style{
		
		/*border-radius: 2px;*/
      border: none; /* <-- This thing here */
      border:solid 1px #ccc;
      border-radius: 5px;
		
	}
	
	#button_add{
		margin: 4px; 
		border: 1px #D0D0D0; 
		border-radius: 4px;
		width:60px;
		height: 25px;
		color: #FFFFFF;
		background-color: #FFBEBD;
		display:inline-flex;
		padding:3px;
	}
	
	#choose_category_panel{
		float:left;
		height:100%;
		/* display:block;
		border:1px solid grey; */
		width:100%;
		display: inline-block;
		margin-top:30px;
	}
	
	#image_about_us{
		margin-left:20px;
		margin-top:20px;
		width:134px;
		height:213px;
	}
	
	
	#text_about_us{
		margin-left:20px;
		margin-top:20px;
		font-family: Calibri;	
	}
	
	#container {
		  border-radius: 2px;
		  background-color: #F8F8F8;
		  padding: 20px;
		  width:40%;
		  height:450px;
		  float:left;
		  margin-top:65px;
	}

	#container_login{
		
		border-radius: 2px;
		background-color: #F8F8F8;
		padding: 20px;
		width:40%;
		height:450px;
		float:left;
		margin-top:65px;
		margin-left:30%;
	}
	
	
	.dynamic_row_category{
		
		width:100%;
		float:left;
		display:block;
		cursor:pointer;
		display:inline-block;
				
	}
	
	#pageWrapper{
		margin-top:40px;
		max-width:80%;
		float:left;
		width:80%;
		/*height:90vh;*/
	}

	#galleryWrapper {
		float: left;
		width:100%;
		height:80vh;
		
		display: inline-block; 
		margin-left:40px;
		
		border: none;
		padding: 0px;

		overflow-y: scroll;
		overflow-x: hidden;
	}
		
	.image_galery{
		position:relative;
		float:left;
		border-bottom:17px;  
		border-right:17px; 
		margin:7px; 
	}
	
	.image_galery > .app_region {
		  width: auto;
		  height : auto;
		  max-height: 10%;
		  max-width: 10%;
		}

	#canvas{
		padding: 35px;
		min-width: 900px;		
		}
	
	#headerWrapper{
		width: 20%;
		margin-right:0;
		float: left;
	}
	
	.data_table_image{
		width:100px;
		height:100px;
	}
	

	
	#facebook_logo{
		width:19px;
		height:19px;
		float:left;	
		margin:5px;
		margin-left:0px;
	}
	
	#pinterest_logo{
		width:19px;
		height:19px;	
		float:left;	
		margin: 5px;
	}
	
	#instagram_logo{
		width:19px;
		height:19px;
		float:left;
		margin: 5px;
		margin-left: 7px;
	}
	
	#bottom_message{
		font-family: "Roboto Slab";
		color:white;
		font-weight: 100;
		font-size: 13px;
		
	}
	
	#social_logos{
		border-top:1px solid #989898;
		width:62%;
		margin-left:49px;
		margin-right:0;
	}
	
	#mainNavigationUl{
	    list-style: none;
		list-style-image: none;
	}
	
	#secondaryNavigationUl{
	    list-style: none;
		list-style-image: none;
		padding-left:48px;
	}
	
	
	#div {
		display: block;
	}

	#topPanel{
	    overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -10000;
		background: #222;
		text-align: center;
		width: 100%;
	}

	#bottomPanel{
	    overflow: hidden;
		position: absolute;
		bottom: 0;
		left: 0;
		/*z-index: -10000;*/
		background: #222;
		text-align: center;
		width: 100%;
	}
	.external-link{
		text-decoration: none;
		font-family: "Roboto Slab";
		line-height: 1.6em;
		text-transform: none;
		letter-spacing: .1px;
		font-weight: 400;
		font-style: normal;
		font-size: 12px;
		color: black;
		padding: .5em;
		padding-left: 1.5em;
	}
	
	.external-link:hover{
		color: #624CAB;
		cursor:pointer;
	}

	.gallery-collection{
		padding: .5em;
	}

	/* .secondaryNavigationUl{ */
		
		/* text-decoration: none; */
		/* font-family: "Roboto Slab"; */
		/* line-height: 1.6em; */
		/* text-transform: none; */
		/* letter-spacing: .1px; */
		/* font-weight: 400; */
		/* font-style: normal; */
		/* font-size: 12px; */
		/* color: black; */
		/* padding: .5em; */
		/* padding-left: 1.5em; */

	/* } */
	
	.secondaryNavigationUl{
		
		text-decoration: none;
		font-family: "Roboto Slab";
		line-height: 1.6em;
		text-transform: none;
		letter-spacing: .1px;
		font-weight: 400;
		font-style: normal;
		font-size: 12px;
		color: black;
		padding: .5em;
		padding-left: 1.5em;

	}
	
	
	.linkMainNav{
		text-decoration: none;
		font-family: "Roboto Slab";
		line-height: 1.6em;
		text-transform: none;
		letter-spacing: .1px;
		font-weight: 500;
		font-style: normal;
		/*font-size: 18px;*/
		/*да го погледна на голям монитор как изглежда*/ 
		color: black;
	}



	.linkMainNav:hover{
		/*color: #624CAB;*/
		cursor:pointer; 
	}
		
		
	.gallery-collection:hover{
		
		text-decoration: none;
		font-family: "Roboto Slab";
		line-height: 1.6em;
		text-transform: none;
		letter-spacing: .1px;
		font-weight: 400;
		font-style: normal;
		font-size: 18px;
		color: black;
	} 
	
	.gallery-collection a:hover{
		color: #c6a066;
	}
	
	.page-collection a:hover{
		color: #624CAB;
	}
	
	body
		{
			padding:0;
			background-color:#FCFCFA;
			font-family: "Roboto Slab";
		}
	
	.menu_buttons{
		margin: 4px; 
		border: 1px #D0D0D0; 
		border-radius: 4px;
		width: 80px;
		height: 25px;
		color: #FFFFFF;
		background-color: #337BAE;
		float:left;
	}

	.edit_buttons{
		margin: 4px; 
		border: 1px #D0D0D0; 
		border-radius: 4px;
		width: 80px;
		height: 25px;
		color: #FFFFFF;
		/*background-color: #800080;*/
		background-color: #FFBEBD;
		cursor:pointer;
	}

	.linkSecondaryNav{
		text-decoration: none;
		font-family: "Roboto Slab";
		line-height: 1.6em;
		text-transform: none;
		letter-spacing: .1px;
		font-weight: 400;
		font-style: normal;
		font-size: 13px;
		color: black;
		padding: 2px;
	}
	.linkSecondaryNav:hover{
		color: #624CAB;
		cursor:pointer;
	}
	
	
	#logout_link{
		float:left;
		margin-left:1000px;
		margin-top:12px;
		font-family: "Roboto Slab";
		text-decoration: none;
	}


	#button_wrapper{
		position:relative;
		width:1400px;
		height:auto;
		vertical-align:baseline;
		margin-left: 20px;
		margin-top: 60px;
	}
	#empty_space{
		position:inline-block;
		width:100%;
		height:80px;
		vertical-align:baseline;
	}
	#tree_wrapper{
		padding: 10px;
		float: left; 
		width: 20%; 
		/*display: inline-block;*/
		margin-right: 25px;
		margin-left: 20px;
		width: 150px;
		height: 100px;
		background-color: #FFFFFF;
		/*opacity:0.1;*/
		box-shadow:0px 0px 10px #404040;
		border: 1px #D0D0D0;
		border-radius: 4px;
		height:auto;
		margin-top: 10px;
		margin-bottom: 10px;	
	}
	
	#table_wrapper{
		padding:8px;
		float: left;
		width: 80%; 
		margin-right:10px;
		/*display: inline-block;*/
		/*width: 900px;*/
		height: 100px;
		background-color: #FFFFFF;
		/*opacity:0.1;*/
		box-shadow:0px 0px 10px #404040;
		border: 1px #D0D0D0;
		border-radius: 4px;
		height:auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#form_wrraper{
		width: 500px;
	}
	
	#about_us{
		width:100%;
		height:100%;
		border-width:1px;
		border-left: #624CAB;
		background-color: #F8F8F8;
		margin-left:40px;
		margin-top:40px;
		margin-bottom: 15px;
		/*overflow-y: scroll;
		overflow-x: hidden;*/
		padding:10px;
	}
		
	#partners{
		width:100%;
		height:75vh;
		border-width:1px;
		border-left: #624CAB;
		background-color: #F8F8F8;
		margin-left:40px;
		margin-top:40px;
		margin-bottom: 15px;
		/*overflow-y: scroll;
		overflow-x: hidden;*/
		padding:10px;
	}

	#contacts{
		width:40%;
		height:450px;
		border-width:1px;
		border-left: #624CAB;
		background-color: #F8F8F8;
		float:left;
		margin-right:40px;
		margin-left:40px;
     	border-radius: 2px;
		margin-top:65px;
	}
	
	#title_about_us{
		color: #F8F8F8;
		border: 10px;
		font-family: "Roboto Slab";
	}
	
	.form_labels{
		font-family: "Roboto Slab";
	}
	


		/* Scrollbar styles */
		::-webkit-scrollbar {
			height: auto;
			width:6px;
		}

		::-webkit-scrollbar-track {
			border: 1px solid #585858;
			border-radius: 2px;
		}

		::-webkit-scrollbar-thumb {
			background: #000000;  
			border-radius: 2px;
		}

		::-webkit-scrollbar-thumb:hover {
			background: #624CAB;  
		}
	
		table, th, td {
		  /* border: 1px solid black; */
		  border-collapse: collapse;
		}

		th{
		  padding: 5px;
		  text-align: left;
		  width:350px;
		}

		td{
		  padding: 5px;
		  text-align: left;
		  width:30px;
		}