/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
/*@font-face {*/
/*  font-family: IRANSans;*/
/*  font-style: normal;*/
/*  font-weight: bold;*/
/*  src: url('../../app-assets/fonts/iransans/IRANSansWeb(FaNum)_Bold.eot');*/
/*  src: url('../../app-assets/fonts/iransans/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'), !* IE6-8 *! url('../../app-assets/fonts/iransans/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'), !* FF39+,Chrome36+, Opera24+*! url('../../app-assets/fonts/iransans/IRANSansWeb(FaNum)_Bold.woff') format('woff'), !* FF3.6+, IE9, Chrome6+, Saf5.1+*! url('../../app-assets/fonts/iransans/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');*/
/*}*/
@font-face {
  font-family: IRANSans;
  font-style: normal;
  font-weight: normal;
  src: url('../../app-assets/fonts/iransans/IRANSansWeb(FaNum)_UltraLight.eot');
  src: url('../../app-assets/fonts/iransans/IRANSansWeb(FaNum)_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../../app-assets/fonts/iransans/IRANSansWeb(FaNum)_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../../app-assets/fonts/iransans/IRANSansWeb(FaNum)_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../../app-assets/fonts/iransans/IRANSansWeb(FaNum)_UltraLight.ttf') format('truetype');
}
*{
  font-family: IRANSans,Arial;
}
.main-menu .navbar-header .navbar-brand .brand-logo {
  background : url('../../app-assets/images/logo/logo.png') no-repeat;
  /*background-position : -65px -54px;*/
  height : 32px;
  width : 76px;
}
.main-menu .navbar-header{
  padding: 0.35rem 1px 1px 1rem;
}
.form-label-group > input:not(:placeholder-shown) ~ label, .form-label-group textarea:not(:placeholder-shown) ~ label{
  padding: 0.25rem 0;
  font-size: 0.9rem;
  top: -22px;
  right: 3px;
  font-weight: bold;
}
.form-label-group > input:not(:focus):not(:placeholder-shown) ~ label, .form-label-group textarea:not(:focus):not(:placeholder-shown) ~ label {
  /*color: #555555 !important;*/
}
.form-control {
  color: #1d1d1d;
}
div.dataTables_wrapper div.dataTables_filter {
  text-align: right !important;
}
.pagination .page-item:not(.prev-item) .page-link, .pagination .page-item:not(.next-item) .page-link, .pagination .page-item:not(.first) .page-link, .pagination .page-item:not(.last) .page-link, .pagination .page-item:not(.active) .page-link {
  height: 35px;
}
.dataTables_filter .form-control-sm{
  width: 150px;

}
/*.label-info {*/
/*  background-color: #03a9f3;*/
/*}*/
/*.label {*/
/*  padding: 3px 10px;*/
/*  line-height: 13px;*/
/*  color: #fff;*/
/*  font-weight: 400;*/
/*  border-radius: .25rem;*/
/*  font-size: 75%;*/
/*}*/
.bootstrap-tagsinput {
  /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
   display: block;
  vertical-align: middle;
  max-width: 100%;
  cursor: text;
  width: 100%;
  height: calc(1.25em + 1.4rem + 1px);
  padding: 0.7rem 0;
  font-size: 0.96rem;
  font-weight: 400;
  line-height: 1.25;
  color: #4E5154;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-group> .twitter-typeahead {
  /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
   display: block;
  vertical-align: middle;
  max-width: 100%;
  cursor: text;
  width: 100%;
  height: calc(1.25em + 1.4rem + 1px);
  /*padding: 0.7rem 0;*/
  font-size: 0.96rem;
  font-weight: 400;
  line-height: 1.25;
  color: #4E5154;
  background-color: #FFFFFF;
  background-clip: padding-box;
  margin-top: 0;
  /*border: 1px solid rgba(0, 0, 0, 0.2);*/
  /*border-radius: 5px;*/
  -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
/*.tt-input{*/
/*  padding: 0 !important;*/
/*}*/
.twitter-typeahead .tt-input {
  direction: rtl;
}
.twitter-typeahead .tt-menu {
  right: 0 !important;
}
.bootstrap-tagsinput > .tag.label.label-info{
  background-color: #9100c2 !important;
  border-color: #4839EB !important;
  color: #FFFFFF;
  padding: 5px;
  border: 1px solid;
  border-radius: 4px;
}
label.required:after {
  content: " *";
  color:red;
}
.twitter-typeahead{
  width: 100%;
}




.lds-circle {
  display: inline-block;
  transform: translateZ(1px);
}
.lds-circle > div {
  display: inline-block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  background: #fff;
  animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
@keyframes lds-circle {
  0%, 100% {
    animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
  }
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(1800deg);
    animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
  }
  100% {
    transform: rotateY(3600deg);
  }
}