form label {
  line-height: 1;
  font-weight: normal;
}

html[lang="fa"] select {
  direction: rtl;
}

.form-group {
  height: 52px;
  margin-bottom: 25px;
}
.form-group.check-box {
  height: 40px;
  padding-top: 10px;
}
.form-group.check-box .col-md-1 {
  width: 6%;
  margin-top: 0;
}
.form-group.check-box .col-md-11 {
  padding-right: 0;
}

input.ng-invalid.ng-dirty {
  border: 1px solid red;
}

react-combo.ng-invalid.ng-dirty {
  border: 1px solid red;
}

textarea.ng-invalid.ng-dirty {
  border: 1px solid red;
}

input.ng-invalid-custom-error{
  border: 1px solid red;
}

textarea.ng-invalid-custom-error{
  border: 1px solid red;
}

react-combo.ng-invalid-custom-error{
  border: 1px solid red;
}

react-component.ng-invalid.ng-dirty {
  border: 1px solid red;
}

react-component.ng-invalid-custom-error {
  border: 1px solid red;
}

form.ng-submitted input.ng-invalid:not(.recentlyAdded) {
  border: 1px solid red;
}

form.ng-submitted textarea.ng-invalid:not(.recentlyAdded) {
  border: 1px solid red;
}

form.ng-submitted react-component.ng-invalid {
  border: 1px solid red;
}

input.ng-invalid.ng-dirty.form-control:focus, input.ng-invalid-server.ng-dirty {
  border-color: red !important;
  box-shadow: inset 0 1px 1px rgba(233, 102, 117, 0.6), 0 0 8px rgba(233, 102, 117, 0.6);
}

.raisedError {
  float: right;
  width: 35px;
  height: 35px;
  border: 1px solid #cccccc;
  border-left: 0;
  padding-top: 4px !important;
  text-align: left !important;
}
.raisedError:before {
  font-family: FontAwesome;
  content: "\f071";
  color: red;
}

.errors {
  font-size: 15px;
  color: white;
}

.messages {
  height: auto;
}

.errors.ng-active {
  width: 100%;
}

.errors.ng-inactive {
  display: none;
}

@media screen and (max-width: 1024px) {
  .form-group label {
    font-size: 12px;
  }
}
.selectize-control {
  padding: 0;
}
.selectize-control .selectize-input.disabled {
  opacity: 1;
  background-image: none;
  background-color: #f2f2f2;
  border-color: #dedede;
}
.selectize-control .selectize-input.disabled:after {
  border-color: #d5d2d2 transparent transparent transparent;
}

.formListView p {
  direction: rtl;
  margin: 1% 3% 0 3%;
  display: flex;
  border: 1px solid #f2f2f3;
  border-top: 1px solid #e8ebed;
  padding-top: 10px;
}
.formListView p:first-child {
  border: 0;
  font-weight: bold;
  font-size: 16px;
}

.form-group > div {
  padding-right: 10px;
}
.form-group div.selectize-input {
  padding: 6px 8px;
}
.form-group div.selectize-input.has-items {
  padding: 7px 8px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

form.ng-submitted select.ng-invalid + .selectize-control > .selectize-input:not(.recentlyAdded) {
  border: 1px solid red;
}

.input > input {
  font-size: 14px;
}

select.ng-invalid.ng-dirty + .selectize-control .selectize-input {
  border: 1px solid red;
}
select.ng-invalid-custom-error + .selectize-control .selectize-input {
  border: 1px solid red;
}

.form-group.col-md-4 > div {
  padding-left: 0;
}
.form-group.col-md-4 > div > div {
  padding-right: 0;
}

.form-group.col-md-6 > div {
  padding-left: 0;
  padding-right: 0;
}
.form-group.col-md-6 > div > div {
  padding-right: 10px;
}

.icon-remove-sign {
  cursor: pointer;
  text-decoration: none !important;
}
.icon-remove-sign:before {
  margin-right: 10px;
  margin-left: 0.4%;
}

.icon-plus-sign {
  cursor: pointer;
  text-decoration: none !important;
  position: relative;
}
.icon-plus-sign:before {
  margin-right: 10px;
  margin-left: 0.4%;
}

.icon-plus-sign p, .icon-remove-sign p {
  display: inline-block;
  margin-right: 0;
  border: 0;
  font-family: IranSans;
  margin-top: 0;
  padding: 5px;
}

.accordion-title {
  float: right;
  margin-right: 2%;
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
}

.panel-title {
  line-height: 1;
  height: inherit;
}

.panel-group {
  margin: 20px;
}

.panel-body {
  padding-top: 5px;
}

.panel-heading {
  padding: 0;
  height: 40px;
}

.accordion-toggle {
  width: inherit;
  height: inherit;
  display: block;
}
.accordion-toggle:hover {
  text-decoration: none;
}
.accordion-toggle span a {
  font-weight: normal;
}
.accordion-toggle span a:hover {
  color: #23527b;
}

.btn-md {
  width: 100%;
  margin: 3px;
  border-radius: 0;
  background-color: #303030;
  border-color: #3d3d3d;
}
.btn-md:hover {
  background-color: #b4483c;
  border-color: #93463e;
}
.btn-md:disabled {
  opacity: 0.3;
  background-color: #303030;
  border-color: #303030;
}

input[disabled] {
  background-color: #f2f2f2 !important;
}

a {
  pointer-events: initial;
}

/* styles for react-combo */
react-component.form-control {
  border-radius: 3px;
  padding: 0;
}

/* Workaround: Setting height of react-combo to auto for covering it's child component(react-select) */
react-component.form-control {
  height: auto;
}

react-component div[class$="-container"] div[class$="-control"] {
  min-height: inherit;
  border: none;
  box-shadow: none;
}

/* Setting padding-top and bottom to zero for decrease height of combo */
react-component div[class$="-indicatorContainer"]{
  padding-bottom: 0;
  padding-top: 0;
}

react-component div[class$="-indicatorContainer"] svg {
  width:15px;
}


div.ui-grid-cell-contents.invalid {
  border: 1px solid red;
}

div.ui-grid-cell input, .selectize-control {
  height: 30px;
}

div.ui-grid-filter-container input, div.ui-grid-filter-container .selectize-input {
  height: 30px;
}

div.ui-grid-cell .selectize-control .selectize-input.not-full, div.ui-grid-filter-container .selectize-control .selectize-input.not-full {
  padding: 0;
}

div.ui-grid-cell .selectize-control .selectize-input.full, div.ui-grid-filter-container .selectize-control .selectize-input.full {
  padding: 0;
}

div.ui-grid-cell .selectize-control .selectize-input.full.has-options.has-items, div.ui-grid-filter-container .selectize-control .selectize-input.full.has-options.has-items {
  padding: 5px;
}

div.ui-grid-cell .selectize-control .selectize-input.full.has-options.has-items.focus.dropdown-active.input-active, div.ui-grid-filter-container .selectize-control .selectize-input.full.has-options.has-items.focus.dropdown-active.input-active {
  padding-top: 0;
  padding-bottom: 0;
}

.ui-grid div.ui-grid-cell input[type="checkbox"],
.ui-grid div.ui-grid-header-cell input[type="checkbox"] {
  margin: 0 auto;
  display: block;
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-viewport {
  font-family: "ui-grid";
  font-size: 14px;
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-viewport .ui-grid-cell:first-child {
  background-color: #d1d1d1;
  border-bottom: 1px solid white;
}

.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
  background-color: #d1d1d1;
  border-bottom: 1px solid white !important;
}

.ui-grid-icon-ok:before {
  content: "";
}

.ui-grid div.ui-grid-cell-contents input[type="checkbox"] {
  height: 19px;
}

.ui-grid-top-panel {
  overflow: visible;
}

.ui-grid-top-panel div:not(.selectize-input) {
  overflow: visible;
}

.ui-grid-top-panel .selectize-dropdown-content {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.ui-grid-filter-container .ui-grid-filter-button-select {
  position: relative;
}

.ui-grid-filter-container .ui-grid-filter-button-select .ui-grid-icon-cancel {
  z-index: 1;
  right: 12%;
  left: initial;
  line-height: 20px;
  margin-top: -23px;
}

html[lang="fa"] .ui-grid-filter-container .ui-grid-filter-button-select .ui-grid-icon-cancel {
  left: 12%;
  right: initial;
}

.ui-grid[grideditable="true"] .ui-grid-viewport {
  padding-bottom: 10px;
}

.compact-grid .ui-grid-render-container {
  padding-bottom: 0;
}

.compact-grid .ui-grid-header {
  display: none;
}

.compact-grid .ui-grid-cell-contents {
  font-size: 14px;
  padding: 0 5px;
}

.compact-grid.ui-grid .ui-grid-cell, .compact-grid.ui-grid .ui-grid-row {
  height: 22px;
}

.invalid-grid {
  border: 1px solid red !important;
}

.popover.in, .ui-grid, a {
  pointer-events: initial;
}

.ui-grid-pager-panel {
  background-color: white;
}

.ui-grid-cell-contents {
  white-space: pre;
}

abbr[title] {
  border-bottom: none !important;
  cursor: inherit !important;
  text-decoration: none !important;
}

.hide-duplicate-btn {
  display: none
}

.ui-grid .ui-grid-cell, .ui-grid .ui-grid-viewport.ng-isolate-scope {
  overflow: visible !important;
}

input {
	text-align: right;
	direction: ltr !important;
}

.popover {
    max-width: 100% !important;
}
.acidjs-ui {
  margin-bottom: 3px;
  border: 0;
  padding-top: 0;
}

.acidjs-ui-ribbon.invisible-group-title .acidjs-ui-ribbon-tab-ribbons h6 {
  display: none;
}

.acidjs-ui-ribbon.invisible-group-title .acidjs-ui-ribbon-tab-ribbon-tools {
  height: 100%;
}

.acidjs-ui-ribbon.invisible-tab > div > div {
  display: none;
}

.acidjs-ui-ribbon.invisible-tab > div > div + .acidjs-ui-ribbon-tabs {
  border: 0;
}

.acidjs-ui-ribbon > div {
  border: 1px solid #3d3d3d;
  overflow: hidden;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tab-buttons a {
  text-decoration: none;
  height: 27px;
  padding-top: 3px;
  text-align: -webkit-center;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tabs {
  padding-top: 5px;
}

.acidjs-ui-ribbon button[name="toggle-ribbon"] {
  right: 3px;
  top: 3px;
}

.acidjs-ui-ribbon:not([open]) {
  border: 0;
}

.acidjs-ui-ribbon:not([open]) .acidjs-ui-ribbon-tab-buttons a {
  border-bottom: 0;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tool {
  margin: 0;
  width: 100%;
  min-height: 26px;
  text-decoration: none;
  height: 100%;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tool img {
  display: block;
  margin: 2px auto !important;
  height: 48px;
  width: 48px;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tool img + span {
  margin: 1px auto !important;
  line-height: initial !important;
  display: table !important;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tool:not(.acidjs-ui-tool-active):hover {
  border-color: #fce9ab;
  background: linear-gradient(#fde38b, #f6fff0);
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tab-ribbon-tools {
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  height: 87%;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tab-ribbons ul[data-size="small"] li a img {
  float: left;
  width: 24px;
  height: 24px;
  margin-left: 10px !important;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tab-ribbons ul[data-size="small"] li a span {
  float: left;
  margin-left: 5px !important;
  margin-top: 4px !important;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tab-ribbons ul[data-size="large"] {
  margin-right: 10px;
  height: 95%;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tab-ribbons ul[data-size="large"] li {
  max-width: 100px;
  height: 95%;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tab-ribbons ul[data-size="large"] li a img {
  margin: 7px !important;
  left: -40%;
  transform: translateX(50%);
  position: relative;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tab-ribbons ul[data-size="large"] li a span {
  margin-top: 2px !important;
  line-height: 17px !important;
  text-align: center;
  word-break: break-word;
  white-space: pre;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tab-ribbons ul[data-size="large"] li.break-words a span {
  white-space: pre-line;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tab-ribbons ul ul {
  margin: 2px 6px 0 0 !important;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tab-ribbons > ul {
  display: -moz-inline-box;
  white-space: nowrap;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tab-ribbons > ul > li {
  width: auto !important;
  display: inline-block;
  height: 100%;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tab-ribbons > ul > li:after {
  box-sizing: content-box;
  border: 0;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tab-ribbons > ul > li:first-child {
  border-right: 0;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tab-ribbons > ul > li:last-child:after {
  display: block;
}

.acidjs-ui-ribbon .acidjs-ui-ribbon-tab-ribbons > ul > li h6 {
  opacity: 0.5;
  position: relative;
}

.acidjs-ui-ribbon[dir="rtl"] button[name="toggle-ribbon"] {
  right: initial;
  left: 3px;
  top: 3px;
}

.acidjs-ui-ribbon[dir="rtl"] .acidjs-ui-ribbon-tab-ribbons > ul > li:first-child:after {
  display: none;
}

.acidjs-ui-ribbon[dir="rtl"] .acidjs-ui-ribbon-tab-buttons a {
  font-size: 12px;
}

.modal .acidjs-ui-ribbon {
  width: 100%;
  position: relative;
  z-index: 10;
  background-color: white;
}

.acidjs-ui:not([open]) > div {
  height: 30px;
}

.acidjs-ui-ribbon.invisible-tab {
  background: none;
}

.selectize-dropdown {
  height: auto;
  padding: 0;
}

.selectize-dropdown .active {
  background-color: lavender;
}

.selectize-dropdown table.selectize-dropdown-content {
  width: 100%;
}

.selectize-control {
  border: 0;
}

.selectize-control > .selectize-input.has-items {
  max-height: 28px;
}