default-rtl.css

/* these styles are in the head of this page because this is a unique page */

/* THE BIG GUYS */
html {
	direction: rtl;
}
#header{
	background: linear-gradient(-141deg, #b8002c 0%, #db0100 51%, #e8410c 75%);
}
#footer{
	background: linear-gradient(-141deg, #b8002c 0%, #db0100 51%, #e8410c 75%);
}
/* LISTS */
ul {
	margin: .3em 2em 1.5em 0;
}

li {
	margin-right: 2em;
}

#wrap {
	text-align: right;
}

/* TYPOGRAPHY */
dl dd {
	margin-right: 3em;
}

.efieldlist {
	border-right: 1px solid #e6e6e6;
}

div.caution {
	padding: .2em 60px .2em .2em;
	background-position: right;
}

th.rowtitle {
        text-align: right;
}
.enablebox table {
	margin-right: 1em;
}
.enablebox.mini table {
	float: left;
}
.enablebox tr td {
	padding: .5px .5em 1px 1em;
}

/* Attribute presentation in example page */
table.attributes td.attrname {
	text-align: left;
}

fieldset.fancyfieldset {
	margin: 2em 0px 1em 1em;
}
fieldset.fancyfieldset legend {
	margin-right: 2em;
}

.ui-tabs .ui-tabs-nav li { 
	float: right; 
}

/* Reverse Float Left <-> Right */
.float-r {
	 float: left;
 }
.float-l {
	float: right;
}
.right {
	float: left;
}
.left {
	float: right;
}
.v-center-right{
	right: 0;
}
.logo-footer-right{
	left:0;
	right: auto;
}
.message-box {
	border-left-style: initial;
	border-left-width: 0;
	border-left-color: none;
	border-right-style: solid;
	border-right-width: 0.3125rem;
}
.message-box.error{
	border-right-color: #cc4b37;
}
.message-box.success{
	border-right-color: #46cc48;
}

/*selectize elements*/
div .item{
	float: right;
}
.selectize-input{
	padding-right:8px;
}
.selectize-input:after{
	transform: translate(-8px, 0);
}

/*purecss elements*/
.pure-form-aligned .pure-control-group label {
	text-align: left;
	margin: 0 0 0 1em;
}
@media only screen and (max-width : 480px) {
	.pure-form-aligned .pure-control-group label {
		text-align: right;
	}
}
.pure-form-aligned .pure-controls {
	margin: 1.5em 11em 0 0;
}
.pure-form .pure-help-inline,
.pure-form-message-inline {
	padding-left: 0;
	padding-right: 0.3em;
}
.pure-select{
	float: left;
}
.pure-table-attributes ul{
	margin:0;
}
.pure-table-attributes li{
	margin:0;
}

/* language side menu on medium and small screens*/
#layout.active #menu {
	right: initial;
	left: 11em;
}
#layout.active .menu-link {
	right: initial;
	left: 11em;
}
#menu {
	right: initial;
	margin-right: 0;
	margin-left: -11em; /* "#menu" width */
	left: 0;
}
#menu a {
	padding: 0.6em 0.6em 0.6em 0em;
}

.menu-link {
	right: initial;
	left: 0; /* "#menu width" */
}

/* -- Responsive Styles (Media Queries) ------------------------------------- */

@media screen and (max-width: 0em), screen and (min-width: 40em) {
	#layout.active {
		right: initial;
		left: 11em;
	}
}