/*
change by morteza
 */


/* iranyekan Fonts */
@font-face {
  font-family: IRANYekan;
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/yekan/iranyekanwebbold.eot');
  src: url('../fonts/yekan/iranyekanwebbold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/yekan/iranyekanwebbold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/yekan/iranyekanwebbold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/yekan/iranyekanwebbold.ttf') format('truetype');
}

@font-face {
  font-family: IRANYekan;
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/yekan/iranyekanweblight.eot');
  src: url('../fonts/yekan/iranyekanweblight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/yekan/iranyekanweblight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/yekan/iranyekanweblight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/yekan/iranyekanweblight.ttf') format('truetype');
}

@font-face {
  font-family: IRANYekan;
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/yekan/iranyekanwebregular.eot');
  src: url('../fonts/yekan/iranyekanwebregular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/yekan/iranyekanwebregular.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/yekan/iranyekanwebregular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/yekan/iranyekanwebregular.ttf') format('truetype');
}

body{
  padding: 0px !important;
}

.rtl { direction: rtl; }
.rtl .dropdown-menu-right { text-align: right; }
body,.form-control{
  font-family: IRANYekan,Tahoma !important;
}

.modal-content {
  border: initial;
  border-radius: 0.1rem;
  background: white;
  z-index: 1000;
}

/*modal*/
.modal-title {
  display: inline-block;
}

.modal-right .modal-dialog {
  margin: 0 auto;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0 !important;
  height: 100%;
  max-width: 600px;
}

/*notification*/
.header.top .notifcation{
  position: relative;
  font-size: 24px;
  outline: none!important;
}

.header.top .search-field{
  position: relative;
  font-size: 24px;
  margin-left: 10px;
}

.header.top .expand-screen{
  position: relative;
  font-size: 24px;
  margin-right: 10px;
}

.header.top .dark-light .link-switcher{
  position: relative;
  font-size: 24px;
  margin-right: 0px;
}

.header.top .language{
  position: relative;
  font-size: 25px;
  margin-right: 10px;
}


:focus{
  outline: none!important;
}

@media (min-width: 991.98px) {
  .header.top .notifcation,
  .header.top .search-field,
  .header.top .expand-screen,
  .header.top .dark-light,
  .header.top .language{
    margin-right: 15px;
  }
  .menu-collapsed .nav-tabs .nav-item{
    width: 75px;
  }

}

.header.top .notifcation .nav-unread{
  top: 2px;
  right: -1px;
  background: #7659ff;
}
.header.top .notifcation .nav-unread.change_color{
  top: 2px;
  right: -1px;
  background: #ffffff;
  animation:change_color 3s infinite;
}


.header .nav-item .badge {
  position: relative!important;
  top: 0!important;
  right: 60px;
}


@keyframes change_color {
  from {background: #ffffff;}
  to {background: #cd201f;}
}

.news_announcement .modal-right .modal-dialog {
  max-width: 420px;
}

.news_announcement .modal-header{
  color: white;
  background: -webkit-linear-gradient(332deg,#7367F0,rgba(115,103,240,.7));
  background: -moz-linear-gradient(332deg,#7367F0,rgba(115,103,240,.7));
  background: -o-linear-gradient(332deg,#7367F0,rgba(115,103,240,.7));
  background: linear-gradient(118deg,#7367F0,rgba(115,103,240,.7));
  -webkit-box-shadow: 0 0 10px 1px rgba(115,103,240,.7);
  box-shadow: 0 0 10px 1px rgba(115,103,240,.7);
}

.news_announcement .modal-content{
  height: 100vh;
}

.news_announcement .news-item .card{
  margin-bottom: 0.5rem;
}

.news_announcement  .news-item .card .card-header{
  min-height: 0.5rem;
  padding: 0.5rem 0.5rem;
}

.news_announcement  .news-item .card .desc>ul{
  padding-left: 5px;
}

.main-content{
  padding-top: 70px;
}


@keyframes lds-hourglass {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  50% {
    transform: rotate(900deg);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    transform: rotate(1800deg);
  }
}




/*tabs-list*/
.order-add .card, .order-add .card-header{
  padding: 0px;

}

.order-add form .form-group {
  margin-bottom: 5px;
}

.order-add label{
  margin-bottom: 2px;
}
.order-add form .form-actions {
  margin-top: 0px;
}

.tabs-list .nav-tabs{
  height: auto;
  border-bottom: 1px solid transparent;
  margin-top: 10px;
  margin-bottom: 10px;
}


.tabs-list .tab-content{
  border-top: 2px solid #E6E9ED;
}

.mass_order_error .table{
  table-layout: fixed;
}

.mass_order_error .table tr td:first-child{
  text-overflow: ellipsis;
  overflow: hidden;
}

/*data-empty*/
.data-empty{
  position: relative;
  height: 100vh;
}

.data-empty .content{
  padding-top: 150px;
}

.data-empty .content .title{
  color: #9b9b9b;
  padding-top: 10px;
}


.ticket-lists .item .content .email, .ticket-lists .item .content .time{
  color: #9da2a7;
}

.ticket-lists .item .subject{
  max-width: 550px;
  word-break: break-all;
  white-space: normal;
}

.ticket-lists .item .avatar-md {
  width: 40px;
}

.ticket-lists .item .avatar {
  position: relative;
  width: 40px;
  white-space: nowrap;
  border-radius: 1000px;
  vertical-align: bottom;
  display: inline-block;
}

.ticket-lists .item .avatar-md span.text-circle {
  width: 40px;
  height: 40px;
}

.ticket-lists .item .avatar span.text-circle{
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  background: #2DCEE3;
  display: table-cell;
}

.ticket-lists .item .avatar span.text-circle.closed{
  color: #fff;
  background: #9da2a7;
}

.ticket-lists .item .avatar span.text-circle.pending{
  color: #fff;
  background: #ff7062;
}

.rounded-circle {
  border-radius: 50%!important;
}

.ticket-lists .item{
  position: relative;
  margin: 15px 0px;
}

.ticket-lists .item .action{
  position: absolute;
  top: 0px;
  left: 10px;
}

@media (max-width: 1300px){
  .ticket-contents .item{
    width: 80%!important;
  }
  .admin-response {
    right: -20%;
  }
}

/*ticket-contents*/
.ticket-contents .item{
  border-bottom: 1px solid #e6e9ed;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  margin: 5px 0px;
  width: 50%;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08);
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08);
  transition: all .2s linear;
}

.ticket-contents .item .content{
  line-height: 15px;
  display: table-cell;
  vertical-align: top;
}

.ticket-contents .item .avatar-md {
  width: 40px;
}

.ticket-contents .item .avatar {
  position: relative;
  width: 40px;
  white-space: nowrap;
  border-radius: 1000px;
  vertical-align: bottom;
  display: inline-block;
}

.ticket-contents .item .avatar-md span.text-circle {
  width: 40px;
  height: 40px;
}

.ticket-contents .item .avatar span.text-circle{
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 15px;
  background: #2DCEE3;
  display: table-cell;
}

.ticket-contents .item .avatar span.text-circle.admin{
  background: #ff6f61;
}

.ticket-contents .item .content .username{
  font-size: 15px;
  color: black;
  display: inline-block;
}

.ticket-contents .item .content .username .time{
  font-size: 11px;
  color: #adadad;
}

.ticket-contents .item .content .message{
  font-size: 14px;
  color: #565d67;
  max-width: 250px;
}

@media (max-width: 720px){
  .ticket-lists .item .subject{
    max-width: 160px;
    white-space: normal;
  }
}

/*btn*/

.btn-sm {
  padding: 3px 6px  !important;
  font-size: .875rem  !important;
  line-height: 1  !important;
  border-radius: .21rem  !important;
}


.btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-left-radius: 0!important;
  border-bottom-left-radius: 0!important;
}

.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:not(:first-child) {
  border-top-right-radius: 0!important;
  border-bottom-right-radius: 0!important;
}

.dropdown-menu {
  padding: 0px !important;
  min-width: 150px;
}

.btn-min-width {
  min-width: 8.5rem;
}


/*SETTING PAGE*/

.settings .sidebar{
  height: calc(100vh - 150px);
}

.settings .content{
  min-height: calc(100vh - 150px);
}

.settings .sidebar .item .title{
  font-size: 16px;
  font-weight: 600;
  line-height: 32px;
}

.settings .sidebar .item li > a{
  color: #a8a8b1;
  padding-left: 10px;
}

.settings .sidebar .item li.active > a,.settings .sidebar .item li:hover > a {
  color: #7367f0;
  font-weight: 600;
}



.settings input[type=file] {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  max-width: 40px;
  height: auto;
}


/*statistics*/
.statistics .item .stamp-md {
  min-width: 3.5rem! important;
  height: 3.5rem !important;
  line-height: 3.5rem !important;
}

.statistics .item .number{
  font-size: 20px;
  font-weight: 500;
}

.statistics .chart-border{
  border: 1px solid #333 !important;
}

.statistics .charts .card-header{
  border-bottom: none;
}

.statistics .charts .card{
  padding: 10px;
  border-radius: 0px;
}


.c3-line {
  stroke-width: 2px;
}



.bg-success-gradient{
  background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%) !important;
}

.bg-danger-gradient{
  background-image: linear-gradient(to right, #fa709a 0%, #fe8f40 100%) !important;
}

.bg-warning-gradient{
  background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%) !important;
}

.bg-info-gradient{
  background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%) !important;
}

.bg-inverse-gradient{
  background-image: linear-gradient(to right, #434343 0%, black 100%) !important;
}

/*header*/
.header.top .container{
  position: relative;
}

.table th, .text-wrap table th {
  text-transform: capitalize !important;
  font-size: 0.75rem  !important;
}

/*pagination*/
.pagination>li>a {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #495057;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.news-annoucement .table td>ul{
  padding-left: 10px;
}

.modules-lists .module-item .product-price{
  font-size: 22px;
  font-weight: 600;
  /*color: ;*/
}
.modules-lists .module-item .product-name{
  font-size: 16px;
  font-weight: 600;
  max-width: 300px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.container-logo img{
  width: 135px;
}

@media (max-width: 992px){
  .modules-lists .module-item .product-name{
    max-width: 230px;
  }
  .container-logo img{
    width: 135px;
    left: 15px;
    position: relative;
  }
  .header.top .dark-light .link-switcher {
    position: relative;
    font-size: 24px;
    margin-right: 10px;
  }
}

/*auth-login-form*/
.login-bg-image{
  height: 100vh;
  background: url(../images/bg-01.jpg) center center/cover;
  filter: blur(6px);
  -webkit-filter: blur(6px);
}

.auth-login-form {
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  position: fixed;
}

.auth-login-form .auth-form{
  width: 100%;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


.btn-outline-info {
  border-color: #4839EB !important;
  background-color: #7367F0 !important;
  color: #FFF !important;
}


.action-options .btn-secondary {
  border-color: #4839EB !important;
  background-color: #7367F0 !important;
  color: #FFF !important;
}

.tooltip{
  font-family: IRANSans,Tahoma !important;
}

.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.input-group input{
  padding-left: 84px;
}

.header .dropdown-menu{
  top: -5px !important;
  left: 50px !important;
}

@media (max-width: 992px){
  .dropdown-menu{
    top: -5px !important;
    left: 25px !important;
  }
}


@font-face {
  font-family: feather;
  src: url(../fonts/feather/fonts/feather.eot?t=1525787366991);
  src: url(../fonts/feather/fonts/feather.eot?t=1525787366991#iefix) format('embedded-opentype'), url(../fonts/feather/fonts/feather.woff?t=1525787366991) format('woff'), url(../fonts/feather/fonts/feather.ttf?t=1525787366991) format('truetype'), url(../fonts/feather/fonts/feather.svg?t=1525787366991#feather) format('svg')
}

.fe {
  font-family: feather !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fe-alert-octagon:before {
  content: "\e81b"
}

.fe-alert-circle:before {
  content: "\e81c"
}

.fe-activity:before {
  content: "\e81d"
}

.fe-alert-triangle:before {
  content: "\e81e"
}

.fe-align-center:before {
  content: "\e81f"
}

.fe-airplay:before {
  content: "\e820"
}

.fe-align-justify:before {
  content: "\e821"
}

.fe-align-left:before {
  content: "\e822"
}

.fe-align-right:before {
  content: "\e823"
}

.fe-arrow-down-left:before {
  content: "\e824"
}

.fe-arrow-down-right:before {
  content: "\e825"
}

.fe-anchor:before {
  content: "\e826"
}

.fe-aperture:before {
  content: "\e827"
}

.fe-arrow-left:before {
  content: "\e828"
}

.fe-arrow-right:before {
  content: "\e829"
}

.fe-arrow-down:before {
  content: "\e82a"
}

.fe-arrow-up-left:before {
  content: "\e82b"
}

.fe-arrow-up-right:before {
  content: "\e82c"
}

.fe-arrow-up:before {
  content: "\e82d"
}

.fe-award:before {
  content: "\e82e"
}

.fe-bar-chart:before {
  content: "\e82f"
}

.fe-at-sign:before {
  content: "\e830"
}

.fe-bar-chart-2:before {
  content: "\e831"
}

.fe-battery-charging:before {
  content: "\e832"
}

.fe-bell-off:before {
  content: "\e833"
}

.fe-battery:before {
  content: "\e834"
}

.fe-bluetooth:before {
  content: "\e835"
}

.fe-bell:before {
  content: "\e836"
}

.fe-book:before {
  content: "\e837"
}

.fe-briefcase:before {
  content: "\e838"
}

.fe-camera-off:before {
  content: "\e839"
}

.fe-calendar:before {
  content: "\e83a"
}

.fe-bookmark:before {
  content: "\e83b"
}

.fe-box:before {
  content: "\e83c"
}

.fe-camera:before {
  content: "\e83d"
}

.fe-check-circle:before {
  content: "\e83e"
}

.fe-check:before {
  content: "\e83f"
}

.fe-check-square:before {
  content: "\e840"
}

.fe-cast:before {
  content: "\e841"
}

.fe-chevron-down:before {
  content: "\e842"
}

.fe-chevron-left:before {
  content: "\e843"
}

.fe-chevron-right:before {
  content: "\e844"
}

.fe-chevron-up:before {
  content: "\e845"
}

.fe-chevrons-down:before {
  content: "\e846"
}

.fe-chevrons-right:before {
  content: "\e847"
}

.fe-chevrons-up:before {
  content: "\e848"
}

.fe-chevrons-left:before {
  content: "\e849"
}

.fe-circle:before {
  content: "\e84a"
}

.fe-clipboard:before {
  content: "\e84b"
}

.fe-chrome:before {
  content: "\e84c"
}

.fe-clock:before {
  content: "\e84d"
}

.fe-cloud-lightning:before {
  content: "\e84e"
}

.fe-cloud-drizzle:before {
  content: "\e84f"
}

.fe-cloud-rain:before {
  content: "\e850"
}

.fe-cloud-off:before {
  content: "\e851"
}

.fe-codepen:before {
  content: "\e852"
}

.fe-cloud-snow:before {
  content: "\e853"
}

.fe-compass:before {
  content: "\e854"
}

.fe-copy:before {
  content: "\e855"
}

.fe-corner-down-right:before {
  content: "\e856"
}

.fe-corner-down-left:before {
  content: "\e857"
}

.fe-corner-left-down:before {
  content: "\e858"
}

.fe-corner-left-up:before {
  content: "\e859"
}

.fe-corner-up-left:before {
  content: "\e85a"
}

.fe-corner-up-right:before {
  content: "\e85b"
}

.fe-corner-right-down:before {
  content: "\e85c"
}

.fe-corner-right-up:before {
  content: "\e85d"
}

.fe-cpu:before {
  content: "\e85e"
}

.fe-credit-card:before {
  content: "\e85f"
}

.fe-crosshair:before {
  content: "\e860"
}

.fe-disc:before {
  content: "\e861"
}

.fe-delete:before {
  content: "\e862"
}

.fe-download-cloud:before {
  content: "\e863"
}

.fe-download:before {
  content: "\e864"
}

.fe-droplet:before {
  content: "\e865"
}

.fe-edit-2:before {
  content: "\e866"
}

.fe-edit:before {
  content: "\e867"
}

.fe-edit-1:before {
  content: "\e868"
}

.fe-external-link:before {
  content: "\e869"
}

.fe-eye:before {
  content: "\e86a"
}

.fe-feather:before {
  content: "\e86b"
}

.fe-facebook:before {
  content: "\e86c"
}

.fe-file-minus:before {
  content: "\e86d"
}

.fe-eye-off:before {
  content: "\e86e"
}

.fe-fast-forward:before {
  content: "\e86f"
}

.fe-file-text:before {
  content: "\e870"
}

.fe-film:before {
  content: "\e871"
}

.fe-file:before {
  content: "\e872"
}

.fe-file-plus:before {
  content: "\e873"
}

.fe-folder:before {
  content: "\e874"
}

.fe-filter:before {
  content: "\e875"
}

.fe-flag:before {
  content: "\e876"
}

.fe-globe:before {
  content: "\e877"
}

.fe-grid:before {
  content: "\e878"
}

.fe-heart:before {
  content: "\e879"
}

.fe-home:before {
  content: "\e87a"
}

.fe-github:before {
  content: "\e87b"
}

.fe-image:before {
  content: "\e87c"
}

.fe-inbox:before {
  content: "\e87d"
}

.fe-layers:before {
  content: "\e87e"
}

.fe-info:before {
  content: "\e87f"
}

.fe-instagram:before {
  content: "\e880"
}

.fe-layout:before {
  content: "\e881"
}

.fe-link-2:before {
  content: "\e882"
}

.fe-life-buoy:before {
  content: "\e883"
}

.fe-link:before {
  content: "\e884"
}

.fe-log-in:before {
  content: "\e885"
}

.fe-list:before {
  content: "\e886"
}

.fe-lock:before {
  content: "\e887"
}

.fe-log-out:before {
  content: "\e888"
}

.fe-loader:before {
  content: "\e889"
}

.fe-mail:before {
  content: "\e88a"
}

.fe-maximize-2:before {
  content: "\e88b"
}

.fe-map:before {
  content: "\e88c"
}

.fe-map-pin:before {
  content: "\e88e"
}

.fe-menu:before {
  content: "\e88f"
}

.fe-message-circle:before {
  content: "\e890"
}

.fe-message-square:before {
  content: "\e891"
}

.fe-minimize-2:before {
  content: "\e892"
}

.fe-mic-off:before {
  content: "\e893"
}

.fe-minus-circle:before {
  content: "\e894"
}

.fe-mic:before {
  content: "\e895"
}

.fe-minus-square:before {
  content: "\e896"
}

.fe-minus:before {
  content: "\e897"
}

.fe-moon:before {
  content: "\e898"
}

.fe-monitor:before {
  content: "\e899"
}

.fe-more-vertical:before {
  content: "\e89a"
}

.fe-more-horizontal:before {
  content: "\e89b"
}

.fe-move:before {
  content: "\e89c"
}

.fe-music:before {
  content: "\e89d"
}

.fe-navigation-2:before {
  content: "\e89e"
}

.fe-navigation:before {
  content: "\e89f"
}

.fe-octagon:before {
  content: "\e8a0"
}

.fe-package:before {
  content: "\e8a1"
}

.fe-pause-circle:before {
  content: "\e8a2"
}

.fe-pause:before {
  content: "\e8a3"
}

.fe-percent:before {
  content: "\e8a4"
}

.fe-phone-call:before {
  content: "\e8a5"
}

.fe-phone-forwarded:before {
  content: "\e8a6"
}

.fe-phone-missed:before {
  content: "\e8a7"
}

.fe-phone-off:before {
  content: "\e8a8"
}

.fe-phone-incoming:before {
  content: "\e8a9"
}

.fe-phone:before {
  content: "\e8aa"
}

.fe-phone-outgoing:before {
  content: "\e8ab"
}

.fe-pie-chart:before {
  content: "\e8ac"
}

.fe-play-circle:before {
  content: "\e8ad"
}

.fe-play:before {
  content: "\e8ae"
}

.fe-plus-square:before {
  content: "\e8af"
}

.fe-plus-circle:before {
  content: "\e8b0"
}

.fe-plus:before {
  content: "\e8b1"
}

.fe-pocket:before {
  content: "\e8b2"
}

.fe-printer:before {
  content: "\e8b3"
}

.fe-power:before {
  content: "\e8b4"
}

.fe-radio:before {
  content: "\e8b5"
}

.fe-repeat:before {
  content: "\e8b6"
}

.fe-refresh-ccw:before {
  content: "\e8b7"
}

.fe-rewind:before {
  content: "\e8b8"
}

.fe-rotate-ccw:before {
  content: "\e8b9"
}

.fe-refresh-cw:before {
  content: "\e8ba"
}

.fe-rotate-cw:before {
  content: "\e8bb"
}

.fe-save:before {
  content: "\e8bc"
}

.fe-search:before {
  content: "\e8bd"
}

.fe-server:before {
  content: "\e8be"
}

.fe-scissors:before {
  content: "\e8bf"
}

.fe-share-2:before {
  content: "\e8c0"
}

.fe-share:before {
  content: "\e8c1"
}

.fe-shield:before {
  content: "\e8c2"
}

.fe-settings:before {
  content: "\e8c3"
}

.fe-skip-back:before {
  content: "\e8c4"
}

.fe-shuffle:before {
  content: "\e8c5"
}

.fe-sidebar:before {
  content: "\e8c6"
}

.fe-skip-forward:before {
  content: "\e8c7"
}

.fe-slack:before {
  content: "\e8c8"
}

.fe-slash:before {
  content: "\e8c9"
}

.fe-smartphone:before {
  content: "\e8ca"
}

.fe-square:before {
  content: "\e8cb"
}

.fe-speaker:before {
  content: "\e8cc"
}

.fe-star:before {
  content: "\e8cd"
}

.fe-stop-circle:before {
  content: "\e8ce"
}

.fe-sun:before {
  content: "\e8cf"
}

.fe-sunrise:before {
  content: "\e8d0"
}

.fe-tablet:before {
  content: "\e8d1"
}

.fe-tag:before {
  content: "\e8d2"
}

.fe-sunset:before {
  content: "\e8d3"
}

.fe-target:before {
  content: "\e8d4"
}

.fe-thermometer:before {
  content: "\e8d5"
}

.fe-thumbs-up:before {
  content: "\e8d6"
}

.fe-thumbs-down:before {
  content: "\e8d7"
}

.fe-toggle-left:before {
  content: "\e8d8"
}

.fe-toggle-right:before {
  content: "\e8d9"
}

.fe-trash-2:before {
  content: "\e8da"
}

.fe-trash:before {
  content: "\e8db"
}

.fe-trending-up:before {
  content: "\e8dc"
}

.fe-trending-down:before {
  content: "\e8dd"
}

.fe-triangle:before {
  content: "\e8de"
}

.fe-type:before {
  content: "\e8df"
}

.fe-twitter:before {
  content: "\e8e0"
}

.fe-upload:before {
  content: "\e8e1"
}

.fe-umbrella:before {
  content: "\e8e2"
}

.fe-upload-cloud:before {
  content: "\e8e3"
}

.fe-unlock:before {
  content: "\e8e4"
}

.fe-user-check:before {
  content: "\e8e5"
}

.fe-user-minus:before {
  content: "\e8e6"
}

.fe-user-plus:before {
  content: "\e8e7"
}

.fe-user-x:before {
  content: "\e8e8"
}

.fe-user:before {
  content: "\e8e9"
}

.fe-users:before {
  content: "\e8ea"
}

.fe-video-off:before {
  content: "\e8eb"
}

.fe-video:before {
  content: "\e8ec"
}

.fe-voicemail:before {
  content: "\e8ed"
}

.fe-volume-x:before {
  content: "\e8ee"
}

.fe-volume-2:before {
  content: "\e8ef"
}

.fe-volume-1:before {
  content: "\e8f0"
}

.fe-volume:before {
  content: "\e8f1"
}

.fe-watch:before {
  content: "\e8f2"
}

.fe-wifi:before {
  content: "\e8f3"
}

.fe-x-square:before {
  content: "\e8f4"
}

.fe-wind:before {
  content: "\e8f5"
}

.fe-x:before {
  content: "\e8f6"
}

.fe-x-circle:before {
  content: "\e8f7"
}

.fe-zap:before {
  content: "\e8f8"
}

.fe-zoom-in:before {
  content: "\e8f9"
}

.fe-zoom-out:before {
  content: "\e8fa"
}

.fe-command:before {
  content: "\e8fb"
}

.fe-cloud:before {
  content: "\e8fc"
}

.fe-hash:before {
  content: "\e8fd"
}

.fe-headphones:before {
  content: "\e8fe"
}

.fe-underline:before {
  content: "\e8ff"
}

.fe-italic:before {
  content: "\e900"
}

.fe-bold:before {
  content: "\e901"
}

.fe-crop:before {
  content: "\e902"
}

.fe-help-circle:before {
  content: "\e903"
}

.fe-paperclip:before {
  content: "\e904"
}

.fe-shopping-cart:before {
  content: "\e905"
}

.fe-tv:before {
  content: "\e906"
}

.fe-wifi-off:before {
  content: "\e907"
}

.fe-minimize:before {
  content: "\e88d"
}

.fe-maximize:before {
  content: "\e908"
}

.fe-gitlab:before {
  content: "\e909"
}

.fe-sliders:before {
  content: "\e90a"
}

.fe-star-on:before {
  content: "\e90b"
}

.fe-heart-on:before {
  content: "\e90c"
}

.fe-archive:before {
  content: "\e90d"
}

.fe-arrow-down-circle:before {
  content: "\e90e"
}

.fe-arrow-up-circle:before {
  content: "\e90f"
}

.fe-arrow-left-circle:before {
  content: "\e910"
}

.fe-arrow-right-circle:before {
  content: "\e911"
}

.fe-bar-chart-line-:before {
  content: "\e912"
}

.fe-bar-chart-line:before {
  content: "\e913"
}

.fe-book-open:before {
  content: "\e914"
}

.fe-code:before {
  content: "\e915"
}

.fe-database:before {
  content: "\e916"
}

.fe-dollar-sign:before {
  content: "\e917"
}

.fe-folder-plus:before {
  content: "\e918"
}

.fe-gift:before {
  content: "\e919"
}

.fe-folder-minus:before {
  content: "\e91a"
}

.fe-git-commit:before {
  content: "\e91b"
}

.fe-git-branch:before {
  content: "\e91c"
}

.fe-git-pull-request:before {
  content: "\e91d"
}

.fe-git-merge:before {
  content: "\e91e"
}

.fe-linkedin:before {
  content: "\e91f"
}

.fe-hard-drive:before {
  content: "\e920"
}

.fe-more-vertical-:before {
  content: "\e921"
}

.fe-more-horizontal-:before {
  content: "\e922"
}

.fe-rss:before {
  content: "\e923"
}

.fe-send:before {
  content: "\e924"
}

.fe-shield-off:before {
  content: "\e925"
}

.fe-shopping-bag:before {
  content: "\e926"
}

.fe-terminal:before {
  content: "\e927"
}

.fe-truck:before {
  content: "\e928"
}

.fe-zap-off:before {
  content: "\e929"
}

.fe-youtube:before {
  content: "\e92a"
}
/* Feather fes */

.left-box h4 {
  line-height: 23px;
}

.right-box {
  height: 267px !important;
}
.header .badge-pill{
  width: 77px;
}

.nav-tabs .nav-item {
  font-size: 14px !important;
}

.img-avatar-profile{
  border-radius: 50%;
}

.footer_bottom .list-inline-item i{
  font-size: 30px;
}

.footer_bottom .list-inline-item i.fa-youtube{
  color: #cd1f28;
}

.footer_bottom .list-inline-item i.fa-twitter{
  color: #00569c;
}

.footer_bottom .list-inline-item i.fa-instagram{
  color: #ff6200;
}

.footer_bottom .list-inline-item i.fa-pinterest{
  color: #cd1f28;
}

.footer_bottom .list-inline-item i.fa-tumblr{
  color: #00569c;
}

.footer_bottom .list-inline-item i.fa-facebook{
  color: #003e6f;
}

.footer_bottom .list-inline-item i.fa-telegram{
  color: #2ca0d2;
}


/*tickets*/
.ticket-lists .item{
  padding: 10px 0px;
  border-bottom: 1px solid #e6e9ed;
}

.ticket-lists .item .content{

}

.ticket-lists .item .content .subject{
  font-size: 16px !important;
  color: black;
}

.ticket-lists .item .content .email, .ticket-lists .item .content .time{
  color: #9da2a7;
}

.ticket-lists .item .subject{
  max-width: 550px;
  word-break: break-all;
  white-space: normal;
}

.ticket-lists .item .avatar-md {
  width: 40px;
}

.ticket-lists .item .avatar {
  position: relative;
  width: 40px;
  white-space: nowrap;
  border-radius: 1000px;
  vertical-align: bottom;
  display: inline-block;
}

.ticket-lists .item .avatar-md span.text-circle {
  width: 40px;
  height: 40px;
}

.ticket-lists .item .avatar span.text-circle{
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  background: #2DCEE3;
  display: table-cell;
}

.ticket-lists .item .avatar span.text-circle.closed{
  color: #fff;
  background: #9da2a7;
}

.ticket-lists .item .avatar span.text-circle.pending{
  color: #fff;
  background: #2dcee3;
}

.rounded-circle {
  border-radius: 50%!important;
}

.ticket-lists .item:hover{
  background: #eceff1;
}

.ticket-lists .item{
  position: relative;
}

.ticket-lists .item .action{
  position: absolute;
  top: 0px;
  left: 0px;
}


/*ticket-contents*/
#frame .content {
  height: 100%;
  overflow: hidden;
  position: relative;
}

#frame .content .messages {
  height: auto;
  min-height: calc(100% - 93px);
  max-height: calc(100% - 93px);
}
@media screen and (max-width: 735px) {
  #frame .content .messages {
    max-height: calc(100% - 105px);
  }
}
#frame .content .messages::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
#frame .content .messages::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}
#frame .content .messages ul li {
  display: inline-block;
  clear: both;
  margin: 15px 15px 15px 15px;
  width: calc(100% - 25px);
  font-size: 0.9em;
}
#frame .content .messages ul li:nth-last-child(1) {
  margin-bottom: 20px;
}
#frame .content .messages ul li.sent img {
  margin: 0px 0 0 8px;/*morteza*/
}
#frame .content .messages ul li.sent .msg-content {
  background: #f0f2f7;
}

#frame .content .messages ul li.replies img {
  float: right;/*morteza*/
  margin: 0 0 0 8px;
}

#frame .content .messages ul li.replies .message{
  float: right;/*morteza*/
}

#frame .content .messages ul li.sent .message{
  float: left;/*morteza*/
  margin: 0 0 0 8px;
}

#frame .content .messages ul li.replies .msg-content {
  color: #fff;
  background: -moz-linear-gradient(135deg, rgb(255, 78, 111), rgb(251, 145, 104));
  background: -o-linear-gradient(135deg, rgb(255, 78, 111), rgb(251, 145, 104));
  background: linear-gradient(135deg, rgb(255, 78, 111), rgb(251, 145, 104));
}

#frame .content .messages ul li.sent .message .msg-footer{
  position: absolute;
  left: 90px;/*morteza*/
}

#frame .content .messages ul li.replies .message .msg-footer{
  position: absolute;
  right: 70px;/*morteza*/
}

#frame .content .messages ul li img {
  width: 50px;
  border-radius: 50%;
  float: left;/*morteza*/
}
#frame .content .messages ul li .msg-content {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 10px;
  max-width: 255px;
  min-width: 255px;
  line-height: 130%;
}

@media screen and (min-width: 735px) {
  #frame .content .messages ul li .msg-content {
    max-width: 390px;
    min-width: 390px;
  }
}


.ticket-contents .item{
  padding: 10px 0px;
  border-bottom: 1px solid #e6e9ed;
}

.ticket-contents .item .content{
  line-height: 15px;
  display: table-cell;
  vertical-align: top;
}

.ticket-contents .item .avatar-md {
  width: 40px;
}

.ticket-contents .item .avatar {
  position: relative;
  width: 40px;
  white-space: nowrap;
  border-radius: 1000px;
  vertical-align: bottom;
  display: inline-block;
}

.ticket-contents .item .avatar-md span.text-circle {
  width: 40px;
  height: 40px;
}

.ticket-contents .item .avatar span.text-circle{
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 15px;
  background: #2DCEE3;
  display: table-cell;
}

.ticket-contents .item .avatar span.text-circle.admin{
  background: #ff6f61;
}

.ticket-contents .item .content .username{
  font-size: 15px;
  color: black;
  display: inline-block;
}

.ticket-contents .item .content .username .time{
  font-size: 11px;
  color: #adadad;
}

.ticket-contents .item .content .message{
  font-size: 14px;
  color: #565d67;
}

@media (max-width: 720px){
  .ticket-lists .item .subject{
    max-width: 160px;
    white-space: normal;
  }
}

.tickets .align-items-center {
  justify-content: inherit !important;
}