@font-face {
font-family: Vazir;
src: url('./fonts/eot/Vazir-Black-FD.eot');
src: url('./fonts/eot/Vazir-Black-FD.eot?#iefix') format('embedded-opentype'),
	 url('./fonts/woff2/Vazir-Black-FD.woff2') format('woff2'),
	 url('./fonts/woff/Vazir-Black-FD.woff') format('woff'),
	 url('./fonts/ttf/Vazir-Black-FD.ttf') format('truetype');
font-weight: normal;
}

@font-face {
font-family: Vazir;
src: url('./fonts/eot/Vazir-Bold-FD.eot');
src: url('./fonts/eot/Vazir-Bold-FD.eot?#iefix') format('embedded-opentype'),
	 url('./fonts/woff2/Vazir-Bold-FD.woff2') format('woff2'),
	 url('./fonts/woff/Vazir-Bold-FD.woff') format('woff'),
	 url('./fonts/ttf/Vazir-Bold-FD.ttf') format('truetype');
font-weight: bold;
}

@font-face {
font-family: Vazir;
src: url('./fonts/eot/Vazir-Light-FD.eot');
src: url('./fonts/eot/Vazir-Light-FD.eot?#iefix') format('embedded-opentype'),
	 url('./fonts/woff2/Vazir-Light-FD.woff2') format('woff2'),
	 url('./fonts/woff/Vazir-Light-FD.woff') format('woff'),
	 url('./fonts/ttf/Vazir-Light-FD.ttf') format('truetype');
font-weight: 300;
}

@font-face {
font-family: Vazir;
src: url('./fonts/eot/Vazir-Medium-FD.eot');
src: url('./fonts/eot/Vazir-Medium-FD.eot?#iefix') format('embedded-opentype'),
	 url('./fonts/woff2/Vazir-Medium-FD.woff2') format('woff2'),
	 url('./fonts/woff/Vazir-Medium-FD.woff') format('woff'),
	 url('./fonts/ttf/Vazir-Medium-FD.ttf') format('truetype');
font-weight: 500;
}

@font-face {
font-family: Vazir;
src: url('./fonts/eot/Vazir-Thin-FD.eot');
src: url('./fonts/eot/Vazir-Thin-FD.eot?#iefix') format('embedded-opentype'),
	 url('./fonts/woff2/Vazir-Thin-FD.woff2') format('woff2'),
	 url('./fonts/woff/Vazir-Thin-FD.woff') format('woff'),
	 url('./fonts/ttf/Vazir-Thin-FD.ttf') format('truetype');
font-weight: 100;
}

body {
    font-family: 'Vazir' , Vazir , Tahoma , Arial ,sans-serif !important;
    font-size: 1.2rem;
    font-weight: 500;
}

body .ui-dialog .ui-dialog-titlebar {
    background-color: #4DB6AC;
    border-bottom: 1px solid rgba(0,0,0,.05);
}

body .ui-widget-overlay {
    background: #000;
    opacity: 0.50;
}

.t-Login-logo{
   height:120px;
   display: contents !important;
}

.t-Login-logo img{
	width: 100%;
}

.t-Login-header {
     padding: 0px !important;  
}

.rtl{
    text-align:right !important;
	direction: rtl !important;
}

.ltr{
    text-align:left !important;
	direction: ltr !important;
}

.ui-dialog.ui-dialog--modern .ui-dialog-content {
    padding-top: 10px;
}


.select2-container {
    width: 100% !important;
	max-height: 3.4rem !important;
	height: 3.4rem !important;
}

.t-Form-itemWrapper .apex-item-text
{
	width: 100% !important;
	height: 30px !important;
	margin-top: 0px !important;
}

.t-Form-itemWrapper {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 100%;
}

/*input.apex-item-text
{
	width: 100% !important;
	height: 30px !important;
}*/

.selectlist.apex-item-select
{
	width: 100% !important;
	max-height: 3.4rem !important;
	height: 30px !important;
}

.selectlist.apex-item-select
{
	width: 100% !important;
	max-height: 3.4rem !important;
	height: 30px !important;
}
.apex-item-textarea
{
	width: 100% !important;
}

.t-Region-headerItems.t-Region-headerItems--title {
    background-color: lightblue;
}

.t-Region-header, .t-Region-header .t-Button--link, .t-Region-header .t-Button--noUI {
    color: #262626;
    background-color: lightblue;
}

/* Style the list */
ul.breadcrumb {
  padding: 5px;
  margin-right: 13px;
  list-style: none;
  background-color: #eee;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 12px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

/*#right-tree .a-TreeView-label,#left-tree .a-TreeView-label,#right-tree-objects .a-TreeView-label {
    position: absolute !important;
    text-align: right;
    width: 100% !important;
    padding-right: 26px;
    padding-top: 0px;
  left: 0;
}*/

.t-Button--noUI{
    padding:12px 12px;
}

/*.t-Region--scrollBody>.t-Region-bodyWrap>.t-Region-body {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    height: 500px;
    overflow: hidden;
}*/

input {
    margin-top: 0.5rem;
}

input::placeholder {
    font-weight: bold;
    opacity: .5;
    color: red;
	/*text-align:center*/
}

.t-Form-inputContainer span.display_only {
	border:1px;
    border-color: darkgray;
    background-color: #dde2ef;
    padding: 5px;
    margin-top: 0px;
	box-shadow: 0px 0px 3px 0.5px grey;
    width: 98%;
    /*height: 30px !important;*/
    margin-right: 2px
}


.t-Form-itemText {
    padding-top: 6px;
    padding-right: 6px;
}



/* Add some padding inside the card container */
.container_card {
    padding: 2px 16px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 5px;
    background-color: floralwhite;
	font-size: larger;
}

.btn_with_page_item
{
	margin-top: 6px !important;
    margin-right: -10px !important;
}

.display_only_style_1 {
	border: 0px;
    border-color: white !important;
    background-color: white !important;
    box-shadow: 0px 0px 3px 0.5px white !important;
}

span.badge--danger {
    color: red;
}

span.badge--success {
    color: green;
}

#StiViewerReportPanel
{
    position: inherit !important;
}

#loading {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0.7;
  background-color: #fff;
  z-index: 100000;
}

#loading-image {
  position: absolute;
  top: 48%;
  left: 48%;
  z-index: 100100 !important;	
}

.t-Alert--page {
	min-width: 500px !important;
	width: 600px !important;
    max-width: 800px !important;
}

.clean_border
{
    background-color: white !important;
    border: 0 !important;
    box-shadow: 0px 0px 0px 0px white !important;
}

.t-Region-headerItems--title {
    padding: 5px !important;
	font-size: 14px !important;
}

.t-Login-region {
    background-color: #fff;
    opacity: 0.9;
}

.pad5
{
	padding:5px;
}

.mrg5
{
	margin:5px;
}

.card-red
{
	background-color: red !important;
    fill: red !important;
}

.card-lightred
{
	background-color: lightred !important;
    fill: lightred !important;
}

.card-blue
{
	background-color: blue !important;
    fill: blue !important;
}

.card-lightblue
{
	background-color: lightblue !important;
    fill: lightblue !important;
}

.card-green
{
	background-color: green !important;
    fill: green !important;
}

.card-lightgreen
{
	background-color: lightgreen !important;
    fill: lightgreen !important;
}

.card-yellow
{
	background-color: yellow !important;
    fill: yellow !important;
}

.card-black
{
	background-color: black !important;
    fill: black !important;
}

.card-gray
{
	background-color: gray !important;
    fill: gray !important;
}

.card-orange
{
	background-color: orange !important;
    fill: orange !important;
}

.card-aqua
{
	background-color: aqua !important;
    fill: aqua !important;
}

.card-brown
{
	background-color: brown !important;
    fill: brown !important;
}

/*.t-fht-thead
{
	overflow:auto !important;
}
*/

.system_alert {
    padding: 10px;
    background-color: ghostwhite;
    margin-top: 10px;
}

.breadcrumb-mobile {
    background: #E6E6E6;
    padding: 19px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear
{
	float: left;
    margin-left: 15px;
    margin-top: 2px;
}
