.form-bg{
  background: #edf1f5;
}
.modal_top-style{
  min-height: 50px;
  padding: 10px;
}
.text-gray{
  color: #8d97ad;
}
/*.table-el th:nth-child(1) {
  width: 15%;
}
.table-el th:nth-child(2) {
  width: 15%;
}
.table-el th:nth-child(3) {
  display: flex;
  justify-content: center;
}*/
.label-table{
  display: table;
  margin: 0 auto;
}
.table-el th:nth-child(6) {
  width: 10%; 
}
.table-el div i{
  cursor: pointer;
}
.w200{width: 200px !important;}
.dataTables_filter {
  float: none;
}
.message-date {
  font-size: 12px;
  display: block;
  margin: 1px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #212529;
  white-space: nowrap;
}
.custom-heigth {
  min-height: 97%;
}
.custom-height-50p {
  max-height: 50px;
}
.custom-height-50p img {
  max-height: 50px;
}
.btn-circle {
  margin-top: 7px;
  vertical-align: top;
}
.btn {
  outline: none !important;
}
.c-pointer {
  cursor: pointer;
}
@media (min-width: 768px) {
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
    align-items: center;
  }
}
.row-flex-sa{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.row-flex-sb{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.flex-col {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.flex-col span {
  line-height: 20px;
  font-weight: 400;
}

.flex-col span.nav-date {
  font-size: 14px;
}
.flex-center-start{
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-align-center {
  display: flex;
  align-items: center;
}
.flex-end{
  display: flex;
  justify-content: center;
}
.flex-col-end {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.slider-center .img-fluid {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
}
.slider-center {
  margin-bottom: 20px;
}
.filter {
  margin-bottom: 20px;
}
select {
  background-color: #fff !important;
  min-height: 38px !important;
}
.mobile {
  display: none;
}
.mobile .dropdown-item.active {
  background: #fff !important;
}
.flex-important {
  display: flex !important;
}
.scroll-sidebar {
  transition: 0.3s !important;
}
.login-register {
  overflow-y: scroll !important;
  overflow-x: hidden !important;
  padding: 0;
  padding-top: 5%;
}
.login-box {
  max-width: 100%;
}
.login-register .form-group {
  overflow: visible !important;
}
.mini-sidebar .left-sidebar,
.mini-sidebar .sidebar-footer,
.left-sidebar {
  transition: 0.3s !important;
}
.login-register .img-fluid {
  object-fit: cover;
  height: 500px;
}
.login-register .top {
  margin-bottom: 30px;
}
.login-box.card {
  width: 100%;
}
.custom-form-heigth{
  max-height: 400px; 
  overflow-x: scroll;

}
.custom-form-heigth::-webkit-scrollbar {
  width: 0;
}
.custom-table-heigth{
  max-height: 500px;
  overflow-x: scroll;
}
.custom-table-heigth::-webkit-scrollbar {
  width: 0;
}
.custom-table-overflow {
  max-height: 100%;
  overflow-y: scroll;
}

.custom-scroll{
  max-height: 500px;
  overflow-y: scroll;

}
.modal-header {
  flex-direction: column;
  align-items: center;
}
.modal-img {
  width: 100%;
  max-width: 100%;
}
.modal-header .close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.login-logo {
  width: 200px;
  margin: 0 auto;
}
.login-logo img {
  width: 100%;
}
/* .login-register {
    background: #eee;
} */
#custom-header-table {
  color: #fff;
  margin: 10px;
  font-size: 12px;
}
.custom-table-overflow.no-scroll {
  overflow: hidden !important;
}
#custom-header-table td {
  border-top: 1px solid #aaa;
}
#custom-header-table td:nth-child(2) {
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
}
#custom-header-table th:nth-child(1) {
  color: #fdc108;
}
#custom-header-table th:nth-child(2) {
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  color: #01c0c8;
}
#custom-header-table th:nth-child(3) {
  color: #ed957d;
}
#custom-header-table th,
#custom-header-table td {
  padding: 5px;
}
.navbar-header {  
  align-items: center;
  display: flex;
}
.header-table {
  margin: 0 auto;
}
.modal1 li img {
  display: block;
}
@media (max-width: 1350px) {
  .topbar .nav-link {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}
@media (max-width: 1169px) {
  #custom-header-table {
    display: none;
  }
}
@media (max-width: 1100px) {
  .mini-sidebar .left-sidebar,
  .mini-sidebar .sidebar-footer {
    left: -220px;
    transition: 0.3s !important;
  }
  .mini-sidebar .footer,
  .mini-sidebar .page-wrapper {
    margin-left: 0px;
  }
  .desctop {
    display: none;
  }
  .mobile {
    display: block;
  }
}
.lh25 li {
  line-height: 2.5;
}
.modal-dialog.modal-sbiframe {
  max-width: 90%;
}
.mt-5p {
  margin-top: 5px;
}
.mt-20 {
  margin-top: 20px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mlr-20{
  margin: 0 20px 0 20px;
}
.pb-20 {
  padding-bottom: 20px;
}
.p-0{
  padding: 0;
}
.pd-10{
  padding: 10px;
}
.textarea1{
  min-height: 100px;
}
.textarea1 textarea {
  min-height: 100px;
  text-align: left;
}
.has-success .form-control,
.validate .form-control {
 background-image: linear-gradient(#00c292, #00c292), linear-gradient(#00c292, #00c292);
}
.form-group.error .form-control,
.issue .form-control {
 background-image: linear-gradient(#e46a76, #e46a76), linear-gradient(#e46a76, #e46a76);
}
table.dataTable thead .sorting_asc.no-sort:before,
table.dataTable thead .sorting_desc.no-sort:after {
  content:'';
}
table.dataTable thead .sorting_asc_disabled.no-sort:before,
table.dataTable thead .sorting_desc_disabled.no-sort:after {
  content:'';
}
table.dataTable thead .sorting.no-sort:after,
table.dataTable thead .sorting_asc.no-sort:after,
table.dataTable thead .sorting_desc.no-sort:after,
table.dataTable thead .sorting_asc_disabled.no-sort:after,
table.dataTable thead .sorting_desc_disabled.no-sort:after {
	content:'';	
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  content:'';	
}
.no-sort label{margin:0;}
/*table.table{
  table-layout: fixed; 
  word-wrap:break-word;
}*/
table.dataTable thead > tr > th.sorting_asc.no-sort, table.dataTable thead > tr > th.sorting_desc.no-sort, table.dataTable thead > tr > th.sorting.no-sort,
table.dataTable thead > tr > td.sorting_asc.no-sort,
table.dataTable thead > tr > td.sorting_desc.no-sort,
table.dataTable thead > tr > td.sorting.no-sort {
  padding: .5em .7em;
}
#ajax_client_wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#ajax_client_filter{
	display: flex;
	align-items: end;
	margin:0;
}
.my_filters{margin-top:0 !important;}
#ajax_client_filter label, #ajax_client_wrapper .dt-buttons{margin-bottom:0;}

#ajax_client_wrapper .custom-table-overflow{	
	width:100%;
}
.card-body .header-table{background:#4f5467;}
.fileupload-label{position: relative;z-index: 1111; margin: 0;cursor: pointer;font-size: 33px;line-height: 33px;}
.fa-close:before,
.fa-remove:before,
.fa-times:before {
 content:"\f00d"
}
.chat-list li.reverse .chat-time{margin-left: auto !important; text-align: right !important;}
.bg-my-comment{background:#fc9992 !important; color:#fff !important;}
.bg-other-comment{background:#eee !important;}
.chat-list li .chat-time{margin-left:0;}
.fix_height{
	max-height: 500px;
	overflow-y: auto;
}
.chatonline li.request a {
    background-color: rgba(233, 30, 99, 0.1);
}
.chatonline h6 {
    padding: 5px 20px;
}
.mylevel-1{margin-left:20px;}
.mylevel-2{margin-left:40px;}
.mylevel-3{margin-left:60px;}
.mylevel-4{margin-left:80px;}
.mylevel-5{margin-left:100px;}
.mylevel-6{margin-left:120px;}
.mylevel-7{margin-left:140px;}
.mylevel-8{margin-left:160px;}
.my-qty .input-group{width:120px !important; }
html body .navbar-dark .mailbox .message-center a:hover .mail-contnet span.time{white-space:nowrap;}
.chat-left-inner .profile-status {
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  left: 20px;
  position: absolute;
  top: 1px;
  width: 10px;
}
.chat-left-inner .online {
  background: #00c292;
}
.chat-left-inner .user-img{position: relative;}
.mass_operation_div{
	display:none;
}
.mass_operation_div.show{
	display: block;
	position: fixed;
	padding-left: 110px;
	z-index:10;
}