.td-user-info{   
    display: inline-flex;
}
.td-user-info .img-circle{
    width:40px!important;
    height: 36px;
}
.td-user-info h4{
   padding: 0;
   margin: 0;
   font-size: 15px;
   font-weight: 600;
   margin-left: 6px;
}
/*.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff;
    opacity: 1;
}*/
.tempus-modal .modal-content{
    border-radius: 5px;
}
.tempus-modal .modal-body {
    min-height: 120px;
}
.tempus-modal .modal-header{
    padding: 8px;
    border-bottom: 1px solid #e5e5e5;
    background-color:#222d32;
    color: #fff;
    border-radius: 0;
}
.tempus-modal .modal-footer{
    padding: 3px;
    text-align: right;
    border-top: 1px solid #e5e5e5;   
    background-color: #222d32;
    color: #fff;
}
/* ======= fit into center ==========*/
  /*.modal.tempus-modal {
    text-align: center;
  }
  
  @media screen and (min-width: 768px) { 
    .modal.tempus-modal:before {
      display: inline-block;
      vertical-align: middle;
      content: " ";
      height: 100%;
    }
  }
  
  .tempus-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }*/
/* ======= fit into center ==========*/

  .tempus-modal .overlay {
    z-index: 50;
    background: rgba(255,255,255,0.7);
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .tempus-modal .overlay .fa{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px!important;

    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;

  }
  .fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.div-product-image{
  width: 50px;
  height: 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.div-product-image span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #1f1e1e;
  padding: 0 5px;
  opacity: 0.7;
  color: #fff;
  font-weight: 800;
}
.h4Product{
    margin: 0;
    font-size: 15px;
    padding: 0;
}
.big-badge{
    font-size: 14px;
    padding: 8px;
    margin: 0 4px;
}
.cboxElement img{
    border: solid 1px #8a8989;
    margin: 10px;
    padding: 10px;
    width: auto;
    height: 142px;
}
/*====================*/
.show_hand{
  cursor: pointer;
}
.box-profile .profile-user-img{
  width: 100px!important;
  height: 98px!important;
}
/*====================*/
.horizotal-btns{
	display: inline-flex;    
	align-items: flex-end;
}
.horizotal-btns .btn{
	margin-right: 5px;
}
.margin-top-25{
	margin-top:25px;
}
.post.d-flex.flex-column-fluid2{   
   flex: unset;   
}
.d-flex2 {
    display: flex!important;
    justify-content: space-between; 
}
::-ms-clear {
  display: none;
}

.form-control-clear {
  z-index: 10;
  pointer-events: auto;
  cursor: pointer;
}
/*.input-group i {
    color: #a1a5b7;    
    line-height: 1.8rem;
}*/
.hidden{
	display:none;
}
.no-padding{
	padding:0!important;
}
.table td:first-child, .table th:first-child, .table tr:first-child {
    padding-left: 12px;
}
.table tbody tr:last-child, .table tbody tr:last-child td, .table tbody tr:last-child th{
    border-bottom: solid 1px #edeff3 !important;   
}
.dataTable .badge{
	width: 100%;
    max-width: 125px;
}
.badge-border-danger{
	border:solid 1px #f1416c;
}
.badge-border-warning{
	border:solid 1px #ffc700;
}
.badge-border-success{
	border:solid 1px #50cd89;
}
.dataTable .btn i {    
    font-size: 2rem;   
}

.dataTable .btn.btn-icon.btn-sm {
    height: calc(1em + 1rem + 2px);
    width: calc(1em + 1rem + 2px);
}


.dataTable a.btn{
	margin-right:4px;
}
@media (min-width: 992px){
.content {
    padding: 5px 0;
}
}
#kt_content_container{
	padding: 0 10px;
}
.btn-xmm{
  border-radius: 0px 4px 4px 0px;
  height:100%!important;
}
.form-group.hidden{
	/*position: absolute;  left: -999999px;*/
}
.customer-legend:before {
    left: 100px;
}
legend {
    float: none; 
    width: auto;
}
.border-fieldset{
	border: 1px solid #727375!important;
}
.border-fieldset.error-border{
	border-color: #ff4136!important;
}
/*.border-fieldset.error-border .fieldset-legend-title{
	color: #ff4136!important;
}*/
.pointer{
    cursor: pointer;
}
.red {
    color: #ff4136;
}
.display_block{
    display: block;
}
.form-user-tag.tagify--empty{
  border: solid 1px #ff4136;/*!important;*/
}
.img-w-145{
  width:145px!important;
}
.form-control.error.is-invalid,.fv-plugins-bootstrap5-row-invalid input,.dropzone.fv-plugins-bootstrap5-row-invalid{
  border: solid 1px #ff4136;
}
.a_center{
  align-items: center;
}

.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{
  position: unset!important;
  transform: translateY(0%)!important;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-search.select2-search--inline .select2-search__field {
  min-width: 200px!important; 
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice {
  font-size: .925rem;
  font-weight: 500;
}
.__notification_menu_item__  .menu-title{
  display: flex;
  justify-content: space-between;
}
.dt-buttons{
  margin-top: 0.5rem;
}
table.dataTable tbody td.selected, table.dataTable tbody th.selected, table.dataTable tbody tr.selected {
  color:#181c32;
}
table.dataTable td.wrap{
  word-break: break-all;
}
.timeago{
  text-decoration: underline;
  cursor: pointer;
}
input[type="checkbox"][readonly] {
  pointer-events: none;
}
.donut-div{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; 
  position: relative; 
}

.donut-div .canvas_info{
  position: absolute;
  margin-top: -2.8rem;
  text-align: center;
}
.donut-div .canvas_info p{
  padding:0;
  margin: 0;  
}
.donut-div .canvas_info p:first-child{
  font-size: 1.5rem;
    font-weight: 600;
}

.donut-ul ul li{
  flex-direction: row!important;
}
.donut-ul ul li p{
  margin-left: 10px!important;
}
.donut_canvas{
  /*width:310px!important;*/
  width:236px!important;
  height:210px!important;
}
.donut_order_canvas{
  /*width: 420px!important;
  height: 250px!important;*/

  width:236px!important;
  height:210px!important;
}

.position-relative{
  position: relative!important;
}
.popover-card{
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  /*-webkit-box-shadow: 0px 0px 46px 4px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 0px 46px 4px rgba(0,0,0,0.35);
  box-shadow: 0px 0px 46px 4px rgba(0,0,0,0.35);*/

  -webkit-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.35);
  -moz-box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.35);
  box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.35);

  margin: auto;
  transition: transform 400ms ease 0ms;
  border-radius: 0.5rem;
}
.popover-card.full-center{
  width: 80%;
  height: 80%;
}
.popover-card.hide{  
  transform: scaleX(0);   
}
.popover-card.show{ 
  transform: scaleX(1);  
}
.___emoji_picker__{
  /*
  overflow: scroll;
  border: solid 1px red;*/  
    height: 50px;
    width: 100%;
    border: 1px solid #e9edf1 ;
    overflow: hidden;
    position: relative;

}
.__emoji_ul__{
  padding: 0;
  margin: 0;
  list-style: none;  

  position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: -15px;    
    overflow: auto;
}
.__emoji_ul__ a{
  font-size: 1.5rem;
  padding: 0px;
}
.uploaded_ul{
  padding: 0;
  margin: 0;
  list-style: none;  
  display: flex;
}
.uploaded_ul li{
  position: relative;
  width: 46px;
  border: solid 1px #dbdbdb;
  margin-right: 4px;
}
.uploaded_ul li img{
  width: 40px;
  height: 45px;
  cursor: pointer;
}
.uploaded_ul li a{
  position: absolute;
  right: 0;
  top: 0;
}
.uploaded_ul li a i {
  color: #a90c0c;
  font-size: 1.2rem;
  line-height: 1;
}
.grid-img img.card-img-top{
  height: 220px; 
    object-fit: cover;
}