/*#region General */
/*#endregion */
/*#region Font */
/*#endregion */
/*#region Color */
/*#endregion */
/*#region panel */
.panel {
  margin-right: 2px;
  margin-left: 2px;
  margin-bottom: 0;
  background-color: white;
}
.panel-heading {
  /*& a {
        color: @alert-info-text;
        font-size: medium;
        text-decoration: none;
        cursor: pointer;
        vertical-align: middle;

        &.collapsed::before {
            content: "\e257";
        }

        &::before {
            content: "\e259";
        }
    }*/
}
/*#endregion */
/*#region nav */
.navbar {
  margin-bottom: 0;
}
/*#endregion */
/*#region modal */
.modal {
  overflow: hidden;
  overflow-y: hidden;
}
.modal-content {
  border-radius: 6px;
}
.modal-header {
  padding: 5px 15px;
  border-radius: 6px 6px 0 0;
  background-color: aliceblue;
}
.modal-footer {
  padding: 5px 15px;
  border-radius: 0 0 6px 6px;
  background-color: aliceblue;
}
.modal-dialog {
  top: 15vh;
}
.modal-dialog.xx-small {
  width: 10%;
}
.modal-dialog.x-small {
  width: 20%;
}
.modal-dialog.x-medium {
  width: 30%;
}
.modal-dialog.medium {
  width: 40%;
}
.modal-dialog.half {
  width: 50%;
}
.modal-dialog.large {
  width: 60%;
}
.modal-dialog.x-large {
  width: 70%;
}
.modal-dialog.xx-large {
  width: 80%;
}
.modal-dialog.big {
  width: 90%;
}
@media screen and (max-width: 1023px) {
  .modal-dialog.xx-small,
  .modal-dialog.x-small,
  .modal-dialog.x-medium,
  .modal-dialog.medium,
  .modal-dialog.half {
    width: 70%;
  }
  .modal-dialog.large,
  .modal-dialog.x-large,
  .modal-dialog.xx-large,
  .modal-dialog.big {
    width: 95%;
  }
}
@media screen and (max-width: 768px) {
  .modal-dialog.xx-small,
  .modal-dialog.x-small,
  .modal-dialog.x-medium,
  .modal-dialog.medium,
  .modal-dialog.half,
  .modal-dialog.large,
  .modal-dialog.x-large,
  .modal-dialog.xx-large,
  .modal-dialog.big {
    width: 95%;
  }
}
.modal-body.scrollable {
  overflow-y: auto;
  max-height: 65vh;
  overflow-x: hidden;
}
/*#endregion */
/*#region carousel */
.carousel .carousel-control {
  display: none;
}
.carousel:hover .carousel-control {
  display: initial;
}
.carousel-control {
  width: 40px;
  height: 40px;
  top: 42%;
  bottom: 50%;
  border-radius: 50%;
  font-size: 35px;
}
.carousel-control.left span {
  margin-left: -15px;
  margin-top: -15px;
}
.carousel-control.right span {
  margin-right: -15px;
  margin-top: -15px;
}
.carousel-indicators {
  bottom: -5px !important;
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  left: 0;
  margin-left: 0;
}
.carousel-indicators li {
  margin-left: 3px;
  margin-right: 3px;
}
/*#endregion */
label {
  font-weight: normal;
}
.k-rtl + .input-icon {
  position: absolute;
  top: 7px;
  z-index: 10;
  font-size: 16px;
}
.input-icon {
  position: absolute;
  top: 10px;
  z-index: 10;
  font-size: 16px;
}
/*#region table*/
.table {
  margin-bottom: 0;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 5px;
}
/*#endregion*/
.container-flex-row {
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
.form-group.form-group-sm {
  margin-bottom: 5px;
}
.btn,
.button,
button {
  padding: 0.5rem 3rem !important;
  background-image: none !important;
  border-color: transparent !important;
}
.btn i,
.button i,
button i,
.btn [class^="faraicon-"],
.button [class^="faraicon-"],
button [class^="faraicon-"],
.btn [class*=" faraicon-"],
.button [class*=" faraicon-"],
button [class*=" faraicon-"] {
  font-size: 1.25rem;
}
.btn-link {
  text-decoration: none !important;
}
/*#region DateTimePicker*/
[data-name="md-datetimepicker-popovercontent"] {
  font-family: IRANSans;
}
[data-name="md-datetimepicker-popovercontent"] .btn,
[data-name="md-datetimepicker-popovercontent"] .button,
[data-name="md-persiandatetimepicker-TimePicker"] .btn,
[data-name="md-persiandatetimepicker-TimePicker"] .button {
  padding: 2px 6px !important;
}
.popover {
  max-width: 100%;
}
/*#endregion*/
.thumbnail > i.img {
  display: block;
  line-height: 0.85em;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  font-size: 14em;
}
a:focus {
  outline: none;
  color: #40c4ff;
}