/*.body2{
	min-height: 0;
	background:#f0f0f0;
	padding-bottom: 50px;
}
*/

::placeholder{
	color: #333;
}
bar{
	position:fixed;
	top:0;
	left:0;
	display:block;
	width:100vw;
	background: whitesmoke; /*#276fbf;*/
	font-size: 4vw;
	height: 11vw;
	border-bottom:0.1vw solid white;
	box-shadow: 0 0.1vw 0.4vw #BBBBBB;
	transition: font-size 1s, color 5s, height 1s ease 0s, background 4s, border-color 4s;
	transform: translateZ(0);
	/*display:flex;*/
	z-index:2;
 }
.bar_scroll{
	/*background: white;
	border-color: lightgray;
	height: 7vw;*/
}
	.logo{
		width:28vw;
		height:10vh;
		float:left;
		background: url('../-img/logo3.png') left top no-repeat;
		background-size: 22vw;
		background-position: 0px 0;
		/* meter transform para evitar lag */
		transition: width 1s, margin 1s, background-size 1s, height 1s, background-position 1s;
		margin:2.2vw 0 0 5vw;
		/*flex-shrink: 0;*/
	}
	.logo_scroll{
		/*margin-top:0vw;
		margin-right:1vw;
		height: 6vw;
		width: 5vw;
		background-size: 21vw;
		background-position: -17.4vw 0;*/
	}
	currentUser{
		font-weight:bold;
		display:block;
		float:left;
		margin:3.5vw 0 0 -2vw;
		font-size:4.5vw;
		/*width:25vw;*/
		text-align:left;
		text-overflow:ellipsis;
		color:#777;
		transition: color 1s, margin 1s;
		
	}
	.currentUser_scroll{
		/*color:#444;
		margin:0.5vw 0 0 0;*/
	}
	barButtons{
		position:fixed;
		left:0;
		bottom:0;
		display: flex;
	  justify-content: space-between;
		width:80vw;
		background: whitesmoke; /*#276fbf;*/
		height: 6vw;
		padding:3vw 10vw 3vw 10vw;
		border-top:0.1vw solid white;
		box-shadow: 0vw -0.4vw 1vw #BBBBBB;
		/*display:flex;*/
		z-index:3;
		/*background:coral;*/
	}

		menu{
			display:inline-block;
			text-align:right;
			margin-top:-2vw;
			margin-left:-12vw;
			width:8vw;
		}
			label#trigger{
				font-size: 23px;
	      cursor: pointer;
	      padding: 0 5px;
			}
			#toggle {
    		display: none;
  		}
  		barOverlay{
		    display: none;
		    position: fixed;
		    top: 0;
		    left: 0;
		    width: 100vw;
		    height: 100vh;
		    background: rgba(0, 0, 0, 0.5);
		    z-index: 998;
			}
				#toggle:checked ~ barOverlay{
				  display: block;
				}
    		menu-content {
		      display: none;
		      position: absolute;
		      background-color: #fff;
		      box-shadow: 0 -0.4vw 0.8vw rgba(0, 0, 0, 0.15);
		      height:44vh;
		      margin:-40vh 0 0 -82vw;
		      width:100vw;
		      border-left:0.2vw solid gainsboro;
		      text-align:center;
		      z-index: 999;
		  		/*background:green;*/
		    }
		    ul{
				  list-style-type: none;
				  padding: 0;
				  margin-left:0vw;
				  width:100vw;
				  background-color: #fff;					  
				}			
				
				 menu-content a.menuOption {
		      display: block;
		      padding: 2.5vw;
		      text-decoration: none;
		      color:royalblue;
		      font-size:5.5vw;
		    }
		    menu-content a.menuOption:hover {
		      background-color: #f1f1f1;
		      text-decoration: none;
		    }			
		    #toggle:checked ~ menu-content {
		      display: block;
		    }

		a.profileIcon, a.homeIcon, a.searchIcon, .optionsIcon, a.notificationsIcon{
			background-image:url('../-img/profile.png');
			background-size: 20px;
			width:20px;
			height:20px;
			background-repeat: no-repeat;
			background-position:left bottom;
			display:inline-block;
			margin-bottom:-4px;
			margin-left:10px;
		}
		a.notificationsIcon{
			background-image:url('../-img/notifications.png');
		}
		a.homeIcon{
			background-image:url('../-img/homeIcon.png');
		}
		a.searchIcon{
			background-image:url('../-img/searchIcon.png');
		}
		.optionsIcon{
			background-image:url('../-img/optionsIcon.png');
		}
			a.barNotificationsNew{
				background-position:left top;
			}
			
navButtonsBottomBar2{
	position:fixed;
	left:0;
	bottom:0;
	display: flex;
  justify-content: space-between;
	width:80vw;
	background: whitesmoke; /*#276fbf;*/
	height: 6vw;
	padding:3vw 10vw 3vw 10vw;
	border-top:0.1vw solid white;
	box-shadow: 0vw -0.4vw 1vw #BBBBBB;
	/*display:flex;*/
	z-index:3;
	display:none;
}

hr{
	border-color: #ccc;
	margin:1vw 1vw 1vw 4vw;
		
}
/* DESKTOP VIEW MODIFICATIONS */
@media all and (min-device-width: 640px) and (min-width: 960px) and (orientation: landscape ){
	body{

	}
::placeholder{
	color: #333;
}
bar{
	position:fixed;
	top:0;
	left:0;
	display:block;
	width:100%;
	background: whitesmoke; /*#276fbf;*/
	font-size: 14px;
	height: 45px;
	border-bottom:1px solid white;
	box-shadow: 0 1px 4px #BBBBBB;
	transition: font-size 1s, color 5s, height 1s ease 0s, background 4s, border-color 4s;
	transform: translateZ(0);
	/*display:flex;*/
	z-index:2;
	background: white;
	border-color: lightgray;
 }
.bar_scroll{
	/*background: white;
	border-color: white;
	height: 45px;*/
}
		.logo{
			width:100px;
			height:35px;
			float:left;
			background: url('../-img/logo3.png') left top no-repeat;
			background-position: 0px 0;
			/* meter transform para evitar lag */
			transition: width 1s, margin 1s, background-size 1s, height 1s, background-position 1s;
			margin:15px 0 0 50px;
			/*flex-shrink: 0;*/
			margin-top:6px;
			background-size: 95px;
		}
		.logo_scroll{
			/*margin-top:5px;
			height: 30px;
			width: 30px;
			background-size: 90px;
			background-position: -67px 0;*/
			
		}
		currentUser{
			font-weight:bold;
			/*display:block;*/
			display:none;
			float:left;
			margin:16px 0 0 0;
			font-size:16px;
			width:200px;
			text-align:left;
			text-overflow:ellipsis;
			color:whitesmoke;
			transition: color 1s;
			
		}
		.currentUser_scroll{
			color:#555;
		}
			menu{
				display:inline-block;
				text-align:right;
				margin:0;
				margin-top:-20px;
				width:0;
			}
			hr{
				border: none;
  			height: 1px;
  			color: #777;  /* old IE */
  			background-color: #777;
				
				margin: 5px 10px;
				padding:0;
			}
				label#trigger{
					font-size: 23px;
		      cursor: pointer;
		      padding: 0 0px;
				}
				#toggle {
      		display: none;
    		}
	    		#toggle:checked ~ barOverlay{
					  display: none;
					}
	    		menu-content {
			      display: none;
			      position: absolute;
			      z-index:20;
			      top:0;
			      background-color: #fff;
			      box-shadow: 0 0.8vw 2vw rgba(0, 0, 0, 0.2);
			      height:100vh;
			      margin-top:48px;
			      margin-left:-10.2vw;
			      width:15vw;
			      border-left:0.2vw solid gainsboro;
			      text-align:right;
			    }			
			    ul.options{
					  list-style-type: none;
					  padding: 0;
					  margin-left:0vw;
					  width:14vw;
					  background-color: #fff;
					}			
					 menu-content a.menuOption {
			      display: block;
			      padding: 12px 30px 12px 12px;
			      text-decoration: none;
			      color:royalblue;
			      font-size:inherit;
			    }
			    menu-content a.menuOption:hover {
			      background-color: #f1f1f1;
			      text-decoration: none;
			    }			
			    #toggle:checked + menu-content {
			      display: block;
			    }
			    a.externalLinkBar{
						display:block;
						overflow:hidden;
						white-space: nowrap;
						text-overflow:ellipsis;
						text-decoration:none;
						transition: text-shadow 0.3s;
						margin:3vw 0 0px 0;
						
					}
						a.externalLinkBar:hover{
							text-shadow: 0 1px 1px #fff;
						}
			
			barButtons{
				position:fixed;
				right:0;
				top:0;
				height:30px;
				padding:0;
				border-top:none;
				box-shadow:none;
				z-index:3;
				display:block;
				width:auto;
				text-align:right;
				padding-top:12px;
				margin-left:400px;
				margin-right:50px;
				/*background:brown;*/
				background:white;
			}
			a.profileIcon, a.homeIcon, a.searchIcon, .optionsIcon{
				background-image:url('../-img/profile.png');
				background-size: 20px;
				width:20px;
				height:20px;
				background-repeat: no-repeat;
				background-position:left bottom;
				display:inline-block;
				margin-bottom:-4px;
				margin-left:14px;
			}
			a.homeIcon{
				background-image:url('../-img/homeIcon.png');
			}
			a.searchIcon{
				background-image:url('../-img/searchIcon.png');
			}
			.optionsIcon{
				background-image:url('../-img/optionsIcon.png');
				margin-left:-25px;
			}
				a.profileIcon:hover, a.homeIcon:hover, a.searchIcon:hover, .optionsIcon:hover{
					background-position:left top;
				}
			
}