.text-wrap {
	text-wrap: nowrap;
}
.star {
	color: red !important;
}
.d-flex {
	display: flex !important;
}
.align-items-center {
	align-items: center !important;
}
.form-control {
	font-size: 14px !important;
}
.form-label {
	padding-top: 0.5rem;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
}
.table {
	margin: 0px !important;
}
/****************************/
  /** Basic **/
  /****************************/
.pa-0 {
	padding: 0px !important;
}
.pa-5 {
	padding: 5px !important;
}
.pa-10 {
	padding: 10px !important;
}
.pa-15 {
	padding: 15px !important;
}
.pa-20 {
	padding: 20px !important;
}
.pa-25 {
	padding: 25px !important;
}
.pa-30 {
	padding: 30px !important;
}
.pt-0 {
	padding-top: 0px !important;
}
.pt-5 {
	padding-top: 5px !important;
}
.pt-10 {
	padding-top: 10px !important;
}
.pt-15 {
	padding-top: 15px !important;
}
.pt-20 {
	padding-top: 20px !important;
}
.pt-25 {
	padding-top: 25px !important;
}
.pt-30 {
	padding-top: 30px !important;
}
.pt-35 {
	padding-top: 35px !important;
}
.pt-40 {
	padding-top: 40px !important;
}
.pt-45 {
	padding-top: 45px !important;
}
.pt-50 {
	padding-top: 50px !important;
}
.pb-0 {
	padding-bottom: 0px !important;
}
.pb-5 {
	padding-bottom: 5px !important;
}
.pb-10 {
	padding-bottom: 10px !important;
}
.pb-15 {
	padding-bottom: 15px !important;
}
.pb-20 {
	padding-bottom: 20px !important;
}
.pb-25 {
	padding-bottom: 25px !important;
}
.pb-30 {
	padding-bottom: 30px !important;
}
.pb-35 {
	padding-bottom: 35px !important;
}
.pb-40 {
	padding-bottom: 40px !important;
}
.pb-45 {
	padding-bottom: 45px !important;
}
.pb-50 {
	padding-bottom: 50px !important;
}
.pl-0 {
	padding-left: 0px !important;
}
.pl-5 {
	padding-left: 5px !important;
}
.pl-10 {
	padding-left: 10px !important;
}
.pl-15 {
	padding-left: 15px !important;
}
.pl-20 {
	padding-left: 20px !important;
}
.pl-25 {
	padding-left: 25px !important;
}
.pl-30 {
	padding-left: 30px !important;
}
.pl-35 {
	padding-left: 35px !important;
}
.pl-40 {
	padding-left: 40px !important;
}
.pl-45 {
	padding-left: 45px !important;
}
.pl-50 {
	padding-left: 50px !important;
}
.pr-0 {
	padding-right: 0px !important;
}
.pr-5 {
	padding-right: 5px !important;
}
.pr-10 {
	padding-right: 10px !important;
}
.pr-15 {
	padding-right: 15px !important;
}
.pr-20 {
	padding-right: 20px !important;
}
.pr-25 {
	padding-right: 25px !important;
}
.pr-30 {
	padding-right: 30px !important;
}
.pr-35 {
	padding-right: 35px !important;
}
.pr-40 {
	padding-right: 40px !important;
}
.pr-45 {
	padding-right: 45px !important;
}
.pr-50 {
	padding-right: 50px !important;
}
.ma-0 {
	margin: 0px !important;
}
.ma-5 {
	margin: 5px !important;
}
.ma-10 {
	margin: 10px !important;
}
.ma-15 {
	margin: 15px !important;
}
.ma-20 {
	margin: 20px !important;
}
.ma-25 {
	margin: 25px !important;
}
.ma-30 {
	margin: 30px !important;
}
.mt-0 {
	margin-top: 0px !important;
}
.mt-5 {
	margin-top: 5px !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-15 {
	margin-top: 15px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mt-25 {
	margin-top: 25px !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mt-35 {
	margin-top: 35px !important;
}
.mt-40 {
	margin-top: 40px !important;
}
.mt-45 {
	margin-top: 45px !important;
}
.mt-50 {
	margin-top: 50px !important;
}
.mt-55 {
	margin-top: 55px !important;
}
.mt-60 {
	margin-top: 60px !important;
}
.mt-65 {
	margin-top: 65px !important;
}
.mt-70 {
	margin-top: 70px !important;
}
.mt-75 {
	margin-top: 75px !important;
}
.mt-80 {
	margin-top: 80px !important;
}
.mt-85 {
	margin-top: 85px !important;
}
.mt-90 {
	margin-top: 90px !important;
}
.mt-95 {
	margin-top: 95px !important;
}
.mb-0 {
	margin-bottom: 0px !important;
}
.mb-5 {
	margin-bottom: 5px !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}
.mb-15 {
	margin-bottom: 15px !important;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.mb-25 {
	margin-bottom: 25px !important;
}
.mb-30 {
	margin-bottom: 30px !important;
}
.mb-35 {
	margin-bottom: 35px !important;
}
.mb-40 {
	margin-bottom: 40px !important;
}
.mb-45 {
	margin-bottom: 45px !important;
}
.mb-50 {
	margin-bottom: 50px !important;
}
.mb-55 {
	margin-bottom: 55px !important;
}
.mb-60 {
	margin-bottom: 60px !important;
}
.mb-65 {
	margin-bottom: 65px !important;
}
.mb-70 {
	margin-bottom: 70px !important;
}
.mb-75 {
	margin-bottom: 75px !important;
}
.mb-80 {
	margin-bottom: 80px !important;
}
.mb-85 {
	margin-bottom: 85px !important;
}
.mb-90 {
	margin-bottom: 90px !important;
}
.mb-95 {
	margin-bottom: 95px !important;
}
.ml-0 {
	margin-left: 0px !important;
}
.ml-5 {
	margin-left: 5px !important;
}
.ml-10 {
	margin-left: 10px !important;
}
.ml-15 {
	margin-left: 15px !important;
}
.ml-20 {
	margin-left: 20px !important;
}
.ml-25 {
	margin-left: 25px !important;
}
.ml-30 {
	margin-left: 30px !important;
}
.ml-35 {
	margin-left: 35px !important;
}
.ml-40 {
	margin-left: 40px !important;
}
.ml-45 {
	margin-left: 45px !important;
}
.ml-50 {
	margin-left: 50px !important;
}
.ml-55 {
	margin-left: 55px !important;
}
.ml-60 {
	margin-left: 60px !important;
}
.mr-0 {
	margin-right: 0px !important;
}
.mr-5 {
	margin-right: 5px !important;
}
.mr-10 {
	margin-right: 10px !important;
}
.mr-15 {
	margin-right: 15px !important;
}
.mr-20 {
	margin-right: 20px !important;
}
.mr-25 {
	margin-right: 25px !important;
}
.mr-30 {
	margin-right: 30px !important;
}
.mr-35 {
	margin-right: 35px !important;
}
.mr-40 {
	margin-right: 40px !important;
}
.mr-45 {
	margin-right: 45px !important;
}
.mr-50 {
	margin-right: 50px !important;
}
.mr-55 {
	margin-right: 55px !important;
}
.mr-60 {
	margin-right: 60px !important;
}
.ml-auto {
	margin-left: auto !important;
}
.mr-auto {
	margin-right: auto !important;
}
.no-float {
	float: none !important;
}
.overflow-hide {
	overflow: hidden !important;
}
.clearfix {
	overflow: hidden;
	clear: both;
	float: none;
}
.modal-header {
	background-color: #f9f9fb;
}
.track {
	position: relative;
	background-color: #ddd;
	height: 7px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 60px;
	margin-top: 50px;
}
.track .step {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	width: 25%;
	margin-top: -18px;
	text-align: center;
	position: relative;
}
.track .step.active:before {
	background: #ffd333;
}
.track .step::before {
	height: 7px;
	position: absolute;
	content: "";
	width: 100%;
	left: 0;
	top: 18px;
}
.track .step.active .icon {
	background: #ffd333;
}
.track .icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	position: relative;
	border-radius: 100%;
	background: #ddd;
}
.track .text {
	display: block;
	margin-top: 7px;
	font-size: 14px;
}
.track_awb td.track_dot {
	width: 30px;
	position: relative;
	padding: 0;
	text-align: center;
}
.track_awb.table td,  .track_awb.table th {
	padding: 8px 2px;
    font-size: 12px;
    line-height: 17px;
}
.track_awb td.track_dot span.track_line {
	background: #555555;
	width: 2px;
	min-height: 34px;
	position: absolute;
}
.track_awb td.track_dot:after {
	content: "\f111";
	font-family: FontAwesome;
	position: absolute;
	margin-left: -3px;
	font-size: 8px;
}
 @media only screen and (min-width: 320px) and (max-width: 640px),  only screen and (max-width: 740px),  only screen and (max-width: 1024px) {
.track .text {
	font-size: 10px;
}
.track_awb td.track_dot span.track_line {
	min-height: 40px;
}
}
.page-meta {
	border-bottom: 1px solid #2125291a;
	border-top: 1px solid #2125291a;
	font-size: 0.875rem;
	line-height: 1.25rem;
	padding: 0.5625rem 1rem;
}
.meta_body {
	overflow: hidden;
}
.meta_list {
	display: flex;
	flex-wrap: wrap;
	margin-top: -0.25rem;
	margin-left: -1.5625rem;
}
.meta_item {
	margin-top: 0.25rem;
	position: relative;
	margin-left: 1.5625rem;
}
.meta_item:before {
	background: #21252933;
	content: "";
	display: block;
	height: calc(100% - 0.375rem);
	position: absolute;
	top: 0.1875rem;
	width: 0.0625rem;
	left: -0.8125rem;
}
.form-light-bar {
	background: #e7e7e7;
	padding: 6px 20px;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 5px;
}
.courier_calculator_summary {
	font-size: 12px;
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	padding-left: 10px;
}
.courier_calculator_summary li {
	list-style-type: none;
}
.courier_calculator_summary li span {
	float: right;
}
.rating {
	color: #ffd333;
}
.img-box img {
	border: 2px solid #ece6e6;
	margin-top: 10px;
	padding: 6px;
	border-radius: 0.125rem;
}
.right-form-box {
	background: #ffffff;
	padding: 25px;
}
.list-box ul {
	list-style-type: none;
	padding-left: 0px;
}
.list-box ul li {
	font-size: 14px;
	line-height: 30px;
	margin-left: 30px;
	position: relative;
}
.list-box ul li i {
	color: var(--site_color);
	width: 20px;
	position: absolute;
	top: 7px;
	left: -30px;
}
.list-box ul li a i {
	color: #000000;
}
.filter-search {
	height: 42px !important;
}
.table-dark {
	background: #3d464d;
	color: #ffffff;
}
#form_filters {
	background: #f5f5f5;
	padding-top: 15px;
}
label.required:after {
	content: "*";
	color: red;
	font-weight: bold;
	padding-left: 6px;
}
.error {
	color: red !important;
}
.small-badge {
	min-width: 10px;
	background: #0b87c529;
	color: #000;
	display: inherit;
	font-size: 11px;
	padding: 2px 6px;
}
.filter_summary {
	display: inline-block;
	background: #d7d7ec;
	padding: 2px 8px;
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: 600;
}
#suggestion-list {
	z-index: 5000;
	float: left;
	list-style: none;
	padding: 0;
	position: absolute;
	max-height: 485px;
	overflow: scroll;
}
#suggestion-list li {
	padding: 8px 10px;
	background: #f5f5f5;
	border-bottom: #bbb9b9 1px solid;
	font-size: 12px;
}
#suggestion-list li a {
	color: #000000;
}
.heading {
	background: #555;
	color: #fff;
	padding: 6px 10px;
	font-size: 16px;
	margin-bottom: 10px;
}
.site-service {
	background: #555;
	color: #fff;
	text-align: center;
	padding: 5px;
	font-size: 15px;
	margin-bottom: 10px;
}
/*.switch {
	  position: relative;
	  display: inline-block;
	  width: 110px;
	  height: 30px;
  }
  .switch input {
	  display: none;
  }*/
.slider {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #555555;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.slider:before {
	position: absolute;
	z-index: 2;
	content: "";
	height: 23px;
	width: 23px;
	left: 6px;
	bottom: 3px;
	background-color: #ffffff;
	-webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 22%);
	box-shadow: 0 2px 5px rgb(0 0 0 / 22%);
	-webkit-transition: 0.4s;
	transition: all 0.4s ease-in-out;
}
.slider:after {
	position: absolute;
	left: 0;
	z-index: 1;
	content: "Yes";
	font-size: 14px;
	text-align: left !important;
	line-height: 30px;
	padding-left: 0;
	width: 150px;
	color: #fff;
	border-radius: 100px;
	background-color: #0b87c5;
	-webkit-transform: translateX(-160px);
	-ms-transform: translateX(-160px);
	transform: translateX(-160px);
	transition: all 0.4s ease-in-out;
}
input:checked + .slider:after {
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	padding-left: 14px;
}
input:checked + .slider:before {
	-webkit-transform: translateX(160px);
	-ms-transform: translateX(160px);
	transform: translateX(160px);
	left: -80px;
}
/* Rounded sliders */
.slider.round {
	border-radius: 100px;
}
.slider.round:before {
	border-radius: 50%;
}
.absolute-no {
	position: absolute;
	left: 0;
	color: #ffffff;
	text-align: right !important;
	font-size: 14px;
	width: calc(100% - 25px);
	line-height: 30px;
	cursor: pointer;
}
/*** preloader : start ***/
#preloader {
	display: none;
}
#preloader {
	position: fixed;
	z-index: 999999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(225, 102, 0, 0.48);
}
#preloader-status {
	position: absolute;
	top: 40%;
	left: 45%;
}
#preloader-title img {
	height: 50px;
}
.spinner {
	margin: 5px 0 0 0px;
	width: 130px;
	height: 30px;
	text-align: center;
	font-size: 10px;
}
.spinner > div {
	background-color: var(--site_color);
	height: 100%;
	width: 20px;
	display: inline-block;
	-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
	animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
	background: #333333;
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.spinner .rect3 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
.spinner .rect4 {
	background: #333333;
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
 @-webkit-keyframes stretchdelay {
 0%,  40%,  100% {
 -webkit-transform: scaleY(0.4);
}
 20% {
 -webkit-transform: scaleY(1);
}
}
 @keyframes stretchdelay {
 0%,  40%,  100% {
 transform: scaleY(0.4);
 -webkit-transform: scaleY(0.4);
}
 20% {
 transform: scaleY(1);
 -webkit-transform: scaleY(1);
}
}
.vertical-tab .nav-tabs li a {
	padding-left: 0px;
}
input[type="file"] {
	padding-top: 11px;
}
pre {
	background: none;
	max-width: 25rem;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}
.new_accordion .panel {
	border: medium none;
	border-radius: 0;
	box-shadow: none;
	margin: 0 0 15px 10px;
}
.new_accordion .panel-heading {
	border-radius: 30px;
	padding: 0;
}
.new_accordion .panel-title a {
	background: var(--site_color) none repeat scroll 0 0;
	border: 1px solid transparent;
	border-radius: 30px;
	color: #fff;
	display: block;
	font-size: 16px;
	padding: 12px 20px 12px 50px;
	position: relative;
	transition: all 0.3s ease 0s;
}
.new_accordion .panel-title a small {
	color: #fff;
}
.new_accordion .panel-title a.collapsed small {
	color: #333;
}
.new_accordion .panel-title a.collapsed {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ddd;
	color: #333;
}
.new_accordion .panel-title a::after,  .new_accordion .panel-title a.collapsed::after {
	background: var(--site_color) none repeat scroll 0 0;
	border: 1px solid transparent;
	border-radius: 50%;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
	color: #fff;
	content: "\f107";
	font-family: fontawesome;
	font-size: 25px;
	height: 55px;
	left: -20px;
	line-height: 55px;
	position: absolute;
	text-align: center;
	top: 8px;
	transition: all 0.3s ease 0s;
	width: 55px;
}
.new_accordion .panel-title a.collapsed::after {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #ddd;
	box-shadow: none;
	color: #333;
	content: "\f106";
}
.new_accordion .panel-body {
	background: transparent none repeat scroll 0 0;
	border-top: none !important;
	padding: 20px 25px 10px 9px;
	position: relative;
}
.settings .panel-heading {
	padding: 8px 12px !important;
}
.settings .card-view {
	padding: 10px;
}
.settings .card-view:hover {
	background: #f0f4f5;
}
.settings .card-view h5 {
	margin-bottom: 10px;
	font-size: 15px;
}
.round_number {
	background: #333333;
	color: #ffffff;
	border-radius: 50px;
	float: right;
	padding: 1px 8px;
}
.no-data {
	text-align: center;
	margin: 30px 10px;
}
input:checked {
	background-color: var(--site_color) !important;
	border-color: var(--site_color) !important;
}
.table-responsive {
	overflow-x: initial;
}
.table-responsive.oxa {
	overflow-x: auto !important;
}
.multiselect-native-select .btn {
	padding: 10px;
	min-width: 42px;
}
/* .multiselect-container>li>a>label {
	  padding: 0px;
  } */
.sub_form {
	background: #f0f4f5;
	padding: 10px;
	margin-bottom: 16px;
}
/*.vertical-pills .tab-content{
	  overflow:auto;
  }*/
  
table thead tr th a {
	color: #ffffff;
	padding-left: 5px;
}
.table-bordered thead tr.table-dark th,  .table-bordered tfoot tr.table-dark th {
	border: 1px solid #725f5f;
}
hr.default {
	margin-top: 6px;
	margin-bottom: 6px;
	border-top: 2px dotted #777777;
}
.label_file {
	font-size: 26px;
	color: #aa2323;
	padding: 7px;
}
.pod_file {
	font-size: 26px;
	color: #187f18;
	padding: 7px;
}
.table-th-bold th {
	font-weight: 600;
}
.connection-item span.block {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 13px;
}
svg.icon {
	width: 16px;
	height: 16px;
	fill: currentColor;
}
.dropdown-menu .dropdown-item {
	cursor: pointer;
	display: block;
	width: 100%;
	padding: 7px 10px;
	clear: both;
	font-weight: 400;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}
.dropdown-menu .dropdown-item:hover {
	background-color: var(--site_color) !important;
	color: #fff;
}
.mt-20 {
	margin-top: 20px;
}
.control {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 15px;
	cursor: pointer;
}
.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.control__indicator {
	position: absolute;
	top: 2px;
	left: 0;
	height: 17px;
	width: 17px;
	border-radius: 4px;
	border: 2px solid #a6b0e6;
	background: transparent;
}
.control--radio .control__indicator {
	border-radius: 50%;
}
.control:hover input ~ .control__indicator,  .control input:focus ~ .control__indicator {
	border: 2px solid var(--site_color);
}
.control input:checked ~ .control__indicator {
	border: 2px solid var(--site_color);
	background: var(--site_color);
}
.control input:disabled ~ .control__indicator {
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
	border: 2px solid #ccc;
}
.control__indicator:after {
	font-family: "FontAwesome";
	content: "\f00c";
	position: absolute;
	display: none;
}
.control input:checked ~ .control__indicator:after {
	display: block;
	color: #fff;
}
.control--checkbox .control__indicator:after {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -52%);
	-ms-transform: translate(-50%, -52%);
	transform: translate(-50%, -52%);
}
.control--checkbox input:disabled ~ .control__indicator:after {
	border-color: #7b7b7b;
}
.control--checkbox input:disabled:checked ~ .control__indicator {
	background-color: var(--site_color);
	opacity: 0.2;
	border: 2px solid var(--site_color);
}
.radio-check {
	position: relative;
}
.radio-check .option-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	height: 17px;
	width: 17px;
	transition: all 0.15s ease-out 0s;
	background-color: #f9f8fe;
	border: 2px solid #a6b0e6;
	border-radius: 25px;
	color: #e6edf7;
	cursor: pointer;
	display: inline-block;
	outline: none;
	z-index: 1000;
}
.radio-check .form-check-label {
	position: absolute;
	top: 5px;
	left: 30px;
	cursor: pointer;
}
.multiple-status {
	padding-left: 10px;
}
.multiple-status li {
	list-style-type: none;
}
.multiple-status li span {
	float: right;
}
.sa-inbox__body {
	flex-grow: 1;
	overflow: hidden;
}
.sa-inbox-chat {
 --sa-inbox-chat--avatar-size: 2.5rem;
 --sa-inbox-chat--avatar-gutter: 1rem;
 --sa-inbox-chat--avatar-total-width: calc(  var(--sa-inbox-chat--avatar-size) + var(--sa-inbox-chat--avatar-gutter)  );
}
.sa-inbox-chat__form {
	padding: 1.25rem;
	position: relative;
}
.sa-inbox-chat__form {
	padding-left: calc(1.25rem + var(--sa-inbox-chat--avatar-total-width));
}
.sa-inbox-chat__form > .sa-symbol {
	font-size: var(--sa-inbox-chat--avatar-size);
	position: absolute;
	left: 1.25rem;
	right: 1.25rem;
}
.sa-symbol {
 --sa-symbol--bg-color: #ebedf0;
 --sa-symbol--font-color: #77838c;
 --sa-symbol--status-color: #000;
 --sa-symbol--size: inherit;
 --sa-symbol--parent-bg-color: #fff;
 --sa-symbol--text-size: 37%;
 --sa-symbol--icon-size: 40%;
	flex-shrink: 0;
	font-size: var(--sa-symbol--size);
	height: 1em;
	position: relative;
	width: 1em;
}
.sa-symbol:hover {
	text-decoration: none;
}
.sa-symbol img {
	border-radius: inherit;
	display: block;
	height: 100%;
	width: 100%;
}
.sa-symbol--shape--circle {
	border-radius: 0.5em;
}
.sa-inbox-chat__form > .sa-quill {
	margin: 1.25rem 0;
}
.sa-inbox-chat__form-head {
	align-items: stretch;
	display: flex;
}
.sa-inbox-chat__form-footer {
	align-items: center;
	display: flex;
}
.sa-inbox-chat__list {
	border-bottom: 1px solid #2125291a;
	list-style: none;
	margin: 0;
	padding: 0;
}
.sa-inbox-chat__item {
	border-top: 1px solid #2125291a;
}
.sa-inbox-chat__item-header {
	display: grid;
	grid-template-columns: var(--sa-inbox-chat--avatar-size) var(  --sa-inbox-chat--avatar-gutter  ) 1fr auto auto;
	grid-template-rows: 1fr 1fr;
	padding: 0.875rem 1.25rem;
}
.sa-inbox-chat__item-body {
	padding: 0.125rem 1.25rem 0.875rem;
}
.sa-inbox-chat__item-body {
	padding-left: calc(1.25rem + var(--sa-inbox-chat--avatar-total-width));
}
.sa-inbox-chat__item-avatar {
	align-self: center;
	grid-column: 1;
	grid-row: 1/3;
}
.sa-inbox-chat__item-avatar .sa-symbol {
	font-size: var(--sa-inbox-chat--avatar-size);
}
.sa-inbox-chat__item-author {
	font-size: 0.9375rem;
	font-weight: 500;
	grid-column: 3;
	grid-row: 1;
}
.sa-inbox-chat__item-date {
	align-self: center;
	color: #6c757d;
	font-size: 0.875rem;
	grid-column: 4;
	grid-row: 1/3;
	padding-top: 0.0625rem;
}
.sa-inbox-chat__item-date {
	margin-left: 1rem;
}
.sa-inbox-chat__item-actions {
	align-self: center;
	display: flex;
	grid-column: 5;
	grid-row: 1/3;
}
.sa-inbox-chat__item-actions {
	margin-left: 0.75rem;
}
.sa-inbox-chat__item-meta {
	color: #6c757d;
	font-size: 0.875rem;
	grid-column: 3/6;
	grid-row: 2;
}
.sa-inbox-chat__item-meta a {
	color: inherit;
}
.sa-inbox-chat__item-message {
	font-size: 0.9375rem;
	grid-column: 3/6;
	grid-row: 3;
	line-height: 1.3125rem;
	padding-bottom: 0.5rem;
	white-space: pre-wrap;
	word-break: break-word;
}
.emp-detail-box {
	background: #f0f2f5;
	padding: 15px;
	border-radius: 5px;
	color: #000000;
	margin-top: 10px;
	margin-bottom: 10px;
}
.emp-detail-box.active {
	background: #d9ecff;
	color: #000000;
}
.emp-detail-box div {
	font-size: 14px;
	margin-bottom: 4px;
}
.emp-detail-box div span {
	float: right;
}
.task-tab-open {
	color: #3562ff;
}
.task-tab-working {
	color: #b19329;
}
.task-tab-review {
	color: #53a700;
}
.task-tab-archieved {
	color: #8939c8;
}
.task-tab-trash {
	color: #fa3939;
}
.message-item {
	margin-bottom: 15px;
	margin-left: 40px;
	position: relative;
}
.message-item .message-inner {
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px;
	position: relative;
}
.message-item .message-inner:before {
	border-right: 10px solid #ddd;
	border-style: solid;
	border-width: 10px;
	color: rgba(0,0,0,0);
	content: "";
	display: block;
	height: 0;
	position: absolute;
	left: -20px;
	top: 6px;
	width: 0;
}
.message-item .message-inner:after {
	border-right: 10px solid #fff;
	border-style: solid;
	border-width: 10px;
	color: rgba(0,0,0,0);
	content: "";
	display: block;
	height: 0;
	position: absolute;
	left: -18px;
	top: 6px;
	width: 0;
}
.message-item:before {
	border-radius: 2px;
	bottom: -30px;
	box-shadow: 0 0 2px #ffd333;
	content: "";
	height: 100%;
	left: -30px;
	position: absolute;
	width: 1px;
}
.message-item:after {
	border: 2px solid #ffd333;
	border-radius: 50%;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	content: "";
	height: 15px;
	left: -36px;
	position: absolute;
	top: 10px;
	width: 15px;
}
.s-badge {
	display: inline-block;
	padding: 0.35em 0.65em;
	font-size: 0.75em;
	font-weight: 500;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 2px;
	margin-right: 2px;
}
.shake-lr {
	background: #e22d2d;
	color: #fff;
	position: absolute;
	z-index: 1;
	font-size: 8px;
	line-height: 14px;
	padding: 2px 6px;
	border-radius: 100em;
	box-shadow: 0 0 6px 2px rgb(0 0 0 / 5%);
	-webkit-box-shadow: 0 0 6px 2px rgb(0 0 0 / 5%);
	-moz-box-shadow: 0 0 6px 2px rgba(0,0,0,.050);
	margin-left: 10px;
}
.shake-lr {
	-webkit-animation: shake-lr 3s cubic-bezier(.455, .030, .515, .955) 2s infinite alternate-reverse both;
	animation: shake-lr 3s cubic-bezier(.455, .030, .515, .955) 2s infinite alternate-reverse both
}
@-webkit-keyframes shake-lr {
0%, 100% {
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%
}
10% {
-webkit-transform:rotate(8deg);
transform:rotate(8deg)
}
20%, 40%, 60% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
30%, 50%, 70% {
-webkit-transform:rotate(10deg);
transform:rotate(10deg)
}
80% {
-webkit-transform:rotate(-8deg);
transform:rotate(-8deg)
}
90% {
-webkit-transform:rotate(8deg);
transform:rotate(8deg)
}
}
@keyframes shake-lr {
0%, 100% {
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:50% 50%;
transform-origin:50% 50%
}
10% {
-webkit-transform:rotate(8deg);
transform:rotate(8deg)
}
20%, 40%, 60% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
30%, 50%, 70% {
-webkit-transform:rotate(10deg);
transform:rotate(10deg)
}
80% {
-webkit-transform:rotate(-8deg);
transform:rotate(-8deg)
}
90% {
-webkit-transform:rotate(8deg);
transform:rotate(8deg)
}
}
.card {
	border: 1px solid #e2e9e1;
	margin-bottom: 20px;
}
.card .card-header {
	padding: 10px 10px;
	margin-bottom: 0;
	background-color: #f7f8f9;
}
.card .card-header h5 {
	font-size: 14px;
	font-weight: 600;
}
.card .card-body {
	padding: 10px 10px;
}
.card .card-body p {
	font-size: 14px;
	margin-bottom: 10px;
}

.auth-page {
    background-image: url(../images/bg.webp);
    background-size: cover;
}
.different_login {
    text-align: center;
    position: relative;
    margin: 20px 0;
}
.different_login::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid #ddd;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.different_login span {
    background-color: #fff;
    padding: 0 15px;
    position: relative;
    text-transform: uppercase;
}
.wallet span{
	background: #FFFFFF;
    border-radius: 10px;
    padding: 10px 15px;
}
.auth-form img{
	height: 110px;
}

.available_balance_box{
	border: 2px solid #0071bd;
	padding: 10px;
}

.register-form{
	width: 600px;
}

.img_box{
	border: 2px solid #428BCA;
	padding: 10px;
}
.img_box img{
	width: 100%;
	height: 200px;
}
.img_box p{
	font-weight: 600;
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
}
.ship-btn{
	padding: 4px;
    font-size: 14px;
}

.brand-side.brand-logo{
	padding-left: 5px !important;
}
.brand-side.brand-logo .logo-wrap{
	padding-top: 5px !important;
}
.brand-side.brand-logo .logo-wrap img{
	height: 55px;
}

@media only screen and (min-width:320px) and (max-width:640px), only screen and (max-width:740px), only screen and (max-width:1024px){
	a.toggle-left-nav-btn i, a#toggle_mobile_nav i, a#toggle_mobile_search i {
		color: #000000;
	}
	.navbar.navbar-inverse.navbar-fixed-top .mobile-only-brand .nav-header .logo-wrap .brand-text{
		text-transform: uppercase;
	}
	.min-200{
		min-width: 200px;
	}
	.min-100{
		min-width: 100px;
	}
	.open>.dropdown-menu {
		position: relative;
	}
}