body {
	direction:ltr;
}

.authenticated > #news {
	float:left;
}

#login ul li:before {
	content:'|';
	margin-right:5px;
}

#login .profile-link a::before {
	margin-right:5px;
	margin-left:0;
}

#news-previous, #news-next {
	transform:rotate(180deg);
}

#menu ul {
	text-align:left;
	padding: 0 0 0 2vw;
}

#menu ul.submenu a:link ,ul.submenu a:visited{ 
	text-align:right;
}
#menu.scrolling {
	right:auto;
	left:0;
}

#menu.scrolling .scrolling-logo {
	right: 1vw;
	left:auto;
}

.remark-moveable {
	direction:ltr;
}

.mobile #menu::before {
	float: left;
	position:absolute;
	top:0;
	left:0;
}

.mobile #sidebar .toggle-button{
	background-image:url(/images/sidebar_arrow_gt.png);
	background-position: 75% center;
	border-right:1px solid;
	border-left:none;
}

.mobile #sidebar.clicked  .toggle-button{
	background-image:url(/images/sidebar_arrow_lt.png);
	background-position: 75% center;
}

#banner > div {
	text-align:right;
}

.authenticated #content, #content.content, #content.products {
	float:right;
}

.box ,.two-box{
	float:left;
}

.box .icon {
	float:left;
	margin-right: 5%;
	margin-left:-70px;
}
.text {
	padding-right:30px;
}

#tensiometers .icon {
	background:url("/images/tensio_icon_ltr.png"),white ;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: auto;
	background-size: 108px auto;
}

.box .content {
	float:right;
}

#units .icon {
	background:url("/images/units_icon_ltr.png") ,white;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: auto;
	background-size: 108px auto;
}

#sidebar, .first-column {
	float:left;
}

.ims-weather, .aemet-weather, .evaporation, .accuweather {
	padding-left: 50px;
	padding-right:auto;
}

.ims-weather {
	background: url("/images/weather-il.png") top left no-repeat;

}
.evaporation {
	background:url('/images/evaporation.png') top left no-repeat;
}
.accuweather {
	background:url('/images/evaporation.png') top left no-repeat;
}
.aemet-weather {
	background: url("/images/aemet.png") top left no-repeat;
}

label {
	float:left;
	clear: left;
	margin-right:2px;
	margin-left:auto;
}
label + input {
	clear: right;
	float: left;
}

#content {
	margin: 2vh 0 2vh 20vw;
	display:block;
}

#content-footer {
	width: 100%;
	float:none;
	background-repeat: no-repeat;
	bottom: -248px;
	left:0;
	position: relative;
	width: 100%;
	background-image: url("/images/plant4.png");
	background-position: 90% 0;
	float:right;
}
#content-footer #mottes-slogan {
	/*width: calc(90% - 200px);
	max-width: calc(90% - 200px);
	overflow:hidden;
	left:0;*/
	text-align:right;
}

#footer-content {
	margin-right:10%;
}

#footer-content input[type=submit]{
	float:right;
}

#footer-content #copyright {
	left:auto;
	right:0;
}
#login-form {
	right: calc(50% - 200px);
}

#content table#my-units tr td.unit_name {
	text-align:left;
}
#content table#my-units td {
	text-align:left;
}


.sensors .sensor_id {
	/*float:left;*/
}
#sidebar .sidebar_box input[type=button].action-icon {
	display:none;
	float:right;
}
#content h2, #content h3{
	text-align:left;
	padding:0 50px 10px 0;
	margin:20px;
}

/* hamburger menu */
.mobile #logo {
	float:right;
}

.mobile #menu {
	text-align:right;
}

.mobile #language {
	text-align:right;
}
.mobile.clicked #language {
	margin-left: 5vw;
	margin-right:auto;
	text-align:right;
}

.mobile #menu.clicked ul li, .mobile ul#login li, .mobile.clicked #login, .mobile.clicked ul {
	text-align:right;
}

.mobile #menu::before {
	float: left;
}

.mobile #menu.clicked {
	background:url("/images/tensio_flower.png") ,#404042!important;
	background-repeat:no-repeat,  repeat!important;
	background-position:left top, right top !important;
	background-size:10vh auto, auto auto !important;
	padding-left:5vw;
	padding-right:auto;
}

.mobile #menu.clicked ul.submenu {
	border-left:solid white 3px;
	border-right:none;
	left:1vw;
	right:auto;
}

.mobile .login-form {
	right: 10%;
}

.mobile #content {
	margin-left: 40px;
	margin-right:20px;
}

.mobile #content table#my-units tr {
	float:left;
}

.mobile #sidebar .toggle-button {
	margin-left: 60vw;
	margin-right:auto;
	left:0;
}

.mobile #sidebar {
	margin-left: -60vw;
	margin-right: auto;
	padding-left:auto;
	border-right:1px solid;
	border-left:none;

}

.mobile #sidebar.clicked {
	left:0;
	right:auto;
	margin-left: 0;
}

/* */
/* all graphs navigtions */
#navigate #next{
	float:right;
	margin-right:30%;
	margin-left:auto;
}
#navigate #previous {
	float:left;
	margin-left:30%;
	margin-right:auto;
}
#navigate #next span {
	float:left;
}
#navigate #next  input[type=submit] {
	float:right;
}
#navigate #previous span {
	float:right;
}
#navigate #previous input[type=submit]{
	float:left;
}

input[type=button][value='fastrewind'].navigate {
	background-image:url(/images/double_arrow_left.png);
}
input[type=button][value='rewind'].navigate {
	background-image:url(/images/arrow_left.png);
}
input[type=button][value='forward'].navigate {
	background-image:url(/images/arrow_right.png);
}
input[type=button][value='fastforward'].navigate {
	background-image:url(/images/double_arrow_right.png);
}