@font-face {
  font-family: 'Yekan';
  src: url('fonts/Yekan.eot');
  src: url('fonts/Yekan.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body,
div {
  font-family: Tahoma;
}
p,
li {
  line-height: 30px;
}
label,
h1,
h2,
h3,
h4,
h5,
h6,
a {
  font-family: 'Yekan';
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 30px;
  margin-top: 10px;
}
.field-validation-error {
  color: red;
}
.warning {
  color: #f86b53;
}
.info {
  color: #7ac5f7;
}
.success {
  color: #2ec222;
}
.error {
  color: red;
}
.bold {
  font-weight: bold;
}
.content-left {
  text-align: left !important;
}
.ltr {
  direction: ltr;
}
span.ltr {
  display: inline-block;
}
.rtl {
  direction: rtl;
}
.full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.full-width > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.hidden {
  display: none;
}
.code {
  background-color: #dddddd;
  padding: 5px;
}
.bordered {
  border: 1px solid #dddddd;
}
p.white {
  color: white;
}
.base-color {
  color: #123456;
}
.nav.navbar-nav {
  margin-left: 0;
  margin-right: 0;
}
.nav.navbar-nav > li > a {
  font-family: 'Yekan';
}
.navbar-left,
.pull-left {
  float: left !important;
}
.xs-hide {
  display: block;
}
.xs-show {
  display: none;
}
.btn-base {
  color: white;
  background-color: #123456;
  border-color: #0f2c49;
}
.btn-base:hover,
.btn-base:active,
.btn-base:focus {
  color: white;
  background-color: #091a2c;
  border-color: #07131f;
}
.carousel {
  background-color: white;
}
.carousel .carousel-inner .item img {
  width: 100%;
  max-width: none;
  display: inline-block !important;
}
.carousel .carousel-control {
  background-image: none;
  width: auto;
  opacity: 1;
  color: #3c3c3c;
  text-shadow: none;
}
.carousel .carousel-control span {
  position: absolute;
  top: 50%;
  display: inline-block;
  /*font-size: 40px;*/
  cursor: pointer;
}
.carousel .carousel-control {
  direction: ltr;
  color: #04b7fa;
}
.carousel .carousel-control:hover {
  color: #da532c;
}
.carousel .carousel-control.right {
  right: 10px;
}
.carousel .carousel-control.right .icon::before {
  content: ">";
}
.carousel .carousel-control.left {
  left: 0;
}
.carousel .carousel-control.left .icon::before {
  content: "<";
}
.carousel .carousel-control .icon::before {
  font-size: 14px;
}
.carousel .carousel-indicators {
  width: 100%;
  left: 0;
  right: 0;
  bottom: -5px;
  position: relative;
  margin-right: 0;
}
.carousel .carousel-indicators li {
  background-color: #123456;
  /*width: 32%;
            border: 1px solid #ddd;
            border-radius: 0;
            height: 20px;
            margin: 0;*/

}
.carousel .carousel-indicators li.active {
  background-color: #da532c;
}
#header {
  height: 100px;
}
#header .navbar {
  border-radius: 0;
  border: none;
  margin-bottom: 0;
  margin-top: 10px;
}
#header .nav.navbar-nav > li > a {
  color: #123456;
}
#header .nav.navbar-nav > li > a:hover {
  background-color: white;
  color: #123456;
}
#header .nav.navbar-nav > li a:last-child {
  padding-left: 0;
}
#header .segment {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 15px;
}
#header .segment .icon {
  font-size: 30px;
  color: #123456;
  vertical-align: middle;
}
#header .segment .text {
  direction: ltr;
  display: inline-block;
  font-weight: bold;
  vertical-align: middle;
}
#logo {
  text-align: right;
}
#logo .icon {
  color: #da532c;
  font-size: 50px;
}
#logo .icon:hover {
  color: #da532c;
}
#contact-info {
  font-family: Tahoma;
  font-weight: bold;
  color: #123456;
  margin-top: 15px;
}
#contact-info #phone-number,
#contact-info #working-days {
  padding: 5px 0;
  margin-bottom: 0;
  text-align: center;
  display: inline-block;
}
#contact-info #phone-number {
  font-family: Arial, sans-serif;
}
#contact-info #working-days {
  border-top: 1px solid #123456;
}
#main-menu {
  background: #123456;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.37);
}
#main-menu .navbar-toggle {
  border: 2px solid #04b7fa;
}
#main-menu .navbar-toggle .icon-bar {
  border-top: 2px solid #04b7fa;
}
#main-menu .navbar {
  border-radius: 0;
  border: none;
  margin-bottom: 0;
  background: #123456;
  /*border-left: 1px solid #606060;
        border-right: 1px solid #606060;*/

}
#main-menu .navbar-collapse {
  padding-right: 0;
  padding-left: 0;
  background-color: #123456;
  border-color: #091a2c;
}
#main-menu .nav.navbar-nav > li {
  text-align: right;
  z-index: 1000;
}
#main-menu .nav.navbar-nav > li > a {
  color: #04b7fa;
  padding: 20px 15px;
  cursor: pointer;
  background-color: #123456;
}
#main-menu .nav.navbar-nav > li > a .fa.fa-bars {
  margin-left: 5px;
}
#main-menu .nav.navbar-nav > li > a:hover,
#main-menu .nav.navbar-nav > li a:active,
#main-menu .nav.navbar-nav > li a:focus {
  background-color: #123456;
  color: #da532c;
}
#main-menu .embed-responsive {
  margin-bottom: 10px;
  padding-bottom: 0 !important;
  position: relative !important;
  height: auto;
}
#main-menu .embed-responsive .embed-responsive-item {
  position: relative !important;
}
#main-menu .dropdown-toggle:after,
#main-menu dropdown-toggle:before {
  border-bottom-color: white !important;
}
#main-menu .dropdown-menu {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background-color: white !important;
  border-color: #e6e6e6;
  padding-right: 20px;
}
#main-menu .dropdown-menu ul.row {
  display: flex;
}
#main-menu .dropdown-menu li {
  text-align: center;
  position: relative;
}
#main-menu .dropdown-menu li > a {
  background-color: white !important;
  color: #04b7fa !important;
  font-family: 'Yekan';
  padding: 0;
}
#main-menu .dropdown-menu li > a .fa.fa-bars {
  margin-left: 5px;
}
#main-menu .dropdown-menu li > a .menu-title {
  white-space: normal !important;
}
#main-menu .dropdown-menu li > a:hover,
#main-menu .dropdown-menu li a:active,
#main-menu .dropdown-menu li a:focus {
  color: #da532c !important;
}
#main-menu svg {
  fill: #04b7fa;
  width: 100%;
  margin-bottom: -5px;
  /*max-width: 90pt;
        max-height: 90pt;*/

}
#main-menu svg g,
#main-menu svg path,
#main-menu svg polygon,
#main-menu svg text {
  fill: #04b7fa !important;
  stroke: #04b7fa !important;
}
#main-menu svg:hover {
  fill: #da532c;
}
#main-menu svg:hover g,
#main-menu svg:hover path,
#main-menu svg:hover polygon,
#main-menu svg:hover text {
  fill: #da532c !important;
  stroke: #da532c !important;
}
#main-menu .carousel {
  background-color: white !important;
}
.search-panel {
  box-shadow: none !important;
}
#top-header {
  margin-bottom: 10px;
  margin-top: 10px;
}
#top-header #header-menu {
  margin-top: 3px;
}
#top-header #header-menu > li:last-child > a {
  padding-left: 0;
}
#top-header #header-menu a {
  color: #123456;
}
#top-header #header-menu a:hover,
#top-header #header-menu a:active,
#top-header #header-menu a:focus {
  background-color: white;
}
#top-header #header-menu a:hover {
  color: #da532c;
}
#top-header #header-menu .dropdown {
  float: left !important;
}
#top-header #header-menu .dropdown-menu a:hover {
  background-color: #123456;
  color: #04b7fa;
}
#top-header #header-menu .glyphicon-user {
  font-size: 24px;
  margin-left: 7px;
}
#top-header #search {
  margin-top: 13px;
}
#top-header #search #SearchCategory .dropdown-toggle {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 105px;
}
.search-item {
  padding: 5px;
}
.search-item .search-content p {
  text-align: justify;
  line-height: 25px;
}
.search-item .search-content .search-key {
  color: #da532c;
}
.search-item .search-media video,
.search-item .search-media audio {
  max-width: 100%;
}
#breadcrumbs {
  margin-top: 15px;
}
#breadcrumbs .breadcrumb {
  margin-bottom: 0;
  /*li > a[href="#"] {
            pointer-events: none;
            cursor: default;
            color: @backColor1;
        }*/

}
#breadcrumbs .breadcrumb li > a:hover {
  color: #da532c;
}
#breadcrumbs .breadcrumb li:last-child a {
  color: #123456;
}
#body-content {
  padding-top: 15px;
}
.panel {
  box-shadow: 0 1px 8px -2px rgba(0, 0, 0, 0.25);
}
.content-panel {
  box-shadow: none;
}
.content-panel .panel-heading {
  text-align: center;
  background-color: #123456;
  position: relative;
}
.content-panel .panel-heading .title {
  font-family: 'Yekan';
  font-size: 16px;
  margin: 0;
}
.content-panel .panel-heading .title a {
  color: #04b7fa;
}
.content-panel .panel-heading .title a:hover {
  color: #da532c;
}
.content-panel .content {
  text-align: justify;
  position: relative;
  /*border-left: 1px solid @borderColor;*/

}
.content-panel .content img {
  max-width: 100%;
}
.content-panel .content .content-item {
  position: relative;
}
.content-panel content.border-less {
  border-left: none;
}
.content-panel .media {
  margin-top: 0;
  text-align: center;
}
.content-panel .media img,
.content-panel .media video,
.content-panel .media audio {
  max-width: 100%;
  margin-bottom: 5px;
}
.content-panel .label {
  color: #04b7fa;
  font-size: 16px;
  font-weight: bold;
}
.content-panel .price {
  padding: 10px 0;
  color: #5bc256;
  font-family: Yekan;
}
.content-panel .price .absolute-price,
.content-panel .price .offer-price {
  font-weight: bold;
  font-size: 16px;
}
.content-panel .price .cancel {
  color: red;
  text-decoration: line-through;
  font-weight: normal;
  font-size: 14px;
}
.content-panel .show-tablet {
  display: none;
}
.content-panel .table-section {
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
.content-panel .table-section h2 {
  font-family: 'Yekan';
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  text-align: center;
}
.content-panel .article-icon-list {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
}
.money-unit {
  margin-right: 10px;
  font-size: 16px;
  font-weight: bold;
}
.table th,
.table td {
  font-family: 'Yekan';
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-width: 1px;
}
.file-list .article-icon-list,
.price-list .article-icon-list {
  padding-top: 15px !important;
  margin-top: 15px;
}
.price-list {
  padding-right: 15px;
  padding-left: 15px;
}
.price-list td {
  vertical-align: middle !important;
}
.price-list .price {
  color: #5bc256;
  font-family: Yekan;
  font-weight: bold;
}
.price-list .image {
  width: 100px;
}
.dynamic-property {
  padding-right: 15px;
  padding-left: 15px;
}
.dynamic-property table tr td:first-child {
  font-weight: bold;
}
.dynamic-property.ltr .title {
  text-align: left;
  direction: ltr;
}
.dynamic-property.ltr table {
  direction: ltr;
}
.dynamic-property.ltr table td,
.dynamic-property.ltr table th {
  text-align: left;
}
.file-list {
  border: 1px solid #dddddd;
  margin-bottom: 20px;
}
.file-list .table-info-div:not(:last-child) {
  border-bottom: 1px solid #dddddd;
}
.file-list .table-info-div {
  margin-right: 0;
  margin-left: 0;
}
.file-list .table-info-div .main-info {
  padding-top: 15px;
}
.file-list .table-info-div .main-info .main-info-row {
  padding-top: 5px;
  padding-bottom: 5px;
}
.file-list .table-info-div .main-info .main-info-row .value {
  direction: ltr;
}
.file-list .table-info-div .main-info .main-info-row .title {
  font-family: 'Yekan';
}
.file-list .table-info-div .main-info .main-info-row:not(:last-child) {
  border-bottom: 1px dashed #dddddd;
}
.file-list .table-info-div .row-number:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */

}
.file-list .table-info-div .row-number {
  height: 100%;
  border-left: 1px solid #dddddd;
  text-align: center;
}
.file-list .table-info-div .row-number div {
  display: inline-block;
  vertical-align: middle;
}
.content-section {
  border-top: 1px solid #dddddd;
}
.content-section h2 {
  font-size: 16px;
  font-weight: bold;
}
.title-wrapper {
  padding-top: 10px;
  /*.title.inverse {
        color: @whiteColor;
    }*/

}
.title-wrapper .title {
  color: #123456;
  font-weight: bold;
}
.slogan {
  background-color: white;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 30px;
}
.slogan .text {
  margin: 0;
}
.slogan.inverse {
  background-color: #123456;
  color: white;
}
.bottom-arrow:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: solid 10px white;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  z-index: 1000;
}
.bottom-arrow.inverse:after {
  border-top: solid 10px #123456;
}
.bottom-arrow.large:after {
  border-top: solid 30px white;
  border-left: solid 30px transparent;
  border-right: solid 30px transparent;
}
.bottom-arrow.large.inverse:after {
  border-top: solid 30px #123456;
}
.top-arrow:before {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-bottom: solid 10px white;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  z-index: 1000;
}
.top-arrow.inverse:before {
  border-bottom: solid 10px #123456;
}
.top-arrow.large:before {
  border-bottom: solid 30px white;
  border-left: solid 30px transparent;
  border-right: solid 30px transparent;
}
.top-arrow.large.inverse::before {
  border-bottom: solid 30px #123456;
}
#services,
#about-us {
  margin-top: 30px;
  padding-bottom: 30px;
}
#products {
  margin-top: 10px;
}
.product-box {
  margin-top: 30px;
}
.product-box .image {
  position: relative;
  text-align: center;
  background-color: #123456;
  color: white;
  padding: 50px 0;
  width: 55%;
  margin: 0 auto;
}
.product-box .image .icon {
  font-size: 60px;
}
.product-box .image img {
  width: 100%;
}
.product-box .link {
  display: inline-block;
  width: 100%;
}
.product-box .link:hover .image {
  background-color: #123456;
}
.product-box .link:hover .text {
  color: #123456;
}
.product-box .title {
  text-align: center;
}
.product-box .title .text {
  font-size: 20px;
  color: #123456;
}
.product-box .description p {
  text-align: justify;
  line-height: 20px;
}
.product-full-box {
  margin-bottom: 30px;
  /*.image:before,
    .image_before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }*/

}
.product-full-box .image {
  position: relative;
  text-align: center;
  color: white;
  border-radius: 5px;
  height: 180px;
  overflow: hidden;
  white-space: nowrap;
}
.product-full-box .image .icon {
  font-size: 60px;
}
.product-full-box .image img {
  width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.product-full-box .link {
  display: inline-block;
  width: 100%;
}
.product-full-box .link:hover .text {
  color: #123456;
}
.product-full-box .title {
  text-align: center;
}
.product-full-box .title .text {
  font-size: 20px;
  color: #123456;
}
.product-full-box .description p {
  text-align: justify;
  line-height: 20px;
}
.product-items .product-full-box {
  height: 420px;
  margin-bottom: 20px;
  margin-top: 0;
  border: 1px solid #dddddd;
  padding: 10px;
}
.product-items .product-full-box .image {
  border: none;
}
.product-items .product-full-box .image img {
  width: auto !important;
  height: 100%;
}
.product-items .product-full-box .detaile-link {
  color: #123456;
  margin-right: 3px;
  font-family: 'Yekan';
}
.product-items .product-full-box .description-text {
  min-height: 80px;
}
.product-items .product-full-box .detailes-container {
  position: absolute;
  left: 30px;
  bottom: 20px;
}
#about-us .description {
  margin-top: 30px;
}
#about-us .description p {
  text-align: justify;
}
#map-wrapper {
  padding-top: 10px;
  background-color: #123456;
}
#map {
  width: 100%;
  height: 400px;
  background-color: #123456;
}
#footer {
  background-color: #123456;
  padding-top: 15px;
}
#footer li {
  line-height: 25px;
}
#footer #footer-menu nav > ul li a {
  color: #04b7fa;
}
#footer #footer-menu nav > ul ul {
  padding-right: 10px;
}
#footer #footer-menu nav > ul ul li a {
  color: #04a5e1;
}
#footer #footer-menu nav > ul ul li ul li a {
  color: #0380af;
}
#footer #footer-menu nav > ul li {
  color: #04b7fa;
}
#footer #footer-menu nav > ul li a:hover {
  color: #da532c;
}
#footer #privacy-policy {
  margin-top: 15px;
  font-family: 'Yekan';
  color: white;
  text-align: center;
  border-top: 1px solid white;
}
#footer #socials {
  text-align: right;
  margin-top: 20px;
  min-height: 85px;
  line-height: 85px;
}
#footer #socials ul {
  padding: 0;
  margin-right: 0;
}
#footer #socials li {
  padding: 0;
}
#footer #socials li a {
  color: white;
  display: inline-block;
  height: 35px;
  width: 35px;
  margin-left: 3px;
}
#footer #socials li a img {
  width: 100%;
  /*border-radius:2px;*/

}
#footer #socials li a:hover {
  background-color: #123456;
  color: white;
}
#footer #socials li .facebook {
  background-color: #3a589b;
}
#footer #socials li .twitter {
  background-color: #598dca;
}
#footer #socials li .google-plus {
  background-color: #d6492f;
}
#footer #socials li .aparat {
  background-color: #ed145a;
}
#footer #socials li .webgozar {
  background-color: #0ead48;
}
#footer #tag-cloud .title {
  color: white;
}
#footer #tag-cloud .tag-item {
  display: inline-block;
  padding: 3px 5px;
  border-bottom: 1px solid white;
  color: #04b7fa;
}
#footer #tag-cloud .tag-item:hover {
  color: #da532c;
}
#footer #alexa-container .alexa {
  height: 85px;
  line-height: 85px;
  text-align: left;
  margin-top: 20px;
}
#webgozar-script P {
  display: none;
}
#day-info {
  color: #04b7fa;
  font-size: 12px;
  margin-top: 5px;
  direction: ltr;
}
#day-info p {
  margin-bottom: 0;
  line-height: 20px;
}
.products-content {
  margin-bottom: 30px;
}
#functional-features ul {
  padding-right: 15px;
}
.article-container {
  padding-bottom: 15px;
  padding-top: 15px;
}
.container-header {
  text-align: right;
}
.article-row-container.ltr .container-header,
.article-row-container.ltr .container-link {
  float: left;
}
.article-row-container.ltr .container-header {
  text-align: left;
}
.article-row-container .container-link {
  padding: 10px;
}
.article-row-container .container-link img {
  width: 50px;
}
.article {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: transparent;
}
.article div {
  background-color: transparent !important;
}
.article .article-media {
  text-align: center;
  padding: 5px;
}
.article .article-media a {
  display: inline-block;
  width: 100%;
}
.article .article-media img {
  display: inline-block;
}
.article .article-media video,
.article .article-media audio {
  max-width: 100%;
}
.article .article-title {
  padding: 10px;
  position: relative;
}
.article .article-title a,
.article .article-title h1 {
  color: #123456;
}
.article .article-title h1 {
  font-size: 16px;
}
.article .article-title :hover a,
.article .article-title :hover h1 {
  color: #da532c;
}
.article .article-label {
  color: #5bc256;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Yekan';
  padding: 10px 5px;
}
.article .article-content {
  padding: 5px;
  text-align: right;
  position: relative;
}
.article .article-content .content-item {
  position: relative;
}
.article .article-content p {
  margin-bottom: 0 !important;
}
.article .article-price {
  color: #5bc256;
  text-align: center;
  font-family: Yekan;
  padding: 10px 5px;
}
.article .article-price .absolute-price,
.article .article-price .offer-price {
  font-weight: bold;
  font-size: 16px;
}
.article .article-price .cancel {
  color: red;
  text-decoration: line-through;
  font-weight: normal;
  font-size: 14px;
}
.article .carousel .carousel-indicators {
  bottom: 0;
  margin-bottom: 0;
}
.article .article-icon-list {
  margin-bottom: 10px;
  margin-top: auto;
}
.article .dynamic-property,
.article .file-list-container {
  padding-top: 20px;
  padding-right: 5px !important;
  padding-left: 5px !important;
}
.article .overlap {
  overflow: auto;
}
.article .overlap .media-item {
  position: absolute;
  width: 100%;
}
.article .article-link-list {
  padding: 10px;
}
.article .article-link-list ul {
  list-style: none;
  padding-right: 0;
}
.article.standard .article-title {
  background-color: #123456 !important;
}
.article.simple,
.article.simple-title,
.article.left-media,
.article.left-media-icon,
.article.right-media,
.article.right-media-icon,
.article.show-link {
  border: none;
}
.article.simple .article-title a,
.article.simple-title .article-title a,
.article.left-media .article-title a,
.article.left-media-icon .article-title a,
.article.right-media .article-title a,
.article.right-media-icon .article-title a,
.article.show-link .article-title a,
.article.simple .article-title h1,
.article.simple-title .article-title h1,
.article.left-media .article-title h1,
.article.left-media-icon .article-title h1,
.article.right-media .article-title h1,
.article.right-media-icon .article-title h1,
.article.show-link .article-title h1 {
  color: #123456;
}
.article.simple .article-title a:hover,
.article.simple-title .article-title a:hover,
.article.left-media .article-title a:hover,
.article.left-media-icon .article-title a:hover,
.article.right-media .article-title a:hover,
.article.right-media-icon .article-title a:hover,
.article.show-link .article-title a:hover,
.article.simple .article-title h1:hover,
.article.simple-title .article-title h1:hover,
.article.left-media .article-title h1:hover,
.article.left-media-icon .article-title h1:hover,
.article.right-media .article-title h1:hover,
.article.right-media-icon .article-title h1:hover,
.article.show-link .article-title h1:hover {
  color: #da532c;
}
.article.left-media .article-title,
.article.left-media-icon .article-title,
.article.show-link .article-title {
  text-align: right;
}
.article.show-link ul {
  list-style: none;
  padding-right: 10px;
}
.article.search-result {
  display: block;
}
.zoom .media-item:not(.active),
#zoom-modal .media-item:not(.active) {
  display: none;
}
#zoom-modal .modal-dialog {
  width: 70%;
}
#zoom-modal .media-item a {
  cursor: default;
}
#zoom-modal .modal-footer {
  padding-top: 5px;
  padding-bottom: 0px;
}
#zoom-modal .modal-footer a {
  display: inline;
  font-size: 25px;
  cursor: pointer;
  color: #123456;
}
.edit-data {
  padding-bottom: 10px;
  text-align: left;
}
.article-icon-list {
  display: table;
  padding: 0 10px;
  width: 100%;
  text-align: right;
}
.article-icon-list .item {
  font-family: Yekan;
  margin-bottom: 3px;
  margin-left: 3px;
  background-color: #dddddd;
  padding: 5px;
  display: inline-block;
  color: #04b7fa;
  background-color: white;
  text-align: center;
}
.article-icon-list .item:hover {
  background-color: #123456;
  color: white;
}
.article-icon-list .image-item {
  display: inline-block;
  margin-left: 3px;
}
.article-icon-list .image-item img {
  width: 50px;
  height: 50px;
}
.custom-form {
  padding-bottom: 10px;
  overflow: hidden;
}
.custom-form .form-header {
  text-align: center;
  font-family: 'Yekan';
  font-weight: bold;
}
.custom-form .form-header * {
  font-weight: bold;
}
.custom-form .form-content {
  overflow: hidden;
  background-color: white;
  border: 1px solid #dddddd;
  border-radius: 4px;
  /*margin-top: @margin;*/
  padding: 15px;
}
.custom-form .form-footer {
  margin-top: 15px;
}
.custom-form .submit {
  float: left;
}
.html-editor .button-row,
.html-editor .cke_editor_ckeditor {
  margin-bottom: 15px;
}
.preview {
  margin-top: 50px;
}
#modal-folder-content .modal-body {
  height: 400px;
  overflow-y: scroll;
}
#modal-folder-content .modal-body .ajax-loader {
  width: 50px;
  position: absolute;
  right: 50%;
}
#modal-folder-content .modal-dialog {
  width: 80%;
}
#modal-folder-content .content-item {
  direction: ltr;
  float: left;
  text-align: left;
}
#modal-folder-content .folder-row,
#modal-folder-content .file-row {
  margin-bottom: 15px;
}
#modal-folder-content .folder-row {
  border-bottom: 1px dashed #dddddd;
}
#modal-folder-content .folder-row .content-item {
  margin-bottom: 10px;
}
#modal-folder-content .file-row {
  padding-top: 10px;
}
.form-control:focus {
  border-color: #123456;
}
.validation-summary-errors li {
  color: #f86b53;
}
.notification {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
.notification .close {
  margin-top: 5px;
}
.notification h5 {
  margin: 0;
}
img {
  max-width: 100%;
}
svg {
  fill: #123456;
  max-width: 100%;
}
svg > :first-child {
  fill: #123456 !important;
  stroke: #123456 !important;
}
svg:hover {
  fill: #da532c;
}
svg:hover > :first-child {
  fill: #da532c !important;
  stroke: #da532c !important;
}
.disabled,
.disabled:hover,
.disabled:active,
.disabled:focus {
  cursor: default !important;
  color: #bababa !important;
}
.disabled svg:hover,
.disabled:hover svg:hover,
.disabled:active svg:hover,
.disabled:focus svg:hover {
  fill: #123456;
}
.disabled svg:hover g,
.disabled:hover svg:hover g,
.disabled:active svg:hover g,
.disabled:focus svg:hover g,
.disabled svg:hover path,
.disabled:hover svg:hover path,
.disabled:active svg:hover path,
.disabled:focus svg:hover path,
.disabled svg:hover polygon,
.disabled:hover svg:hover polygon,
.disabled:active svg:hover polygon,
.disabled:focus svg:hover polygon,
.disabled svg:hover text,
.disabled:hover svg:hover text,
.disabled:active svg:hover text,
.disabled:focus svg:hover text {
  fill: #123456 !important;
  stroke: #123456 !important;
}
.progress-bar {
  float: left;
}
.progress {
  position: relative;
}
.progress .progress-text {
  position: absolute;
  left: 40%;
  color: white;
}
.progress.upload {
  margin-top: 10px;
  margin-bottom: 0;
  background-color: #afafaf;
}
.uploadmessage {
  direction: rtl;
}
.text-right {
  text-align: right !important;
}
.text-left {
  text-align: left !important;
}
#b41aa23e-a6bd-4e1f-a178-36a5d23df3d7 {
  background: url('img/background pic.jpg') no-repeat center;
  background-size: cover;
}
#1ef1fa33-accf-464a-87aa-c8d5c259c2ca {
  background-color: #002432 !important;
}
#fb3036a0-3b8a-422f-bcbd-ea8ce1fc69b1 {
  background-color: #030043 !important;
}
#165baa41-cc94-4771-9216-76920e5921eb {
  background-color: #622930 !important;
}
#f37886a4-ea2e-4bfe-b885-a009a420b4ae {
  background-color: #a32e34 !important;
}
#4e2f8271-2c1a-417b-bc8d-1137f49a8287 {
  background-color: #7d7d7d !important;
}