/*fix*/
.menu-down .unread {
  background-color: rgba(221, 221, 221, 0.75)!important;
}
#profile {
	background-color: #fafafa;
}
.aside-block {

	/*width: 20%;*/
}
.contain-block {

	/*width: 80%;*/
	background-color: #fff;
	border: 1px solid #e0e0e0;
}

/* pagination */
.pagination {
	margin: 3px 0px 6px 0px !important;
}
.pagination ul {
	float: right;
	overflow: hidden;
	height: 28px;
	padding-top: 4px;
}
.pagination li {
	float: left;
	margin-right: 3px;
}
.pagination li a {
	padding: 0px 10px;
	border: 1px solid #ddd;
	color: #58595B;
}
.pagination li.active a {
	text-decoration: underline;
}
.pagination .disabled a {
	color: #747474;
}

/* notificaion */
.dropdown-menu-notificaion {
	padding-top: 0px;
}
.text-bold {
	font-weight: bold !important;
}
.navbar-nav li.open a.dropdown-toggle.noti-icon {
	border-bottom: none;
	background-color: #4D4D4D;
}
.navbar-nav li.open a.dropdown-toggle.noti-icon i {
	color: rgb(134, 134, 134) !important;
}
.menu-down-noti {
	max-height: 400px;
	overflow-y: scroll;
	width: 306px;
}
.menu-down-noti li a.notification:hover, .menu-down-noti li a.notification:focus, .menu-down-noti li a.notification:active {
	/*text-decoration: none;
	background-color: #f5f5f5 !important;*/
}
.menu-down-noti::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: transparent;
}
.menu-down-noti::-webkit-scrollbar {
	width: 6px;
	background-color: transparent;
}
.menu-down-noti::-webkit-scrollbar-thumb {
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: rgba(85, 85, 85, 0.05);
}
.menu-down li a.notification {
}
.menu-down::before {
	content: '';
	border-bottom: 6px solid transparent;
	border-left: 6px solid #fff;
	border-top: 6px solid #fff;
	border-right: 6px solid transparent;
	position: absolute;
	right: 25px;
	top: -5px;
	transform: rotate(45deg);
}
.menu-down li a.notification span {
	display: block;
	color: #C1C1C1;
	font-style: italic;
	font-size: 10px !important;
}
.menu-down li a.notification.unread {
	background-color: rgba(221, 221, 221, 0.75);
}
.menu-down .dropdown-header a {
}
.menu-down .dropdown-header a:hover {
	background-color: #fff !important;
}
.menu-down .dropdown-header.notification {
	color: #333;
	font-size: 13px !important;
	min-width: 185px;
	padding-bottom: 8px !important;
	padding-top: 8px !important;
	margin-bottom: 0px !important;
}
.nav>li>a.noti-icon {;
}
.nav>li>a.noti-icon.noti-icon-global {

	/* padding-right: 5px !important; */
}
.nav>li>a.noti-icon i {
	font-size: 18px;
	line-height: 20px;
}
.nav>li>a.noti-icon sup.count {

	/* padding: 1px 4px; */

	/* text-shadow: 1px 1px 1px rgba(255, 255, 255, .4); */

	/* background: red; */

	/* border-radius: 3px; */

	/* left: -8px; */

	/* top: -10px; */
}
.nav>li>a.noti-icon sup.count-0 {

	/*padding: 1px 4px;
	color: #333;
	border-radius: 3px;
	left: -8px;
	top: -10px;*/
}
tr.high-light td {
	background-color: rgba(221, 221, 221, 0.25) !important;
}
.dataTables_info {
	font-size: 13px;
	font-style: italic;
}
#head .navbar-nav>li>a.profile-dropdown {
	padding-top: 5px;
	padding-bottom: 5px;
}

/* profile */
#avatar .avatar {
	display: block;
	width: 100px;
	height: 90px;
	float: left;
	padding-left: 10px;
	clear: both;
}
#avatar .avatar a {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 100%;
	background-size: cover;
}
#avatar .profile-info {
	padding: 15px 15px 0px 15px;
}
#avatar h6 {
	font-size: 10px;
}
.progress {
}
#avatar .profile-info .level-style {
	padding-left: 0px;
	padding-right: 0px;
	height: 22px;
	line-height: 18px;
	width: 30px !important;
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	font-weight: bold;
}
.sup-red {
	padding: 0px !important;
	width: 30px;
	text-align: center;
	border-radius: 10px;
}

/* fix header */
#head .navbar-nav>li.open.profile-menu>a:hover {
	background-color: #827F7F;
}
#head .icon {
	display: inline-block;
	width: 20px;
}
#head .icon i {
}
#head .icon img {
	width: 12px;
	height: 17px;
	margin-top: -2px;
}
.alert {
	padding: 6px 15px;
}

/*fix bootstrap*/

/*fox order detail*/
.background-statusd {
	width: 20%;
	margin-right: 6%;
	display: inline-block;
	position: relative;
}
.background-statusd:last-child {
	width: 20%;
	margin-right: 0px;
	display: inline-block;
}
.background-statusd.bottom {
}
.background-statusd .fa-caret-down {
	left: 46% !important;
}
.background-statusd .fa-caret-up {
	left: 46% !important;
}
.background-statusd:before {
	content: "";
	display: block;
	left: 44%;
	height: 20px;
	width: 20px;
	background: #F6F6F6;
	border-radius: 100px;
	border: 1px solid #283891;
	position: absolute;
	z-index: 9;
}
.background-statusd.active:before {
	background: #283891;
}
.background-statusd.bottom:before {
	top: -42px;
}
.background-statusd.top:before {
	bottom: -40px;
}
.background-statusd.langer:before {
	height: 33px;
	width: 33px;
	bottom: -47px;
	left: 40%;
}
.background-statusd.left:before {
}
.background-statusd.right:before {
}
.detail-road {
	border-bottom: 2px solid #143980;
	margin-bottom: 30px;
	width: 84%;
	margin-left: 8%;
}
.see-add {
	position: relative;
	text-align: center;
}
.see-add-noti {
}
.header-noti-parent {
	border-bottom: 1px solid #C4C4C4;
	padding: 6px 12px;
	position: relative;

}
.header-noti {
	font-weight: bold;

}

select option {
	color: #6B6B6B;;
	height: ;;

}
select option:first-child {
	color: #000;

}