/* RTL and Vazirmatn font - Customer Portal default Persian */
/* No language condition; portal is always RTL and Persian by default */

/* Vazirmatn font - fonts in layouts/default/resources/fonts/ */
@font-face {
	font-family: 'Vazirmatn';
	src: url('fonts/Vazirmatn-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Vazirmatn';
	src: url('fonts/Vazirmatn-SemiBold.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Vazirmatn';
	src: url('fonts/Vazirmatn-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

html,
body {
	font-family: 'Vazirmatn', 'Vazir', Tahoma, sans-serif;
	direction: rtl;
	text-align: right;
}

body input,
body select,
body textarea,
body .navbar,
body .modal-title,
body .dropdown-menu,
body .form-control,
body .btn {
	font-family: 'Vazirmatn', 'Vazir', Tahoma, sans-serif;
}

body,
body .webapp-page {
	direction: rtl !important;
	text-align: right !important;
}

body .webapp-page .container-fluid,
body .webapp-page .row,
body .webapp-page .main-container,
body .webapp-page [class^="col-"],
body .webapp-page .panel,
body .webapp-page .table {
	direction: rtl !important;
	text-align: right !important;
}

body .navbar-nav,
body .headerLinks.menu,
body .nav.navbar-nav {
	direction: rtl;
	text-align: right;
}

/* Navbar RTL: logo right, menu center, user left */
body .navbar .navbar-collapse {
	direction: rtl;
	text-align: right;
}

body .navbar .navbar-collapse > div {
	float: right !important;
}

body .navbar .navbar-collapse > div:first-child {
	margin-left: 0;
	margin-right: 0;
}

body .navbar .navbar-nav > li {
	float: right;
}

body .navbar .navbar-nav.headerLinks.menu {
	direction: rtl;
	float: right;
}

body .logo-left {
	float: right;
}

body .logo-left img {
	margin-left: 20px;
	margin-right: 10px;
}

body .navbar-nav.navbar-right {
	float: left !important;
}

body .navbar .portalnavbar .nav.navbar-nav.navbar-right {
	float: left !important;
	margin-right: 0;
	margin-left: 15px;
}

body .portalnavbar .dropdown-menu,
body .navbar .navbar-right .dropdown-menu {
	right: auto !important;
	left: 0 !important;
	text-align: right;
}

body .navbar .navbar-right .dropdown-menu {
	left: 0;
	right: auto;
}

body .dropdown-menu .caret {
	margin-right: 0;
	margin-left: 5px;
}

body .form-horizontal .control-label {
	text-align: right;
}

body .form-horizontal .col-sm-offset-4 {
	margin-right: 33.33333333%;
	margin-left: 0;
}

body .col-sm-offset-9 {
	margin-right: 75%;
	margin-left: 0;
}

body input[type="text"],
body input[type="email"],
body input[type="password"],
body textarea,
body select.form-control {
	direction: rtl;
	text-align: right;
}

/* RTL: Input placeholders right-aligned */
body input::placeholder,
body input::-webkit-input-placeholder,
body input::-moz-placeholder,
body input:-ms-input-placeholder,
body textarea::placeholder,
body textarea::-webkit-input-placeholder,
body textarea::-moz-placeholder,
body textarea:-ms-input-placeholder {
	direction: rtl;
	text-align: right;
}

body select.form-control option {
	padding-right: 5px !important;
	padding-left: 5px !important;
}

body .forgot-password {
	float: right;
	margin-right: 0;
	margin-left: 10px;
}

body .portal-loginbutton {
	margin-right: 10px;
	margin-left: 0;
}

body .login-form,
body .login-form .form-horizontal,
html .login-form,
html .login-form .form-horizontal {
	direction: rtl;
	text-align: right;
}

body .login-form .form-group,
html .login-form .form-group {
	direction: rtl;
	text-align: right;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

body .login-form .form-group .control-label {
	flex: 0 0 33.33333333%;
	max-width: 33.33333333%;
	text-align: right;
}

body .login-form .form-group .col-sm-8 {
	flex: 0 0 66.66666667%;
	max-width: 66.66666667%;
	text-align: right;
}

body .login-form .form-group .col-sm-4,
body .login-form .form-group .col-sm-8 {
	text-align: right;
}

body .login-form .form-group .col-sm-offset-4 {
	margin-right: 33.33333333%;
	margin-left: 0;
}

body .login-form .form-group .col-sm-offset-4 .btn {
	margin-left: 0;
	margin-right: 10px;
}

body .table,
body .table th,
body .table td {
	text-align: right;
}

body .panel .panel-heading,
body .panel .panel-body,
body .page-header {
	text-align: right;
}

body .pagination {
	direction: rtl;
}

body .pagination li {
	float: right;
}

body .modal-header .close {
	float: left;
	margin: 0;
}

body .modal-header .modal-title {
	text-align: right;
}

body .modal-body .form-group,
body .modal-footer {
	text-align: right;
}

body .search-wrapper .search-box,
body .search-container {
	direction: rtl;
	text-align: right;
}

body .search-icon {
	margin-right: 0;
	margin-left: 5px;
}

body .main-container {
	text-align: right;
	direction: rtl;
}

body .detailRow .value,
body .detailRow .label {
	float: right;
}

body .btn-group .btn {
	margin-right: 0;
	margin-left: -1px;
}

body .support-notification {
	padding-left: 2px;
	padding-right: 0;
}

body .support-notification-close {
	margin-right: -3px;
	margin-left: 0;
}

body .chart-heading,
body .portal-welcome {
	text-align: right;
}

body .listViewEntries {
	text-align: right;
}

body .nav-tabs {
	padding-right: 20px;
	padding-left: 0;
}

body .menu {
	margin-right: 20px;
	margin-left: 0;
}

/* Selectric dropdown RTL */
body .selectric,
body .selectric .label {
	direction: rtl;
	text-align: right;
	font-family: 'Vazirmatn', 'Vazir', Tahoma, sans-serif;
}

body .selectric-items {
	direction: rtl;
	text-align: right;
	right: 0;
	left: auto;
}

body .selectric-items li {
	text-align: right;
}

/* xeditable (inline edit) RTL */
body .editable-wrap,
body .editable-controls input,
body .editable-buttons {
	direction: rtl;
	text-align: right;
	font-family: 'Vazirmatn', 'Vazir', Tahoma, sans-serif;
}

body .panel-title,
body .page-header h1,
body label {
	font-family: 'Vazirmatn', 'Vazir', Tahoma, sans-serif;
}