/* Elements */
body {direction: rtl; text-align: right;}
body, input, button {font: 14px/16px Arial;}
* {margin: 0; padding: 0;}
ul {list-style: none;}
img {border: 0;}
iframe {display: none;}
a {outline: 0; text-decoration: none; color: #000;}
table {border-collapse: collapse;}
td {vertical-align: top;}

textarea {resize:none; padding:5px}
input, .box {box-sizing:border-box; -moz-box-sizing:border-box}

/* Checkbox */
.wsCheckbox {width: 70px; height: 24px; position: relative;}
.wsCheckbox input {position: absolute; visibility: hidden;}
.wsCheckbox input:checked + label:before {transform: rotateY(180deg);}
.wsCheckbox input:checked + label:after {transform: rotateY(0);}
.wsCheckbox label {
	position: absolute; width: inherit; height: inherit;
	margin: 0; line-height: 24px; font-family: Arial;
}
.wsCheckbox label:before,
.wsCheckbox label:after {
	top: 0; left: 0;
	bottom: 0; right: 0;
	display: block;
	position: absolute;
	line-height: inherit;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
}
.wsCheckbox label:before {
	background-color: #ddd;
	content: attr(data-off);
	transition: transform 0.5s;
	backface-visibility: hidden;
	color: #787878;
}
.wsCheckbox label:after {
	background-color: #4caf50;
	content: attr(data-on);
	transition: transform 0.5s;
	transform: rotateY(180deg);
	backface-visibility: hidden;
	color: #fff;
}

/* Base */
.dn {display:none}
.db {display:block}
.dib {display:inline-block}
.fl {float:left}
.fr {float:right}
.cm {cursor:move}
.cd {cursor:default}
.cp {cursor:pointer}
.pf {position:fixed}
.pa {position:absolute}
.pr {position:relative}
.center {margin:0 auto}
.bold {font-weight:bold}

.clear {clear:both; float:none !important}
.clearfix:after {content:''; display:table; clear:both}

.op_0 {opacity: 0;}
.op_50 {opacity: .5;}

.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.noSelect {user-select: none; -moz-user-select: none; -webkit-user-select: none;}
.isLTR {direction: ltr; text-align: left;}
.shadow {
	box-shadow:			0 0 5px 0 #ccc;
	-moz-box-shadow:	0 0 5px 0 #ccc;
	-webkit-box-shadow:	0 0 5px 0 #ccc;
}

.scrollbar::-webkit-scrollbar {width: 10px;}
.scrollbar::-webkit-scrollbar-thumb {background-color: #ccc;}
.scrollbar::-webkit-scrollbar-track {background: #eee;}

/* Foundation */
.row {max-width: 90rem;}
input, select:not([multiple]) {height: 40px !important;}
label {font-size: 1rem;}

select {padding: 0 .5rem 0 1.5rem; background-position: left -1rem center;}

.button {padding: 0 1rem; border: 0; height: 40px; line-height: 40px !important;}
.button.success,
.button.success:focus,
.button.success:hover {color: white;}

.callout > .title:first-child {
	margin: -1rem -1rem 1rem -1rem; padding: 1rem;
	border-bottom: 1px solid #c2c2c2; background-color: #fcfcfc;
	line-height: 1; font-size: 20px; color: #0a0a0a;
}

.column,
.column:not(.row),
.columns {float: right;}

/* Multiselect */
.multiselect-native-select {display: block;}
.multiselect-native-select > select {top: 0 !important;}
.multiselect-native-select .dropdown-toggle {
	height: 40px; padding: 0 10px; box-shadow: none !important;
	text-align: right; font-size: 1rem;
}
.multiselect-native-select .dropdown-toggle span {display: inline-block;}
.multiselect-native-select .dropdown-toggle .caret {float: left; margin: 10px 8px 0 0;}
.multiselect-native-select .dropdown-menu {width: 100%; text-align: right;}
.multiselect-native-select .dropdown-menu input {height: unset !important;}
.multiselect-native-select .dropdown-menu > li > a {outline: none;}
.multiselect-native-select .dropdown-menu > li > a > label {padding: 3px 30px 3px 10px;}
.multiselect-native-select .dropdown-menu > li > a > label > input[type=checkbox] {
	width: 15px; height: 15px !important; margin: 7px -22px 0 0;
}
.multiselect-native-select .dropdown-menu > li.active > a {background-color: #428bca;}
.multiselect-native-select .dropdown-menu > li.active > a:hover {background-color: #337ab7;}
.multiselect-native-select .dropdown-menu > li.active > a label {color: #fff;}
.multiselect-native-select .dropdown-menu > li label {user-select: none;}


/* Datepicker */
.ui-datepicker {
	width: 100%; padding: 0; font-size: large;
	border: 0 !important; border-radius: 3px; overflow: hidden;
}
.ui-datepicker-header {
	padding: 0 !important; border: 0; border-radius: 0;
	background-color: #253B78; color: #fff;
}
.ui-datepicker-header .ui-icon {filter: brightness(5);}
.ui-datepicker-title {line-height: 40px !important;}
.ui-datepicker-prev {right: 0 !important;}
.ui-datepicker-next {left: 0 !important;}
.ui-datepicker-prev,
.ui-datepicker-next {
	width: 40px !important;	height: 40px !important;
	top: 0 !important; border: 0 !important; border-radius: 0;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {background-color: color-mix(in srgb, #253B78 85%, black) !important;}
.ui-datepicker table {margin-bottom: 0;}
.ui-datepicker table > * {border: 0;}
.ui-datepicker table thead {background-color: #689DE9; color: #fff;}
.ui-datepicker table tbody {background-color: #E0EBFC;}
.ui-datepicker table tbody tr {background-color: #E0EBFC;}
.ui-datepicker table tbody td {padding: 0;}
.ui-datepicker table tbody td:not(:last-child) {width: 14%;}
.ui-datepicker .ui-state-default {border: 0; text-align: center; line-height: 2; background-color: #E0EBFC;}
.ui-datepicker .ui-state-hover {background-color: #B2CDF5;}
.ui-datepicker .ui-state-highlight {background-color: #fffa90; color: #777620;}
.ui-datepicker .ui-state-active {background-color: #253B78; color: #fff;}