html {
		background-color: 	#fafafa;
}

* {
		margin: 			0;
		padding: 			0;
}


a {
		text-decoration: none;
}


ul {
		list-style: none;
}


p {
		margin: 15px 0;
}



body {
		margin: 			0px;
		padding: 			0px;
		background: 		#ECEBE9;
}

img {
		border:				0px;
}

#container {
		width: 				100%;
		margin: 			0 auto;
		padding: 			0px;
		background-color: 	#fafafa;

}

.login_logout {
		background-color: 	#fafafa;
}


.my_panel {
		margin-bottom: 				0px !important;
		/* overflow: 					auto; */
		overflow: 					visible !important;
}

.my_panel_heading {
		padding:	 				5px 10px !important;
}

.my_button {
		display: 					inline-block;
    	padding: 					0px !important;
 		margin-bottom: 				0;
		font-size: 					14px;
		font-weight: 				normal;
		line-height: 				1.428571429;
		text-align: 				center;
		white-space: 				nowrap;
		vertical-align: 			middle;
		cursor: 					pointer;
		border: 					1px solid #b3b3b3 !important;
		border-radius: 				4px;
		-webkit-user-select: 		none;
		-moz-user-select: 			none;
		-ms-user-select: 			none;
		-o-user-select: 			none;
		user-select: 				none;
}

.my_button img {
		margin-top: 				-3px;

}

.my_select {
		-webkit-appearance:			button;
		-moz-appearance: 			button;
		-webkit-user-select: 		none;
		-moz-user-select: 			none;
		-webkit-padding-end: 		20px;
		-moz-padding-end: 			20px;
		-webkit-padding-start: 		2px;
		-moz-padding-start: 		2px;
		-webkit-box-shadow: 		inset 0 1px 1px rgba(0, 0, 0, 0.075);
    	box-shadow: 				inset 0 1px 1px rgba(0, 0, 0, 0.075);	
		background-color: 			#fefefe; /* fallback color if gradients are not supported */
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII), -webkit-linear-gradient(top, #ffffff, #eeeeee); /* For Chrome and Safari */
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII), -moz-linear-gradient(top, #ffffff, #eeeeee); /* For old Fx (3.6 to 15) */
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII), -ms-linear-gradient(top, #ffffff, #eeeeee); /* For pre-releases of IE 10*/
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=), -o-linear-gradient(top, #ffffff, #eeeeee); /* For old Opera (11.1 to 12.0) */
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=), linear-gradient(to bottom, #ffffff, #fefefe); /* Standard syntax; must be last */
		background-position: 		center right;
		background-repeat: 			no-repeat;
		border: 					1px solid #999;
		border-radius: 				4px;
		box-shadow: 				0px 1px 3px rgba(128, 128, 128, 1);
		color: 						#000;
		font-size: 					inherit;
		overflow: 					hidden;
		padding: 					0px 15px 0px 3px;
		margin: 					0px;
		height:						18px;
		font-size:					12px;
		white-space: 				nowrap;
}

.my_form_control {
		padding: 					0px 3px !important;
		font-size:					13px;
		height:						19px;
		display: 					block;
  		/* width: 						100%;   */
  		line-height: 				1.2;
  		color: 						#555555;
		background-color: 			#fff;
		background-image: 			none;
		border: 					1.3px solid #999;
		border-radius: 				4px;
		box-shadow: 				0px 1px 1px rgba(128, 128, 128, 1);
		-webkit-transition: 		border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		-o-transition: 				border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		-webkit-transition: 		border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		transition: 				border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		transition:					border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: 				border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.my_form_control_right {
		padding: 					0px 3px !important;
		font-size:					13px;
		height:						19px;
		display: 					block;
  		/* width: 						100%;   */
		line-height: 				1.2;
  		color: 						#555555;
		background-color: 			#fff;
		background-image: 			none;
		border-top: 				1.3px solid #999 !important;
		border-right: 				1.3px solid #999 !important;
		border-bottom: 				1.3px solid #999 !important;
		border-bottom-right-radius: 4px;
		border-top-right-radius: 	4px;
		box-shadow: 				0px 1px 1px rgba(128, 128, 128, 1);
		-webkit-transition: 		border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		-o-transition: 				border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		-webkit-transition: 		border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		transition: 				border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		transition:					border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: 				border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.my_form_control_left {
		padding: 					0px 3px !important;
		font-size:					13px !important;
		height:						19px !important;
		display: 					block;
  		/* width: 						100%;   */
		line-height: 				1.2;
  		color: 						#555555;
		background-color: 			#fff;
		background-image: 			none;
		border-top: 				1.3px solid #999 !important;
		border-left: 				1.3px solid #999 !important;
		border-bottom: 				1.3px solid #999 !important;
		border-bottom-left-radius: 	4px;
		border-top-left-radius: 	4px;
		box-shadow: 				0px 1px 1px rgba(128, 128, 128, 1);
		-webkit-transition: 		border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		-o-transition: 				border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		-webkit-transition: 		border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		transition: 				border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		transition:					border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: 				border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.my_form_control_select {
		padding: 					0px 3px !important;
		font-size:					13px;
		height:						19px;
		display: 					block;
  		/* width: 						100%;   */
  		line-height: 				1.2;
  		color: 						#555555;
		background-color: 			#f5f5f5;
		background-image: 			none;
		border: 					1.3px solid #999 !important;
		border-radius: 				4px;
		box-shadow: 				0px 1px 1px rgba(128, 128, 128, 1);
		-webkit-transition: 		border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		-o-transition: 				border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		-webkit-transition: 		border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		transition: 				border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		transition:					border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		transition: 				border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}



.my-modal-header-error {
		background:					#ff3333;
	   	color:						white;
	   	padding: 					5px 15px;
}

.my-modal-body {
		padding: 					10px 15px;
}

.my-modal-footer {
		padding: 					5px 15px;
}


.btn-close-error {
		background:					#ff3333;
    	color:						white;
    	height:						24px;
    	padding: 					1px 10px;
}

.alert-dark {
		color: 						#1b1e21;
    	background-color: 			#d6d8d9;
    	border-color: 				#c6c8ca;
}

/********************		MENU BEGIN		********************/

#menu {
	width: 		100%;
	font: 		12px Helvetica, Sans-Serif;
	background: 	#ccc;
	height:		22px;
}


#menu_right {
	float: 		right;
	font: 		12px Helvetica, Sans-Serif;
	height:		15px;
}




/***			      LEVEL ONE				 ***/

ul.dropdown {
	position: 	relative;
	z-index:	5000;
}


ul.dropdown li {
	font-weight: 	bold;
	float: 		left;
	zoom: 		1;
	background: 	#bbbbbb;
}


ul.dropdown a:hover {
	color: #000000;
}


ul.dropdown a:active {
	color: #ffa500;
}


ul.dropdown li a {
	display: block;
	padding: 4px 8px;
	border-right: 1px solid #333;

	color: #222;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	background: #006090;
	color: black;
	position: relative;
}


ul.dropdown li.hover a {
	color: black;
}


/***			      LEVEL TWO				 ***/


ul.dropdown ul {
	width: 230px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
}


ul.dropdown ul li {
	font-weight: normal;
	background: #ddd;
	color: #000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	float: none;
}


ul.dropdown ul li a {
	border-right: none;
	width: 100%;
	display:
	inline-block;
}


/***			      LEVEL THREE
			***/

ul.dropdown ul ul {
	left: 100%;
	top: 0;
}


ul.dropdown li:hover > ul {
	visibility: visible;
}

/********************		MENU END		********************/

/***********************************************************************************/
/*							New Login							*/

.main_login {
		margin: 						0px !important;
		padding:						0px !important;
		background: 					#fafafa;
		/* background-image: 			url(http://my.eurosped.bg/images/background.jpg); */
		background-attachment: 			fixed;
		background-position: 			center;
		opacity: 						0.9;
		overflow: 						hidden;
		width: 							100%;
		height: 						100%;
		min-height: 					100%;
		top: 							0px;
		left: 							0px;

}

.main_logo {
		margin-top: 					10px;
		margin-left: 					auto;
		margin-right: 					auto;
		margin-bottom: 					0px;
		padding: 						0px !important;
		height: 						70px;
		/* position: 						relative; */
}

.main_logo_eurosped {
		height: 						100%;
		background-image: 				url(http://admin.eurocourier.bg/images/eurosped_logo.png);
		background-repeat: 				no-repeat;
		background-position: 			left top;
}

.login_form_control {
		display: 						block;
		width: 							100%;
		height: 						34px;
		padding: 						6px 12px;
		font-size: 						14px;
		line-height: 					1.42857143;
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
		-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}



/********************		MAIN BEGIN		********************/

#content{
	position: relative;
	background-color: #FFFFFF;
	padding-top: 30px;
	width: 1200px;
	margin: 0px auto;
	-moz-box-shadow: 0px 0px 5px #e8ecef;
	-webkit-box-shadow: 0px 0px 5px #e8ecef;
	box-shadow: 0px 0px 5px #e8ecef;
}

.my_panel {
	margin-bottom: 			0px !important;
}

#content_w800px{
	position: relative;
	background-color: #FFFFFF;
	width: 800px;
	margin: 0px auto;
	-moz-box-shadow: 0px 0px 5px #e8ecef;
	-webkit-box-shadow: 0px 0px 5px #e8ecef;
	box-shadow: 0px 0px 5px #e8ecef;
}



#show_in_input {
	margin: 	0 auto;
	padding: 	0px;
	background: 	#ffffff;
	border:		1px #006090 solid;

}


#main_window {
	width: 		1200px;
	margin: 	0 auto;
	margin-top:	10px;
	padding: 	0px;
	background: 	#ffffff;
	border:		1px #006090 solid;

}

#main_window_w800px {
	width: 		800px;
	margin: 	0 auto;
	margin-top:	10px;
	padding: 	0px;
	background: 	#ffffff;
	border:		1px #006090 solid;

}

#main_window_title {
	width: 		100%;
	height:		18px;
	font-weight:	bold;
	text-align:	left;
	font-family:	tahoma;
	font-size:	13px;
	margin-top:	0px;
	cursor:		pointer;
	background:	#006090;
	color:		#ffffff;
	cursor:		auto;
}

/********************		MAIN END		********************/



/********************		PAGE SUBMENU BEGIN	********************/

.submenu {
		width: 				1200px;
		height: 			27px;
		line-height: 		27px;
		background: 		url(http://admin.eurocourier.bg/images/submenu.png) repeat-x;
		font-size: 			12px;
		margin: 			0px auto;
}

.submenu a,
.submenu a:link,
.submenu a:hover,
.submenu a:focus{
		display: 					block;
		float: 						left;
		padding: 					0 12px;
		color: 						#000000;
		font-family: 				Tahoma, Arial, non-serif;
		text-decoration:			solid;
		// border-left: 				1px solid #c4c4c4;
		border-right: 				1px solid #c4c4c4;
		// border-top-right-radius: 	5px;
		// border-top-left-radius: 	5px;
}


.submenu_label {
		display: 					block;
		float: 						left;
		font-weight:				bold;
		height: 					27px;
		background: 				#fff;
		// border-left: 				1px solid #c4c4c4;
		border-right: 				1px solid #c4c4c4;
		padding: 					0px 12px;
		font-family: 				Tahoma, Arial, non-serif;
		border-top-right-radius: 	5px;
	    border-top-left-radius: 	5px;
}

#submenu {
		width: 				100%;
		height: 			27px;
		line-height: 		27px;
		background: 		url(http://admin.eurocourier.bg/images/submenu.png) repeat-x;
		font-size: 			12px;
		margin: 			0px auto;
}

#submenu b {
		display: 			block;
		float: 				left;
		font-weight:		bold;
		height: 			27px;
		background: 		#fff;
		border-left: 		1px solid #c4c4c4;
		border-right: 		1px solid #c4c4c4;
		padding: 			0px 12px;
		font-family: 		Tahoma, Arial, non-serif;
}



#submenu a{
		display: 			block;
		float: 				left;
		padding: 			0 12px;
		color: 				#000000;
		font-family: 		Tahoma, Arial, non-serif;
}

#submenu span {
		display: 			block;
		float: 				left;
		color: 				#c5c5c5;
}

.submenu {
		width: 				100%;
		height: 			27px;
		line-height: 		27px;
		background: 		url(http://admin.eurocourier.bg/images/submenu.png) repeat-x;
		font-size: 			12px;
		margin: 			0px auto;
}

.submenu_small {
		width: 				1200px;
		height: 			18px;
		line-height: 		18px;
		background: 		url(http://admin.eurocourier.bg/images/submenu_small.png);
		font-size: 			12px;
		margin: 			0px auto;
}


#submenu_w800px {
	width: 800px;
	height: 27px;
	line-height: 27px;
	background: url(http://admin.eurocourier.bg/images/submenu.png) repeat-x;
	font-size: 12px;
	margin: 0px auto;
}

#submenu_w800px b{
	display: 	block;
	float: 		left;
	font-weight:	bold;
	color: 		#006090;
	height: 	27px;
	background: 	#fff;
	border-left: 	1px solid #c4c4c4;
	border-right: 	1px solid #c4c4c4;
	padding: 	0px 12px;
	font-family: 	Tahoma, Arial, non-serif;
}

#submenu_w800px a{
	display: 	block;
	float: 		left;
	padding: 	0 12px;
	color: 		#006090;
	font-family: 	Tahoma, Arial, non-serif;
}

#submenu_w800px span {
	display: 	block;
	float: 		left;
	color: 		#c5c5c5;
}

.submenu_w800px {
	width: 800px;
	height: 27px;
	line-height: 27px;
	background: url(http://admin.eurocourier.bg/images/submenu.png) repeat-x;
	font-size: 12px;
	margin: 0px auto;
}

#new_messsage_1 {
	background-image:url(http://admin.eurocourier.bg/images/new_message_14.gif);
	background-repeat: no-repeat;
	height:14px;
	width:14px;
	color: #ffffff;
	text-align:	center;
}

#new_messsage_2 {
	background-image:url(http://admin.eurocourier.bg/images/new_message_14_2.gif);
	background-repeat: no-repeat;
	height:14px;
	width:24px;
	color: #ffffff;
	text-align:	center;
}

#new_messsage_3 {
	background-image:url(http://admin.eurocourier.bg/images/new_message_14_3.gif);
	background-repeat: no-repeat;
	height:14px;
	width:28px;
	color: #ffffff;
	text-align:	center;
}


/********************		PAGE SUBMENU END	********************/

/********************		INPUT BEGIN	********************/

INPUT.hintTextbox {
		color: #888;
		background:	#ffffff;
}

INPUT.hintTextboxStrong {
		color: #888;
		background:	#fff200;
}

INPUT.hintTextboxActive {
		color: #000;
		background:	#ffffff;
}

INPUT.hintTextboxActiveStrong {
		color: #000;
		background:	#fff200;
}

INPUT.FillTextbox {
		color: #000000;
		background:	#fff200;
		border: 1px solid #999;
		border-radius: 3px;
		font-size: 14px;
		padding-left: 3px;
		padding-bottom: 1px;
}

INPUT.Textbox {
		color: #000000;
		background:	#ffffff;
		border: 1px solid #999;
		border-radius: 3px;
		font-size: 14px;
		padding-left: 3px;
		padding-bottom: 1px;
}

INPUT.OKFillTextbox {
		color: #000;
		background:	#90EE90;
		border: 1px solid #999;
		border-radius: 3px;
		font-size: 14px;
		padding-left: 3px;
		padding-bottom: 1px;
}

INPUT.OKFillTextbox1 {
		color: #000;
		background:	#ffffff;
		border: 2px solid #999;
		border-radius: 3px;
		font-size: 14px;
		padding-left: 3px;
		padding-bottom: 1px;
}

INPUT.FAILFillTextbox {
		color: #fff;
		background:	#FF5C33;
		border: 1px solid #999;
		border-radius: 3px;
		font-size: 14px;
		padding-left: 3px;
		padding-bottom: 1px;
}

INPUT.FAILFillTextbox::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  		color: rgb(180, 180, 180);
}

INPUT.FAILFillTextbox::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  		color: rgb(180, 180, 180);
}

TEXTAREA.Textbox {
		color: #000000;
		background:	#ffffff;
		border: 1px solid #999;
		border-radius: 3px;
		font-size: 14px;
		padding-left: 3px;
		padding-bottom: 1px;
}

.hintSelect {
        		background:	#ffffff;
}
.hintSelectStrong {
        		background:	#fff200;
}

/********************		INPUT END	********************/




/********************		ERROR BEGIN		********************/

#error_container {

	margin-top:	50px;
	margin-bottom:	50px;
	margin-left:	200px;

	width: 		700px;
	height:		110px;
	border:		1px #006090 solid;
	background:	#ffffff;
}

#error_title {
	float:		left;
	width: 		700px;
	height:		20px;
	font-weight:	bold;
	text-align:	center;
	font-family:	tahoma;
	font-size:	14px;
	margin-top:	0px;
	cursor:		pointer;
	background:	#006090;
	color:		#ffffff;
	cursor:		auto;
}

#error_window {
	float:		left;
	border:		0px;
	background:	#ffffff;
	color:		#006090;
}


#error_image {
	float:		left;
	border:		0px;
	align:		center;
	margin:		10px;
}


#error_form {
	margin-top:	15px;
	margin-left:	40px;
	border:		0px;
	background:	#ffffff;
	color:		#006090;
}

/********************		ERROR END	********************/



/********************		LOGIN BEGIN	********************/

#login_container {
	position:	absolute;
	top:		50%;
	left:		50%;
	margin-left:	-350px;
	margin-top:	-120px;
	width: 		700px;
	height:		240px;
	border:		2px #006090 solid;
	background:	#ffffff;
}

#login_title {
	float:		left;
	width: 		700px;
	height:		20px;
	font-weight:	bold;
	text-align:	center;
	font-family:	tahoma;
	font-size:	14px;
	margin-top:	0px;
	cursor:		pointer;
	background:	#006090;
	color:		#ffffff;
	cursor:		auto;
}

#login_window {
	border:		0px;
	background:	#ffffff;
	color:		#006090;
}


#login_image {
	float:		left;
	border:		0px;
	align:		center;
	margin:		5px;
}

#login_container_error {
	position:	absolute;
	top:		50%;
	left:		50%;
	margin-left:	-350px;
	margin-top:	-55px;
	width: 		700px;
	height:		110px;
	border:		2px #006090 solid;
	background:	#ffffff;
}

#login_image_error {
	float:		left;
	border:		0px;
	align:		center;
	margin:		10px;
}


#login_form_error {
	margin-top:	15px;
	margin-left:	40px;
	border:		0px;
	background:	#ffffff;
	color:		#006090;
}

/********************		LOGOUT BEGIN	********************/

#logout_container {
	position:	absolute;
	top:		50%;
	left:		50%;
	margin-left:	-350px;
	margin-top:	-120px;
	width: 		700px;
	height:		240px;
	border:		2px #006090 solid;
	background:	#ffffff;
}

#logout_title {
	float:		left;
	width: 		700px;
	height:		20px;
	font-weight:	bold;
	text-align:	center;
	font-family:	tahoma;
	font-size:	14px;
	margin-top:	0px;
	cursor:		pointer;
	background:	#006090;
	color:		#ffffff;
	cursor:		auto;
}

#logout_window {
	float:		left;
	border:		0px;
	background:	#ffffff;
	color:		#006090;
}


#logout_image {
	float:		left;
	border:		0px;
	align:		center;
	margin:		5px;
}

#logout_form {
	margin:		20px;
	border:		0px;
	background:	#ffffff;
	color:		#006090;
}

#logout_container_error {
	position:	absolute;
	top:		50%;
	left:		50%;
	margin-left:	-350px;
	margin-top:	-55px;
	width: 		700px;
	height:		110px;
	border:		2px #006090 solid;
	background:	#ffffff;
}

#logout_image_error {
	float:		left;
	border:		0px;
	align:		center;
	margin:		10px;
}


#logout_form_error {
	margin-top:	15px;
	margin-left:	40px;
	border:		0px;
	background:	#ffffff;
	color:		#006090;
}


/********************		Alerts			*********************/

.alert-purple {
	    color: 								#800080;
    	background-color: 					#ffedff;
		border-color: 						#800080;
}


/********************		Spedition		********************/

#spedition_requestor{
	margin:		5px;
	background:	#ffffff;
	font-family:	tahoma;
	font-size:	12px;
	width:		98%;
	color:		#006090;
}

#spedition_requestor_title {
	font-family:	tahoma;
	font-size:	13px;
	font-weight:	bold;
	background:	#ffffff;
	width:		100%;
	margin-bottom:  5px;
	border-bottom:	1px #006090 solid;
}

#spedition_sender {
	float:		left;
	margin:		5px;
	background:	#ffffff;
	font-family:	tahoma;
	font-size:	12px;
	width:		48%;
	color:		#006090;
}

#spedition_sender_title {
	font-family:	tahoma;
	font-size:	13px;
	font-weight:	bold;
	background:	#ffffff;
	width:		100%;
	border-bottom:	1px #006090 solid;
}

#spedition_reciever {
	float:		left;
	margin:		5px;
	background:	#ffffff;
	font-family:	tahoma;
	font-size:	12px;
	width:		48%;
	color:		#006090;
}

#spedition_reciever_title {
	font-family:	tahoma;
	font-size:	13px;
	font-weight:	bold;
	background:	#ffffff;
	width:		100%;
	border-bottom:	1px #006090 solid;
}

#spedition_shipment_info {
	margin:		5px;
	background:	#ffffff;
	font-family:	tahoma;
	font-size:	12px;
	width:		98%;
	color:		#006090;
}

.spedition_shipment_info_table_head {
	background:	#006090;
	color:		#ffffff;
	font-family:	tahoma;
	font-size:	12px;
	border:		0px #000000 solid;
	cellspacing:	0px;
	cellpadding:	0px;

}

.spedition_shipment_info_table_row {
	background:	#ffffff;
	color:		#006090;
	font-family:	tahoma;
	font-size:	12px;
	border:	1px #000000 solid;

}

#spedition_shipment_info_title {
	font-family:	tahoma;
	font-size:	13px;
	font-weight:	bold;
	background:	#ffffff;
	width:		100%;
	margin-bottom:  5px;
	border-bottom:	1px #006090 solid;
}

#spedition_detail_info {
	margin:		5px;
	background:	#ffffff;
	font-family:	tahoma;
	font-size:	12px;
	width:		98%;
	color:		#006090;
}

#spedition_detail_info_title {
	font-family:	tahoma;
	font-size:	13px;
	font-weight:	bold;
	background:	#ffffff;
	width:		100%;
	margin-bottom:  5px;
	border-bottom:	1px #006090 solid;
}

#spedition_detail_info_data {
	background:	#ffffff;
	margin-left:  	150px;
}


/********************		BASIC INPUT	********************/


select {
		height: 18px;
		border: 				1px solid #999;
}

input {
		height: 				18px;
		line-height: 			normal !important;
		border: 				1px solid #999;
}

button {
		border: 				1px solid #aaa;
}

textarea {
		border: 				1px solid #999;
}

.input_price {
		height: 				14px;
		text-align:				right;
		width:					70px;
}

button, input[type="reset"], input[type="button"], input[type="submit"] {
		height: 				22px;
}

input[type="checkbox"] {
		margin: 				0px 0 0 !important;
}

.btn_help {
		padding: 				0px !important;
		height: 				25px;
		background-color: 		#f5f5f5;
		border: 				1px solid #bbb !important;
		border-color: 			#BBBBBB !important;
		border-radius: 			3px !important;
}

.btn_add {
		padding: 				0px !important;
		height: 				22px;
		width:	 				22px;
		background-color: 		#f5f5f5;
		border: 				1px solid #bbb !important;
		border-color: 			#BBBBBB !important;
		border-radius: 			3px !important;
}

.table_search {
		border-spacing:			5px;
}

.suggest_div {
		position: 				fixed;
		color:					#000000;
		width:					200px;
		background-color: 		#FFFFFF;
		text-align: 			left;
		border: 				0px solid #000000;
		z-index:				5000;
}

.suggest_link {
		background-color: 		#FFFFFF;
		padding: 				2px 6px 2px 6px;
}

.suggest_link_over {
		background-color: 		#3366CC;
		padding: 				2px 6px 2px 6px;
}

.my_line_form_group {
		padding:				2px !important;
		margin:					0px !important;
		display:				flex;
		clear:					both;
}

.my_line_form_group_shipment {
		padding:				2px !important;
		margin:					0px !important;
		display:				flex;
		clear:					both;
}

.my_line_form_group_res {
		padding:				3px 3px 3px 3px !important;
		margin:					0px !important;
		clear:					both;
}

.my_line_form_group_title {
		padding: 				1px !important;
		margin:					3px 0px  1px 0px !important;
		font-weight: 			normal;
		font-size:				12px;
		font-weight:			bold;
		display:				inline-block;
		text-align:				center;
		border-radius:			0px;
		background:				#eee;
		width:					100%;
}

.my_form_group {
		padding:				0px !important;
		margin:					0px !important;
}

.my_form_group_flex {
		padding:				0px !important;
		margin:					0px !important;
		display:				flex;
}

.my_form_group_right {
		padding:				0px 5px 0px 0px !important;
		margin:					0px !important;
		text-align: 			right;
}

.my_control_label {
		padding: 				0px 10px 0px 0px !important;
		margin:					0px !important;
		font-weight: 			normal;
		font-size:				13px;
		display:				inline;
		text-align:				right;
}

.my_control_label_left {
		padding: 				0px 0px 0px 10px !important;
		margin:					0px !important;
		font-weight: 			normal;
		font-size:				13px;
		display:				inline;
		text-align:				left;
}

.my_control_label_center {
		padding: 				0px 0px 0px 0px !important;
		margin:					0px !important;
		font-weight: 			normal;
		font-size:				13px;
		display:				inline;
		text-align:				center;
}

.my_control_label_right {
		padding: 				0px 10px 0px 0px !important;
		margin:					0px !important;
		font-weight: 			normal;
		font-size:				13px;
		display:				inline;
		text-align:				right;
}

.my_line_form_group_red_border {
		margin-top: 			3px !important;
		margin-bottom:			3px !important;
		margin-left:			10px !important;
		margin-right:			10px !important;
		border:					1px solid #ff0000;
		border-radius:			5px;
}

.my_input_right_align {
		text-align:				right;
}

 .select-editable {
		position:				relative;
		background-color:		white;
		border:					1px solid #ddd;
		width:					120px;
		height:					15px !important;
	 	border-radius: 			5px;
 }
 .select-editable select {
		position:				absolute;
		top:					0px;
		left:					0px;
		font-size:				14px;
		border:					none;
		width:					120px;
		margin:					0;
		height:					15px !important;
 }
 .select-editable input {
		position:				absolute;
		top:					0px;
		left:					0px;
		width:					100px;
		padding:				1px;
		font-size:				12px;
		border:					none;
		height:					15px !important;
 }
 .select-editable select:focus, .select-editable input:focus {
		outline:				none;
 }
 
 
 
 /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */
 
 
.side-menu {
  position: fixed;
  width: 300px;
  height: 100%;
  background-color: #f8f8f8;
  border-right: 1px solid #e7e7e7;
}
.side-menu .navbar {
  border: none;
}
.side-menu .navbar-header {
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav .active a {
  background-color: transparent;
  margin-right: -1px;
  border-right: 5px solid #e7e7e7;
}
.side-menu .navbar-nav li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
}
.side-menu .navbar-nav li a {
  padding: 15px;
}
.side-menu .navbar-nav li a .glyphicon {
  padding-right: 10px;
}
.side-menu #dropdown {
  border: 0;
  margin-bottom: 0;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}
.side-menu #dropdown .caret {
  float: right;
  margin: 9px 5px 0;
}
.side-menu #dropdown .indicator {
  float: right;
}
.side-menu #dropdown > a {
  border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body {
  padding: 0;
  background-color: #f3f3f3;
}
.side-menu #dropdown .panel-body .navbar-nav {
  width: 100%;
}
.side-menu #dropdown .panel-body .navbar-nav li {
  padding-left: 15px;
  border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body .navbar-nav li:last-child {
  border-bottom: none;
}
.side-menu #dropdown .panel-body .panel > a {
  margin-left: -20px;
  padding-left: 35px;
}
.side-menu #dropdown .panel-body .panel-body {
  margin-left: -15px;
}
.side-menu #dropdown .panel-body .panel-body li {
  padding-left: 30px;
}
.side-menu #dropdown .panel-body .panel-body li:last-child {
  border-bottom: 1px solid #e7e7e7;
}
.side-menu #search-trigger {
  background-color: #f3f3f3;
  border: 0;
  border-radius: 0;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 18px;
}
.side-menu .brand-name-wrapper {
  min-height: 50px;
}
.side-menu .brand-name-wrapper .navbar-brand {
  display: block;
}
.side-menu #search {
  position: relative;
  z-index: 1000;
}
.side-menu #search .panel-body {
  padding: 0;
}
.side-menu #search .panel-body .navbar-form {
  padding: 0;
  padding-right: 50px;
  width: 100%;
  margin: 0;
  position: relative;
  border-top: 1px solid #e7e7e7;
}
.side-menu #search .panel-body .navbar-form .form-group {
  width: 100%;
  position: relative;
}
.side-menu #search .panel-body .navbar-form input {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  height: 50px;
}
.side-menu #search .panel-body .navbar-form .btn {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-radius: 0;
  background-color: #f3f3f3;
  padding: 15px 18px;
}
/* Main body section */
.side-body {
  margin-left: 310px;
}
/* small screen */
@media (max-width: 768px) {
  .side-menu {
    position: relative;
    width: 100%;
    height: 0;
    border-right: 0;
    border-bottom: 1px solid #e7e7e7;
  }
  .side-menu .brand-name-wrapper .navbar-brand {
    display: inline-block;
  }
  /* Slide in animation */
  @-moz-keyframes slidein {
    0% {
      left: -300px;
    }
    100% {
      left: 10px;
    }
  }
  @-webkit-keyframes slidein {
    0% {
      left: -300px;
    }
    100% {
      left: 10px;
    }
  }
  @keyframes slidein {
    0% {
      left: -300px;
    }
    100% {
      left: 10px;
    }
  }
  @-moz-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -300px;
    }
  }
  @-webkit-keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -300px;
    }
  }
  @keyframes slideout {
    0% {
      left: 0;
    }
    100% {
      left: -300px;
    }
  }
  /* Slide side menu*/
  /* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
  .side-menu-container > .navbar-nav.slide-in {
    -moz-animation: slidein 300ms forwards;
    -o-animation: slidein 300ms forwards;
    -webkit-animation: slidein 300ms forwards;
    animation: slidein 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .side-menu-container > .navbar-nav {
    /* Add position:absolute for scrollable menu -> see top comment */
    position: fixed;
    left: -300px;
    width: 300px;
    top: 43px;
    height: 100%;
    border-right: 1px solid #e7e7e7;
    background-color: #f8f8f8;
    -moz-animation: slideout 300ms forwards;
    -o-animation: slideout 300ms forwards;
    -webkit-animation: slideout 300ms forwards;
    animation: slideout 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  /* Uncomment for scrollable menu -> see top comment */
  /*.absolute-wrapper{
        width:285px;
        -moz-animation: slideout 300ms forwards;
        -o-animation: slideout 300ms forwards;
        -webkit-animation: slideout 300ms forwards;
        animation: slideout 300ms forwards;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }*/
  @-moz-keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 300px;
    }
  }
  @-webkit-keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 300px;
    }
  }
  @keyframes bodyslidein {
    0% {
      left: 0;
    }
    100% {
      left: 300px;
    }
  }
  @-moz-keyframes bodyslideout {
    0% {
      left: 300px;
    }
    100% {
      left: 0;
    }
  }
  @-webkit-keyframes bodyslideout {
    0% {
      left: 300px;
    }
    100% {
      left: 0;
    }
  }
  @keyframes bodyslideout {
    0% {
      left: 300px;
    }
    100% {
      left: 0;
    }
  }
  /* Slide side body*/
  .side-body {
    margin-left: 5px;
    margin-top: 70px;
    position: relative;
    -moz-animation: bodyslideout 300ms forwards;
    -o-animation: bodyslideout 300ms forwards;
    -webkit-animation: bodyslideout 300ms forwards;
    animation: bodyslideout 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .body-slide-in {
    -moz-animation: bodyslidein 300ms forwards;
    -o-animation: bodyslidein 300ms forwards;
    -webkit-animation: bodyslidein 300ms forwards;
    animation: bodyslidein 300ms forwards;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  /* Hamburger */
  .navbar-toggle {
    border: 0;
    float: left;
    padding: 18px;
    margin: 0;
    border-radius: 0;
    background-color: #f3f3f3;
  }
  /* Search */
  #search .panel-body .navbar-form {
    border-bottom: 0;
  }
  #search .panel-body .navbar-form .form-group {
    margin: 0;
  }
  .navbar-header {
    /* this is probably redundant */
    position: fixed;
    z-index: 3;
    background-color: #f8f8f8;
  }
  /* Dropdown tweek */
  #dropdown .panel-body .navbar-nav {
    margin: 0;
  }
}