@import url('https://fonts.googleapis.com/css?family=Roboto');
/*
 *
 *   INSPINIA - Responsive Admin Theme
 *   Copyright 2014 Webapplayers.com
 *
*/
.table-hover>tbody>tr:hover{
	background-color: #3b4d4f;
	    color: #fff !important;
	    transition-delay: 0.1s;
}
.table-hover>tbody>tr:hover strong, .table-hover>tbody>tr:hover a{
	color: #fff !important;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 100;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 15px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10px;
}

h3, h4, h5 {
	margin-top: 5px;
	font-weight: 600;
}
a{
	color: rgb(18 107 108);
font-weight: 400;
}
.bar-post{
	font-size: 13px;
margin-top: 10px;
}
.nav>li>a {
    font-weight: 400;
    padding: 12px 15px;
    margin: 3px 0;
    float: left;
}
.logo-crm{
	width: 80px;
	    border: 2px solid #10bc52;

	    border-radius: 50%;

	    margin: 10px auto;
	    text-align: center;
	    display: block;

}
#side-menu h2{
	text-align: center;
text-transform: uppercase;
font-size: 16px;
/* color: #fff; */
}
.nav.navbar-right>li>a {
	color: #999c9e;
}


.uppercase{
	text-transform: uppercase !important;
}
/* .navbar-default .nav>li>a:hover, .navbar-default .nav>li>a:focus {
    background-color: transparent;
} */
.navbar-default.mobile_menu{
	width: 60%;
	text-align: left;
	overflow: overlay;
	position: fixed;
	z-index: 9999;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background: #fff;
}
.mobile_display{
	display: none!important;
}
.nav.navbar-top-links>li>a:hover, .nav.navbar-top-links>li>a:focus {
	background-color: transparent;
}

.nav>li>a i {
	margin-right: 6px;
}

.navbar {
	border: 0;
}

.navbar-default {
	background-color: transparent;
	border-color: #2f4050;
}

.navbar-top-links li {
	display: inline-block;
}

.navbar-top-links li:last-child {
	margin-right: 40px;
}

.navbar-top-links li a {
	padding: 10px 0px;
	min-height: 50px;
}

.dropdown-menu {
	border: medium none;
	border-radius: 3px;
	box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
	display: none;
	float: left;
	font-size: 12px;
	left: 0;
	list-style: none outside none;
	padding: 0;
	position: absolute;
	text-shadow: none;
	top: 100%;
	z-index: 1000;
	border-radius: 2px;
}

.dropdown-menu>li>a {
	border-radius: 3px;
	color: inherit;
	line-height: 25px;
	margin: 4px;
	text-align: left;
	font-weight: normal;
}

.dropdown-menu>li>a.font-bold {
	font-weight: 600;
}

.navbar-top-links .dropdown-menu li {
	display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
	margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
	padding: 3px 20px;
	min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
	white-space: normal;
}

.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks,
	.navbar-top-links .dropdown-alerts {
	width: 310px;
	min-width: 0;
}

.navbar-top-links .dropdown-messages {
	margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
	margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
	margin-left: -123px;
}

.navbar-top-links .dropdown-user {
	right: 0;
	left: auto;
}

.dropdown-messages, .dropdown-alerts {
	padding: 10px 10px 10px 10px;
}

.dropdown-messages li a, .dropdown-alerts li a {
	font-size: 12px;
}

.dropdown-messages li em, .dropdown-alerts li em {
	font-size: 10px;
}

.nav.navbar-top-links .dropdown-alerts a {
	font-size: 12px;
}

.nav-header {
	padding: 33px 25px 20px 65px;
}

.pace-done .nav-header {
	transition: all 0.5s;
}

.sidebar-collapse .nav>li {
      display: contents;
    width: 130px;
}
.nav>li.active {
	border-left: 2px solid #75ad14;
	    background: #b7bdc657;
	    position: relative;

}
a svg {
    box-sizing: border-box;
    min-width: 0px;
    color: rgb(132, 142, 156);
    font-size: 24px;
    fill: rgb(132, 142, 156);
    width: 18px;
    height: 21px;
    flex-shrink: 0;
    --scroll-pad: 2px;
    float: left;
    --scroll-size: 10px;
    margin: 0 5px;
}
.nav.nav-second-level>li.active {
	border: none;
}

.nav.nav-second-level.collapse[style] {
	height: auto !important;
}

.nav-header a {
	color: #DFE4ED;
}

.nav-header .text-muted {
	color: #8095a8;
}

.minimalize-styl-2 {
	padding: 4px 12px;
	margin: 14px 5px 5px 20px;
	font-size: 14px;
	float: left;
}

.navbar-form-custom {
	float: left;
	height: 50px;
	padding: 0;
	width: 200px;
	display: inline-table;
}

.navbar-form-custom .form-group {
	margin-bottom: 0;
}

.nav.navbar-top-links a {
	font-size: 14px;
}

.navbar-form-custom .form-control {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: medium none;
	font-size: 14px;
	height: 60px;
	margin: 0;
	z-index: 2000;
}

.count-info .label {
	line-height: 12px;
	padding: 2px 5px;
	position: absolute;
	right: 6px;
	top: 12px;
}

.arrow {
	float: right;
}

.fa.arrow:before {
	content: "\f104";
}

.active>a>.fa.arrow:before {
	content: "\f107";
}

.nav-second-level li, .nav-third-level li {
	border-bottom: none !important;
}

.nav-second-level li a {
	padding: 7px 10px 7px 10px;
	    /* padding-left: 30px; */
	    color: #333;
	    border-bottom: 1px solid;
	    width: 100%;
}

.nav-third-level li a {
	padding-left: 62px;
}

.nav-second-level li:last-child {
	margin-bottom: 10px;
}
.form-salary{
	border: none;
    border-bottom: 2px solid rgb(18 107 108);
    max-width: 100px;
}

body:not (.fixed-sidebar ).mini-navbar .nav li:hover>.nav-second-level,
	.mini-navbar .nav li:focus>.nav-second-level {
	display: block;
	border-radius: 0 2px 2px 0;
	min-width: 140px;
	height: auto;
}

body.mini-navbar .navbar-default .nav>li>.nav-second-level li a {
	font-size: 12px;
	border-radius: 3px;
}

.fixed-nav .slimScrollDiv #side-menu {
	padding-bottom: 60px;
}

.mini-navbar .nav-second-level li a {
	padding: 10px 5px 10px 10px;
}

.mini-navbar .nav-second-level {
	position: absolute;
	left: 75px;
	top: 0px;
	background-color: #2f4050;
	padding: 5px;
	font-size: 12px;
}

.mini-navbar li.active .nav-second-level {
	left: 75px;
	    width: 125px;
	    border-radius: 2px;
}

.navbar-default .special_link a {
	background: rgb(18 107 108);
	color: white;
}

.navbar-default .special_link a:hover {
	background: #17987e !important;
	color: white;
}

.navbar-default .special_link a span.label {
	background: #fff;
	color: rgb(18 107 108);
}

.navbar-default .landing_link a {
	background: #1cc09f;
	color: white;
}

.navbar-default .landing_link a:hover {
	background: rgb(18 107 108) !important;
	color: white;
}

.navbar-default .landing_link a span.label {
	background: #fff;
	color: #1cc09f;
}

.logo-element {
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: white;
	display: none;
	padding: 18px 0;
}



.navbar-fixed-top {
	background: #fff;
	transition-duration: 0.5s;
	border-bottom: 1px solid #e7eaec !important;
}

.navbar-fixed-top, .navbar-static-top {
	background: #fff;
}
.mini-navbar .navbar-static-top{
	position: fixed;
    width: 100%;
}
.mini-navbar .wrapper-content{
	margin-top:45px;
}

.fixed-nav #wrapper {
	margin-top: 60px;
}

.fixed-nav .minimalize-styl-2 {
	margin: 14px 5px 5px 15px;
}

.body-small .navbar-fixed-top {
	margin-left: 0px;
}

body.mini-navbar .navbar-static-side {
	width: 0px;
	    display: none!important;
}
body:not (.fixed-sidebar ).mini-navbar .nav-second-level {
	display: none;
}

body.mini-navbar .navbar-default .nav>li>a {
font-size: 13px;
}

body.mini-navbar .logo-element {
	display: block;
}

body.mini-navbar .nav-header {
	padding: 0;
	background-color: rgb(18 107 108);
}


body.fixed-sidebar.mini-navbar .footer {
	margin: 0 0 0 0px;
}

body.mini-navbar #page-wrapper {
	margin: 0 0 0 0px;
}

body.fixed-sidebar .navbar-static-side {
	position: fixed;
	width: 220px;
	z-index: 101;
	height: 100%;
}

body.fixed-sidebar.mini-navbar .navbar-static-side {
	width: 0px;
}

body.fixed-sidebar.mini-navbar #page-wrapper {
	margin: 0 0 0 0px;
}

body.body-small.fixed-sidebar.mini-navbar #page-wrapper {
	margin: 0 0 0 220px;
}

body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
	width: 220px;
}

.fixed-sidebar.mini-navbar .nav li:focus>.nav-second-level {
	display: block;
	height: auto;
}

body.fixed-sidebar.mini-navbar .navbar-default .nav>li>.nav-second-level li a
	{
	font-size: 12px;
	border-radius: 3px;
}

.fixed-sidebar.mini-navbar .nav-second-level li a {
	padding: 10px 10px 10px 15px;
}

.fixed-sidebar.mini-navbar .nav-second-level {
	position: relative;
	padding: 0;
	font-size: 13px;
}

.fixed-sidebar.mini-navbar li.active .nav-second-level {
	left: 0px;
}

body.fixed-sidebar.mini-navbar .navbar-default .nav>li>a {
	font-size: 13px;
}

body.fixed-sidebar.mini-navbar .nav-label, body.fixed-sidebar.mini-navbar .navbar-default .nav li a span
	{
	display: inline;
}

.fixed-sidebar.mini-navbar .nav-second-level li a {
	padding: 7px 10px 7px 52px;
}

.fixed-sidebar.mini-navbar .nav-second-level {
	left: 0px;
}

.top-navigation #page-wrapper {
	margin-left: 0;
}

.top-navigation .pace .pace-progress {
	left: 0;
}

.top-navigation .navbar-nav .dropdown-menu>.active>a {
	background: white;
	color: rgb(18 107 108);
	font-weight: bold;
}

.white-bg .navbar-fixed-top, .white-bg .navbar-static-top {
	background: #fff;
}

.top-navigation .navbar {
	margin-bottom: 0;
}

.top-navigation .nav>li>a {
	padding: 15px 20px;
	color: #676a6c;
}

.top-navigation .nav>li a:hover, .top-navigation .nav>li a:focus {
	background: #fff;
	color: rgb(18 107 108);
}

.top-navigation .nav>li.active {
	background: #fff;
	border: none;
}

.top-navigation .nav>li.active>a {
	color: rgb(18 107 108);
}

.top-navigation .navbar-right {
	margin-right: 10px;
}

.top-navigation .navbar-nav .dropdown-menu {
	box-shadow: none;
	border: 1px solid #e7eaec;
}

.top-navigation .dropdown-menu>li>a {
	margin: 0;
	padding: 7px 20px;
}

.navbar .dropdown-menu {
	margin-top: 0px;
}

.top-navigation .navbar-brand {
	background: rgb(18 107 108);
	color: #fff;
	padding: 15px 25px;
}

.top-navigation .navbar-top-links li:last-child {
	margin-right: 0;
}

.top-navigation.mini-navbar #page-wrapper, .top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper,
	.mini-navbar .top-navigation #page-wrapper, body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper
	{
	margin: 0;
}

.top-navigation.fixed-nav #wrapper, .fixed-nav #wrapper.top-navigation {
	margin-top: 50px;
}

.top-navigation .footer.fixed {
	margin-left: 0 !important;
}

.top-navigation .wrapper.wrapper-content {
	padding: 40px;
}

.top-navigation.body-small .wrapper.wrapper-content, .body-small .top-navigation .wrapper.wrapper-content
	{
	padding: 40px 0px 40px 0px;
}

.navbar-toggle {
	background-color: rgb(18 107 108);
	color: #fff;
	padding: 6px 12px;
	font-size: 14px;
}

.top-navigation .navbar-nav .open .dropdown-menu>li>a, .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header
	{
	padding: 10px 15px 10px 20px;
}

@media ( max-width : 1025px) {
	.todo_right{
		display: none!important;
	}
}
@media ( max-width : 768px) {
	div.file_choose img{
		height: auto !important;
		max-height: 220px;
	}

	.top-navigation .navbar-header {
		display: block;
		float: none;
	}
	.navbar-right{
		margin-right: 0px !important;

	}
	.cart-icon.navbar-right{
		width: 30px;
	}
	.bodyclass-login div.box{
		width: 90% !important;
	}
	.form-edit{
		max-width: 155px!important;
	}
	.btn.btn-success{
		max-width: 160px;
		float: left;
		    min-width: 60px;
		background-color: rgb(18 107 108);
    border-color: rgb(18 107 108);

	}
	.form-search-home{
		max-width: 220px !important;
    margin-right: 5px !important;
    margin-left: 0px !important;
	}
	.navbar-header {
    width: 40px;
}

.deskop_display{
	display: none !important;
}
.mobile_display{
	display: block !important;
	margin: 5px 0;
}
	.navbar-search{
		width: 100%;
max-width: 100% !important;
  margin: 0px 10px 10px 10px!important;
	}
	.btn-widthfull{
max-width: 100% !important
	}
	.btn.btn-primary{
		/* max-width: 160px; */
		float: left;
	}
	.tag_sale{

	}
	.navbar-search{
    width: 90%;
	}
	.image_item{
	    margin-right: 45px !important;
	}
	.ibox-title {
    height: 40px!important;
    text-transform: uppercase!important;
    font-size: 14px!important;
		display: inline-table;

}
.no-padding {
	/* display: inline-grid !important; */
}
.tagsale_new{
	display: table;
}
	.soluong_cart .cart_down, .soluong_cart .cart_up{
		    padding: 3px 10px !important;
	}
	.soluong_cart{
		width: 100px!important;
	}
	.title_item{
		font-weight: 600;
	}
	.nav.navbar-top-links.navbar-right,.mobile_none{
		display: none;
	}
	.nav-tabs>li>a{
		font-size: 10px;
    min-width: 50px !important;
    padding: 10px 5px !important;
	}

}

.menu-visible-lg, .menu-visible-md {
	display: none !important;
}



@media ( min-width : 1200px) {
	.menu-visible-lg {
		display: block !important;
	}
}

@media ( min-width : 992px) {
	.menu-visible-md {
		display: block !important;
	}
}
@media ( max-width : 1445px) {
	#todo_list_right {
			width: 310px !important;
	}
}

@media ( max-width : 767px) {
	.menu-visible-md {
		display: block !important;
	}
	.menu-visible-lg {
		display: block !important;
	}
}

.btn {
	border-radius: 3px;
	    float: left;
			/* margin: 5px !important; */
}
.col-button .w100{
	margin-top:10px !Important;
}
.btn-short{
	min-width: 40px !important;
}
.float-e-margins .btn {
	margin-bottom: 5px;
}

.btn-w-m {
	min-width: 120px;
}

.btn-primary.btn-outline {
	color: rgb(18 107 108);
}
#listmail .btn-primary.btn-outline{
	height: 40px;
}
.btn-success.btn-outline {
	color: #1c84c6;
}

.btn-info.btn-outline {
	color: #23c6c8;
}

.btn-warning.btn-outline {
	color: #f8ac59;
}

.btn-danger.btn-outline {
	color: #ed5565;
}

.btn-primary.btn-outline:hover, .btn-success.btn-outline:hover,
	.btn-info.btn-outline:hover, .btn-warning.btn-outline:hover,
	.btn-danger.btn-outline:hover {
	color: #fff;
}

.btn-primary {
	background-color: rgb(18 107 108);
	border-color: rgb(18 107 108);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
	.btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-color: #18a689;
	border-color: rgb(18 107 108);
	color: #FFFFFF;
}

.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary
	{
	background-image: none;
}

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus,
	.btn-primary.disabled:active, .btn-primary.disabled.active,
	.btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus,
	.btn-primary[disabled]:active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary,
	fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus,
	fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active
	{
	background-color: #1dc5a3;
	border-color: #1dc5a3;
}
.btn-top{
		margin-top: 10px;
}
.btn-margin5{
		margin:5px !important;
}
.btn-nopading{
	margin-top:0px !important;
}
.btn-success {
	background-color: rgb(18 107 108);
	    border-color: rgb(18 107 108);
	    color: #FFFFFF;
	    margin-right: 10px;
	    min-width: 80px;

}
.btn-primary {
    color: #FFFFFF;
    /* margin-right: 10px; */
    min-width: 80px;
		border: 1px solid;
}
.navbar-minimalize.btn-primary{
	min-width:40px !important;
	margin: 5px !important;
}
.btn-success:hover, .btn-success:focus, .btn-success:active,
	.btn-success.active, .open .dropdown-toggle.btn-success {
	background-color: #1a7bb9;
	border-color: #1a7bb9;
	color: #FFFFFF;
}

.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success
	{
	background-image: none;
}

.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus,
	.btn-success.disabled:active, .btn-success.disabled.active,
	.btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus,
	.btn-success[disabled]:active, .btn-success.active[disabled], fieldset[disabled] .btn-success,
	fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus,
	fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active
	{
	background-color: #1f90d8;
	border-color: #1f90d8;
}

.btn-info {
	background-color: #23c6c8;
	border-color: #23c6c8;
	color: #FFFFFF;
}


.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
	.open .dropdown-toggle.btn-info {
	background-color: #21b9bb;
	border-color: #21b9bb;
	color: #FFFFFF;
}

.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
	background-image: none;
}

.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus,
	.btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled],
	.btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active,
	.btn-info.active[disabled], fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover,
	fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active,
	fieldset[disabled] .btn-info.active {
	background-color: #26d7d9;
	border-color: #26d7d9;
}

/* .btn-default {
	width: 200px;
	margin: 0 15px;
} */

.btn-default:hover, .btn-default:focus, .btn-default:active,
	.btn-default.active, .open .dropdown-toggle.btn-default {
	background-color: #bababa;
	border-color: #bababa;
	color: #FFFFFF;
}

.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default
	{
	background-image: none;
}

.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus,
	.btn-default.disabled:active, .btn-default.disabled.active,
	.btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus,
	.btn-default[disabled]:active, .btn-default.active[disabled], fieldset[disabled] .btn-default,
	fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus,
	fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active
	{
	background-color: #cccccc;
	border-color: #cccccc;
}

.btn-warning {
	background-color: #f8ac59;
	border-color: #f8ac59;
	color: #FFFFFF;
}
.btn-draft{
	background-color: #ff9c9c;
	border-color: #ff9c9c;
	color: #FFFFFF;
}


.btn-warning:hover, .btn-warning:focus, .btn-warning:active,
	.btn-warning.active, .open .dropdown-toggle.btn-warning {
	background-color: #f7a54a;
	border-color: #f7a54a;
	color: #FFFFFF;
}

.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning
	{
	background-image: none;
}

.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus,
	.btn-warning.disabled:active, .btn-warning.disabled.active,
	.btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus,
	.btn-warning[disabled]:active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning,
	fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus,
	fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active
	{
	background-color: #f9b66d;
	border-color: #f9b66d;
}

.btn-danger {
	background-color: #ed5565;
	border-color: #ed5565;
	color: #FFFFFF;
	margin-top:5px;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active,
	.open .dropdown-toggle.btn-danger {
	background-color: #ec4758;
	border-color: #ec4758;
	color: #FFFFFF;
}

.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger
	{
	background-image: none;
}

.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus,
	.btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled],
	.btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active,
	.btn-danger.active[disabled], fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover,
	fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active,
	fieldset[disabled] .btn-danger.active {
	background-color: #ef6776;
	border-color: #ef6776;
}

.btn-link {
	color: inherit;
}

.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active,
	.open .dropdown-toggle.btn-link {
	color: #1c84c6;
}

.btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link {
	background-image: none;
}

.btn-link.disabled, .btn-link.disabled:hover, .btn-link.disabled:focus,
	.btn-link.disabled:active, .btn-link.disabled.active, .btn-link[disabled],
	.btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled]:active,
	.btn-link.active[disabled], fieldset[disabled] .btn-link, fieldset[disabled] .btn-link:hover,
	fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:active,
	fieldset[disabled] .btn-link.active {
	color: #cacaca;
}

.btn-white {
	color: inherit;
	background: white;
	border: 1px solid #e7eaec;
}

.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active,
	.open .dropdown-toggle.btn-white {
	color: inherit;
	border: 1px solid #d2d2d2;
}

.btn-white:active, .btn-white.active {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset;
}

.btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white {
	background-image: none;
}

.btn-white.disabled, .btn-white.disabled:hover, .btn-white.disabled:focus,
	.btn-white.disabled:active, .btn-white.disabled.active, .btn-white[disabled],
	.btn-white[disabled]:hover, .btn-white[disabled]:focus, .btn-white[disabled]:active,
	.btn-white.active[disabled], fieldset[disabled] .btn-white, fieldset[disabled] .btn-white:hover,
	fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white:active,
	fieldset[disabled] .btn-white.active {
	color: #cacaca;
}

.form-control, .form-control:focus, .has-error .form-control:focus,
	.has-success .form-control:focus, .has-warning .form-control:focus,
	.navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus,
	.navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle,
	.panel, .popover, .progress, .progress-bar {
	box-shadow: none;
}
.alias-form{border: 0 0 1px 0 !important;
	border: none;
	border: 1px darkred #333 !important;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: rgb(18 107 108);
	width: 300px;
color: #4283bc;
font-weight: bold;
}
.alias-form:focus{
	border-color: none;
	outline: 0;
	box-shadow:none;

}
.form-url{padding:20px 0!important;}
/*.form-url>div{
	display: flex !important;
}*/
.btn-outline {
	color: inherit;
	background-color: transparent;
	transition: all .5s;
}

.btn-rounded {
	border-radius: 50px;
}

.label {
	background-color: #d1dade;
	color: #5e5e5e;

	font-size: 10px;
	font-weight: 600;
	padding: 3px 8px;
	text-shadow: none;
}

.badge {
	background-color: #d1dade;
	color: #5e5e5e;

	font-size: 11px;
	font-weight: 600;
	padding-bottom: 4px;
	padding-left: 6px;
	padding-right: 6px;
	text-shadow: none;
}

.label-primary, .badge-primary {
	background-color: rgb(18 107 108);
	color: #FFFFFF;
}

.label-success, .badge-success {
	background-color: #1c84c6;
	color: #FFFFFF;
}

.label-warning, .badge-warning {
	background-color: #f8ac59;
	color: #FFFFFF;
}

.label-warning-light, .badge-warning-light {
	background-color: #f8ac59;
	color: #ffffff;
}

.label-danger, .badge-danger {
	background-color: #ed5565;
	color: #FFFFFF;
}

.label-info, .badge-info {
	background-color: #23c6c8;
	color: #FFFFFF;
}

.label-inverse, .badge-inverse {
	background-color: #262626;
	color: #FFFFFF;
}

.label-white, .badge-white {
	background-color: #FFFFFF;
	color: #5E5E5E;
}

.label-white, .badge-disable {
	background-color: #2A2E36;
	color: #8B91A0;
}

/* LIST GROUP */
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus
	{
	background-color: rgb(18 107 108);
	border-color: rgb(18 107 108);
	color: #FFFFFF;
	z-index: 2;
}

.list-group-item-heading {
	margin-top: 10px;
}

.list-group-item-text {
	margin: 0 0 10px;
	color: inherit;
	font-size: 12px;
	line-height: inherit;
}

.no-padding .list-group-item {
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.no-padding .list-group-item:first-child {
	border-left: none;
	border-right: none;
	border-bottom: none;
	border-top: none;
}

.no-padding .list-group {
	margin-bottom: 0;
}

.list-group-item {
	background-color: inherit;
	border-bottom: 1px solid #e7eaec;
	display: block;
	margin-bottom: -1px;
	padding: 10px 15px;
	position: relative;
	    border-left: none;
		    border-right: none;
			    border-top: none;
}

.todo-list {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.todo-list.small-list {
	font-size: 12px;
}

.todo-list.small-list>li {
	background: #f3f3f4;
	border-left: none;
	border-right: none;
	border-radius: 4px;
	color: inherit;
	margin-bottom: 2px;
	padding: 6px 6px 6px 12px;
}

.todo-list.small-list .btn-xs, .todo-list.small-list .btn-group-xs>.btn
	{
	border-radius: 5px;
	font-size: 10px;
	line-height: 1.5;
	padding: 1px 2px 1px 5px;
}

.todo-list>li {
	background: #f3f3f4;
	border-left: 6px solid #e7eaec;
	border-right: 6px solid #e7eaec;
	border-radius: 4px;
	color: inherit;
	margin-bottom: 2px;
	padding: 10px;
}

.todo-list .handle {
	cursor: move;
	display: inline-block;
	font-size: 15px;
	margin: 0 5px;
}

.todo-list>li .label {
	font-size: 9px;
	margin-left: 10px;
}

.check-link {
	font-size: 15px;
}

.todo-completed {
	text-decoration: line-through;
}

.geo-statistic h1 {
	font-size: 36px;
	margin-bottom: 0;
}

.glyphicon.fa {
	font-family: "FontAwesome";
}
/* INPUTS */
.inline {
	display: inline-block !important;
}

.input-s-sm {
	width: 120px;
}

.input-s {
	width: 200px;
}

.input-s-lg {
	width: 250px;
}

.i-checks {
	padding-left: 0;
}

.form-control, .single-line {
	background-color: #FFFFFF;
	background-image: none;
	border: 1px solid #d3d3d3;
	border-radius: 4px;
	color: inherit;
	display: block;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
	width: 100%;
	font-size: 14px;
}

.form-control:focus, .single-line:focus {
	border-color: rgb(18 107 108);
}

.has-success .form-control {
	border-color: rgb(18 107 108);
}

.has-warning .form-control {
	border-color: #f8ac59;
}

.has-error .form-control {
	border-color: #ed5565;
}

.has-success .control-label {
	color: rgb(18 107 108);
}

.has-warning .control-label {
	color: #f8ac59;
}

.has-error .control-label {
	color: #ed5565;
}

.input-group-addon {
	background-color: #fff;
	border: 1px solid #d3d3d3;
	border-radius: 3px;
	color: #969595;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	padding: 6px 12px;
	text-align: center;
}

.spinner-buttons.input-group-btn .btn-xs {
	line-height: 1.13;
}

.spinner-buttons.input-group-btn {
	width: 20%;
}

.noUi-connect {
	background: none repeat scroll 0 0 rgb(18 107 108);
	box-shadow: none;
}

.slider_red .noUi-connect {
	background: none repeat scroll 0 0 #ed5565;
	box-shadow: none;
}
/* Bootstrap input */
/*
 * bootstrap-tagsinput v0.8.0
 *
 */

.bootstrap-tagsinput {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
}
.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
/* ALERT SWEET */
body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
			width: 420px;
			border-radius: 20px;
			text-align: center;
			position: fixed;
			left: 50%;
			top: 40%;
			margin-left: -206px;
			margin-top: -200px;
			overflow: hidden;
			display: none;
			z-index: 99999;
		}
		.sweet-alert {
			text-align: justify;
	    background-image: url(https://static.vincook.vn//work/6-timeskip-c1d83.png);
	    background-size: 100%;
	    background-repeat: no-repeat;
		}
		.sweet-alert.buoi-sang {
			background-image: url(https://static.vincook.vn//work/8-timeskip-05758.png);
		}
		.sweet-alert.giua-ngay {
			background-image: url(https://static.vincook.vn//work/6-timeskip-c1d83.png);
		}
		.sweet-alert.buoi-toi {
			background-image: url(https://static.vincook.vn//work/8-timeskip-05758.png);
		}

		.sweet-container{
			background: #fff;
	    display: block;
	    position: relative;
	    z-index: 8888;
	    margin-top: 160px;
	    padding: 20px 30px 30px;
	    text-align: center;
		}

  @media all and (max-width: 540px) {
    .sweet-alert {
			width: auto;
	    margin-left: 30px;
	    margin-right: 30px;
	    left: 15px;
	    right: 15px;
	    border-radius: 15px;
		}
		.sweet-container{
			  margin-top: 140px;
		}
	}
  .sweet-alert h2 {
		color: #00b9d4;
    font-size: 25px;
    text-align: center;
    text-transform: none;
    position: relative;
    padding: 0;
    display: block;
    margin-top: 10px;
}
  .sweet-alert p {
		color: #333;
		    font-size: 18px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: 30px;
 }
  .sweet-alert fieldset {
    border: none;
    position: relative; }
  .sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s; }
    .sweet-alert .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      webkit-transition: padding 0.2s, max-height 0.2s;
      transition: padding 0.25s, max-height 0.25s; }
    .sweet-alert .sa-error-container .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #ea7d7d;
      color: white;
      line-height: 24px;
      text-align: center;
      margin-right: 3px; }
    .sweet-alert .sa-error-container p {
      display: inline-block; }
  .sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
      content: "";
      width: 20px;
      height: 6px;
      background-color: #f06e57;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 50%;
      margin-left: -9px; }
    .sweet-alert .sa-input-error::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .sweet-alert .sa-input-error::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sweet-alert .sa-input-error.show {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .sweet-alert input:focus {
      outline: none;
      box-shadow: 0px 0px 3px #c4e6f5;
      border: 1px solid #b4dbed; }
      .sweet-alert input:focus::-moz-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus:-ms-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus::-webkit-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
    .sweet-alert input::-moz-placeholder {
      color: #bdbdbd; }
    .sweet-alert input:-ms-input-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-webkit-input-placeholder {
      color: #bdbdbd; }
  .sweet-alert.show-input input {
    display: block; }
  .sweet-alert button {
		background-color: #ecc012 !important;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 15px;
    font-weight: 400;
    -webkit-border-radius: 4px;
    border-radius: 10px;
    padding: 8px 25px;
    margin: 26px 5px 0 5px;
    cursor: pointer;
    text-transform: uppercase;}
    .sweet-alert button:focus {
      outline: none;
      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .sweet-alert button:hover {
      background-color: rgb(18 107 108); }
    .sweet-alert button:active {
      background-color: #81ccee; }
    .sweet-alert button.cancel {
      background-color: #D0D0D0; }
      .sweet-alert button.cancel:hover {
        background-color: #c8c8c8; }
      .sweet-alert button.cancel:active {
        background-color: #b6b6b6; }
      .sweet-alert button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .sweet-alert .sa-icon {
    width: 80px;
		display: none !important;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .sa-icon.sa-error {
      border-color: #F27474; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .sa-icon.sa-warning {
      border-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .sweet-alert .sa-icon.sa-info {
      border-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1; }
    .sweet-alert .sa-icon.sa-success {
      border-color: #A5DC86; }
      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .sa-icon.sa-success::before {
        -webkit-border-radius: 120px 0 0 120px;
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::after {
        -webkit-border-radius: 0 120px 120px 0;
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }
	/* END ALERT */

/* Toastr custom style */
.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a, .toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: alpha(Opacity=80);
    filter: alpha(opacity=80)
}

.toast-close-button:focus, .toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: alpha(Opacity=40);
    filter: alpha(opacity=40)
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container > div {
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #fff;
    opacity: .8;
    -ms-filter: alpha(Opacity=80);
    filter: alpha(opacity=80)
}

#toast-container > :hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

#toast-container > .toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important
}

#toast-container > .toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important
}

#toast-container > .toast-success {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important
}


#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
    width: 300px;
    margin: auto
}

#toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
    width: 96%;
    margin: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51a351
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #f89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: alpha(Opacity=40);
    filter: alpha(opacity=40)
}

@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
	.nav .nav-second-level{
		    left: 166px !important;
	}
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }


}
#toast-container>.toast {
	background-image: none !important;
}

#toast-container>.toast:before {
	position: fixed;
	font-family: FontAwesome;
	font-size: 24px;
	line-height: 24px;
	float: left;
	color: #FFF;
	padding-right: 0.5em;
	margin: auto 0.5em auto -1.5em;
}

#toast-container>.toast-warning:before {
	content: "\f003";
}

#toast-container>.toast-error:before {
	content: "\f001";
}

#toast-container>.toast-info:before {
	content: "\f005";
}

#toast-container>.toast-success:before {
	content: "\f00C";
}

#toast-container>div {
	-moz-box-shadow: 0 0 3px #999;
	-webkit-box-shadow: 0 0 3px #999;
	box-shadow: 0 0 3px #999;
	opacity: .9;
	-ms-filter: alpha(opacity = 90);
	filter: alpha(opacity = 90);
}

#toast-container>:hover {
	-moz-box-shadow: 0 0 4px #999;
	-webkit-box-shadow: 0 0 4px #999;
	box-shadow: 0 0 4px #999;
	opacity: 1;
	-ms-filter: alpha(opacity = 100);
	filter: alpha(opacity = 100);
	cursor: pointer;
}

.toast {
	background-color: rgb(18 107 108);
}

.toast-success {
	background-color: rgb(18 107 108);
}

.toast-error {
	background-color: #ed5565;
}

.toast-info {
	background-color: #23c6c8;
}

.toast-warning {
	background-color: #f8ac59;
}

.toast-top-full-width {
	margin-top: 20px;
}

.toast-bottom-full-width {
	margin-bottom: 20px;
}
/* Notifie */
.cg-notify-message.inspinia-notify {
	background: #fff;
	padding: 0;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1), 0 2 px 4 px
		rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1), 0 2 px 4 px
		rgba(0, 0, 0, 0.2);
	border: none;
	margin-top: 30px;
	color: inherit;
}

.inspinia-notify.alert-warning {
	border-left: 6px solid #f8ac59;
}

.inspinia-notify.alert-success {
	border-left: 6px solid #1c84c6;
}

.inspinia-notify.alert-danger {
	border-left: 6px solid #ed5565;
}

.inspinia-notify.alert-info {
	border-left: 6px solid rgb(18 107 108);
}
/* Image cropper style */
.img-container, .img-preview {
	overflow: hidden;
	text-align: center;
	width: 100%;
}

.img-preview-sm {
	height: 130px;
	width: 200px;
}
/* Forum styles  */
.forum-post-container .media {
	margin: 10px 10px 10px 10px;
	padding: 20px 10px 20px 10px;
	border-bottom: 1px solid #f1f1f1;
}

.forum-avatar {
	float: left;
	margin-right: 20px;
	text-align: center;
	width: 110px;
}

.forum-avatar .img-circle {
	height: 48px;
	width: 48px;
}

.author-info {
	color: #676a6c;
	font-size: 11px;
	margin-top: 5px;
	text-align: center;
}

.forum-post-info {
	padding: 9px 12px 6px 12px;
	background: #f9f9f9;
	border: 1px solid #f1f1f1;
}

.media-body>.media {
	background: #f9f9f9;
	border-radius: 3px;
	border: 1px solid #f1f1f1;
}

.forum-post-container .media-body .photos {
	margin: 10px 0;
}

.forum-photo {
	max-width: 140px;
	border-radius: 3px;
}

.media-body>.media .forum-avatar {
	width: 70px;
	margin-right: 10px;
}

.media-body>.media .forum-avatar .img-circle {
	height: 38px;
	width: 38px;
}

.mid-icon {
	font-size: 66px;
}

.forum-item {
	margin: 10px 0;
	padding: 10px 0 20px;
	border-bottom: 1px solid #f1f1f1;
}

.views-number {
	font-size: 24px;
	line-height: 18px;
	font-weight: 400;
}

.forum-container, .forum-post-container {
	padding: 30px !important;
}

.forum-item small {
	color: #999;
}

.forum-item .forum-sub-title {
	color: #999;
	margin-left: 50px;
}

.forum-title {
	margin: 15px 0 15px 0;
}

.forum-info {
	text-align: center;
}

.forum-desc {
	color: #999;
}

.forum-icon {
	float: left;
	width: 30px;
	margin-right: 20px;
	text-align: center;
}

a.forum-item-title {
	color: inherit;
	display: block;
	font-size: 18px;
	font-weight: 600;
}

a.forum-item-title:hover {
	color: inherit;
}

.forum-icon .fa {
	font-size: 30px;
	margin-top: 8px;
	color: #9b9b9b;
}

.forum-item.active .fa {
	color: rgb(18 107 108);
}

.forum-item.active a.forum-item-title {
	color: rgb(18 107 108);
}

@media ( max-width : 992px) {
	.forum-info {
		margin: 15px 0 10px 0px;
		/* Comment this is you want to show forum info in small devices */
		display: none;
	}
	.forum-desc {
		float: none !important;
	}
}


@media only screen and (max-width: 768px) {
	.todo .nav-tabs{

		    display: -webkit-box;   display: -moz-box;   display: -ms-flexbox;   display: flex;
		        overflow-x: overlay;
		    overflow-y: hidden;
	}
	.todo .nav.nav-tabs li{
		    min-width: fit-content
	}
	.body-small.mini-navbar .navbar-static-side {
	    display: block;
	}
	.avatar-profile{
		top: 10px;
	}
	.name-info{
		  left: 10px !important;
	}
	/* .navbar-minimalize{
		display: none !important;
	} */
	.form-search-home{
		margin-left: 10px !important;
			width: 120px;
	}
	.mini-navbar .form-search-home{
		margin-left: 10px !important;
  	width: 165px;
	}

	.cart-button{
		margin-right: 5px !important;
	}
	.dropdown-menu{
		float: left;
    left: inherit!important;
    right: auto;
		right: 0 !important;
	}
	#notify-area{
		/* width: 349px !important; */
    border-radius: 5px;
	}
	.list_tag{
		height: auto !important;
		display: block;
	}
	.content_facebook{
		padding: 5px;
	}
	.list_tag .tag_sale, .tag_sale{
		width: auto !important;
	}
.btn-warning{
	margin: 5px;
	}
	.content_preview .content-img,.content_preview .content_facebook{
		display: none!important;
	}
	.form-content{
		    margin-top: 0px !important;
		    display: flow-root!important;
	}
}
@media only screen and (min-width: 768px) {
	.vertical-timeline-content h2 {
		font-size: 18px;
	}
	.vertical-timeline-content p {
		font-size: 13px;
	}
	.navbar-right{
		margin-right: 0px !important;
	}
}

@media only screen and (min-width: 1170px) {
	.center-orientation .vertical-timeline-content {
		margin-left: 0;
		padding: 1.6em;
		width: 45%;
	}
	.center-orientation .vertical-timeline-content::before {
		top: 24px;
		left: 100%;
		border-color: transparent;
		border-left-color: white;
	}
	.center-orientation .vertical-timeline-content .btn {
		float: left;
	}
	.center-orientation .vertical-timeline-content .vertical-date {
		position: absolute;
		width: 100%;
		left: 122%;
		top: 2px;
		font-size: 14px;
	}
	.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content
		{
		float: right;
	}
	.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before
		{
		top: 24px;
		left: auto;
		right: 100%;
		border-color: transparent;
		border-right-color: white;
	}
	.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn
		{
		float: right;
	}
	.center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date
		{
		left: auto;
		right: 122%;
		text-align: right;
	}
	.center-orientation .cssanimations .vertical-timeline-content.is-hidden
		{
		visibility: hidden;
	}
}

.sidebard-panel {
	width: 220px;
	background: #ebebed;
	padding: 10px 20px;
	position: absolute;
	right: 0;
}

.sidebard-panel .feed-element img.img-circle {
	width: 32px;
	height: 32px;
}

.sidebard-panel .feed-element, .media-body, .sidebard-panel p {
	font-size: 12px;
}

.sidebard-panel .feed-element {
	margin-top: 20px;
	padding-bottom: 0;
}

.sidebard-panel .list-group {
	margin-bottom: 10px;
}

.sidebard-panel .list-group .list-group-item {
	padding: 5px 0;
	font-size: 12px;
	border: 0;
}

.sidebar-content .wrapper, .wrapper.sidebar-content {
	padding-right: 230px !important;
}

.body-small .sidebar-content .wrapper, .body-small .wrapper.sidebar-content
	{
	padding-right: 20px !important;
}

body {
	font-family: "Roboto Condensed", sans-serif !important;
	font-size: 15px;
	line-height: 22px;
	color: #505152;
	font-weight: 400;
	/* overflow-x: hidden; */
}

body.boxed-layout {
	background: url('patterns/shattered.png');
}

body.boxed-layout #wrapper {
	background-color: #2f4050;
	max-width: 1200px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

.top-navigation.boxed-layout #wrapper, .boxed-layout #wrapper.top-navigation
	{
	max-width: 1300px !important;
}

.block {
	display: block;
}

.clear {
	display: block;
	overflow: hidden;
}

a {
	cursor: pointer;
}

a:hover, a:focus {
	text-decoration: none;
}



.font-bold {
	font-weight: 600;
}

.font-noraml {
	font-weight: 400;
}

.text-uppercase {
	text-transform: uppercase;
}

.b-r {
	border-right: 1px solid #e7eaec;
}

.hr-line-dashed {
	border-top: 1px dashed #e7eaec;
	color: #ffffff;
	background-color: #ffffff;
	height: 1px;
	margin: 20px 0;
}

.hr-line-solid {
	border-bottom: 1px solid #e7eaec;
	background-color: rgba(0, 0, 0, 0);
	border-style: solid !important;
	margin-top: 15px;
	margin-bottom: 15px;
}

video {
	width: 100% !important;
	height: auto !important;
}
/* GALLERY */
.gallery>.row>div {
	margin-bottom: 15px;
}

.fancybox img {
	margin-bottom: 5px;
	/* Only for demo */
	width: 24%;
}
/* Summernote text editor  */
.note-editor {
	height: auto;
	min-height: 200px;
}
.mail{
	cursor: pointer;
}
/* MODAL */
.modal-content {
	background-clip: padding-box;
	    background-color: #FFFFFF;
	    border-bottom: 1px solid rgba(115, 117, 117, 0.32);
	    border-radius: 4px;
	    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);
	    outline: 0 none;
			    border: none;
	    position: relative;
			padding: 15px !important;
}

.modal-dialog {
	z-index: 1200 !important;
}

.modal-body {
	padding: 20px 30px 30px 30px;
}

.inmodal .modal-body {
	background: #f8fafb;
}

.inmodal .modal-header {
	padding: 30px 15px;
	text-align: center;
}

.animated.modal.fade .modal-dialog {
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}

.modal-title {
    font-size: 15px;
    background: #eee;
    color: #555;
    padding: 12px;
    /* text-align: center; */
    font-weight: 700;
}

.inmodal .modal-icon {
	font-size: 84px;
	color: #e2e3e3;
}

/* WRAPPERS */
#wrapper {
	width: 100%;
	overflow-x: hidden;
}
.wrapper-content {
	margin-left: 10px;
}
/* .wrapper {
	padding: 0 20px;
}

wrapper-content {
	padding: 10px 10px 40px 10px;
} */

#page-wrapper {
	/* padding: 0 15px; */
	min-height: 568px;
	position: relative !important;
}

@media ( min-width : 768px) {
	#page-wrapper {
		position: inherit;
		margin: 0 0 0 240px;
		min-height: 1000px;
	}
}

.title-action {
	text-align: right;
	padding-top: 30px;
}

.ibox-content h1, .ibox-content h2, .ibox-content h3, .ibox-content h4,
	.ibox-content h5, .ibox-title h1, .ibox-title h2, .ibox-title h3,
	.ibox-title h4, .ibox-title h5 {
		margin-top: 5px;
    line-height: 22px;
    font-weight: 600;
    color: rgb(18 107 108);
}
.post_desciption{
	font-style: italic;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
.ibox-content .search_button{
	    padding: 8px;
}
.ibox-content .search_form{
	padding: 12px;
	height: 36px;
	font-weight: 600;
}
ul.unstyled, ol.unstyled {
	list-style: none outside none;
	margin-left: 0;
}

.big-icon {
	font-size: 160px;
	color: #e5e6e7;
}
/* FOOTER */
.footer {
	background: none repeat scroll 0 0 white;
	border-top: 1px solid #e7eaec;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
}

.footer.fixed_full {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	padding: 10px 20px;
	background: white;
	border-top: 1px solid #e7eaec;
}

.footer.fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	padding: 10px 20px;
	background: white;
	border-top: 1px solid #e7eaec;
	margin-left: 220px;
}

body.mini-navbar .footer.fixed, body.body-small.mini-navbar .footer.fixed
	{
	margin: 0 0 0 70px;
}

body.fixed-sidebar.body-small.mini-navbar .footer.fixed {
	margin: 0 0 0 220px;
}

body.body-small .footer.fixed {
	margin-left: 0px;
}
/* PANELS */
.page-heading {
	border-top: 0;
	padding: 0px 0 10px 0;
}
.page-heading{
	margin-top:5px;
}
.panel-heading h1, .panel-heading h2 {
	margin-bottom: 5px;
}
/* TABLES */
.table-bordered {
	border: 1px solid #EBEBEB;
}

.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
	background-color: #F5F5F6;
	border-bottom-width: 1px;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th,
	.table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td,
	.table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
	border: 1px solid #e7e7e7;
}

.table>thead>tr>th {
	border-bottom: 1px solid #DDDDDD;
	vertical-align: bottom;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,
	.table>tbody>tr>td, .table>tfoot>tr>td {
		border-top: 1px solid #e7eaec;
    line-height: 1.25;
    padding: 5px;
		    text-align: left;
    /* vertical-align: sub; */
}
/* PANELS */
.panel.blank-panel {
	background: none;
	margin: 0;
}

.blank-panel .panel-heading {
	padding-bottom: 0;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
	{
		-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /* background: none; */
    /* border-color: #dddddd #dddddd rgba(0, 0, 0, 0); */
    /* border-bottom: #f3f3f4; */
    /* border-image: none; */
    border-style: solid;
        border-width: 0px;
    color: #1d2627;
    cursor: default;
		border-bottom: 0px;

}

.nav.nav-tabs li {
	background: none;
	border: none;
}

.nav-tabs>li>a {
	color: #1d2627a3;
	font-weight: 600;
	/* text-transform: uppercase; */
	border-radius: 2px;
	padding: 4px;
	margin: 3px 0 0 0;
	border: 1px solid #fff;
	min-width: 80px;
	font-size: 13px;
	text-align: center;
}

.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
	background-color: #e6e6e6;
	color: #676a6c;
}

.ui-tab .tab-content {
	padding: 20px 0px;
}
/* GLOBAL  */
.no-padding {
	padding: 0 !important;
}

.no-borders {
	border: none !important;
}

.no-margins {
	margin: 0 !important;
}

.no-top-border {
	border-top: 0 !important;
}

.ibox-content.text-box {
	padding-bottom: 0px;
	padding-top: 15px;
}

.border-left-right {
	border-left: 1px solid #e7eaec;
	border-right: 1px solid #e7eaec;
	border-top: none;
	border-bottom: none;
}

.full-width {
	width: 100% !important;
}

.link-block {
	font-size: 12px;
	padding: 10px;
}

.nav.navbar-top-links .link-block a {
	font-size: 12px;
}

.link-block a {
	font-size: 10px;
	color: inherit;
}

body.mini-navbar .branding {
	display: none;
}

img.circle-border {
	border: 6px solid #FFFFFF;
	border-radius: 50%;
}

.branding {
	float: left;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 600;
	padding: 17px 20px;
	text-align: center;
	background-color: rgb(18 107 108);
}

.login-panel {
	margin-top: 25%;
}

.icons-box h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.icons-box .infont a i {
	font-size: 25px;
	display: block;
	color: #676a6c;
}

.icons-box .infont a {
	color: #a6a8a9;
}

.icons-box .infont a {
	padding: 10px;
	margin: 1px;
	display: block;
}

.ui-draggable .ibox-title {
	cursor: move;
}

.breadcrumb {
	background-color: #ffffff;
	padding: 8px 10px;
	margin-bottom: 0;
	color: #676a6c;
}

.breadcrumb>li a {
	color: rgb(18 107 108);
	    font-weight: 600;
}

.breadcrumb>.active {
	color: inherit;
}

code {
	background-color: #f3f3f4;
  border-radius: 4px;
  color: #31b905;
  padding: 4px 6px;
  /* white-space: nowrap; */
}

.ibox {
	clear: both;
	    margin: 5px 0 5px 0;
	    /* margin-top: 20px; */
	    /* padding: 0; */
	    /* margin: 20px; */
	    /* display: -webkit-box; */
}

.ibox:after, .ibox:before {
	display: table;
}

.ibox-title {
	height: 45px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  text-shadow: none;
  margin: 0 auto;
  background: #fff;
  margin-bottom: 3px;
  padding: 10px;
}

.ibox-content {
	background-color: #ffffff;
  color: inherit;
  border-color: #e7eaec;
  border-image: none;
  border-style: solid solid none;
  border-width: 0px;
	padding-top: 10px;
	box-shadow: 0 1px 5px -1px rgba(31,43,58,0.1);
	flex-direction: column;
	word-wrap: break-word;
	background-clip: border-box;
	border-radius: 4px;
}

table.table-mail tr td {
	padding: 12px;
}

.table-mail .check-mail {
	padding-left: 20px;
}

.table-mail .mail-date {
	padding-right: 20px;
}

.star-mail, .check-mail {
	width: 40px;
}

.unread td a, .unread td {
	font-weight: 600;
	color: inherit;
}

.read td a, .read td {
	font-weight: normal;
	color: inherit;
}

.unread td {
	background-color: #f9f8f8;
}

.ibox-content {
	clear: both;
}

.ibox-heading {
	background-color: #f3f6fb;
	border-bottom: none;
}

.ibox-heading h3 {
	font-weight: 200;
	font-size: 24px;
}

.ibox-title h5 {
	display: inline-block;
	font-size: 14px;
	margin: 0 0 8px;
	text-transform: uppercase;
	padding: 0;
	text-overflow: ellipsis;
	float: left;
	font-weight: bold;
}

.ibox-title .label {
	float: left;
	margin-left: 4px;
}

.ibox-tools {
	display: inline-block;
	float: right;
	margin-top: 0;
	position: relative;
	padding: 0;
}

.ibox-tools a {
	cursor: pointer;
	margin-left: 5px;
	color: #c4c4c4;
}

.ibox-tools a.btn-primary {
	color: #fff;
}

.ibox-tools .dropdown-menu>li>a {
	padding: 4px 10px;
	font-size: 12px;
}

.ibox .open>.dropdown-menu {
	left: auto;
	right: 0;
}
/* BACKGROUNDS */
.gray-bg {
	background-color: #f3f3f4;
}


body.modal-open {
	padding-right: inherit !important;
}
/* SEARCH PAGE */
.search-form {
	margin-top: 10px;
}

.search-result h3 {
	margin-bottom: 0;
	color: #1E0FBE;
}

.search-result .search-link {
	color: #006621;
}

.search-result p {
	font-size: 12px;
	margin-top: 5px;
}
/* CONTACTS */
.contact-box {
	background-color: #ffffff;
	border: 1px solid #e7eaec;
	padding: 20px;
	margin-bottom: 20px;
	max-height:180px;
	min-height:180px;
}

.contact-box a {
	color: inherit;
}
.i-checks {
  padding-left: 20px;
  cursor: pointer;
}
.i-checks input {
  opacity: 0;
  position: absolute;
  margin-left: -20px;
}
.i-checks input:checked + i {
    border-color: rgb(18 107 108);
}
.i-checks input:checked + i:before {

	width: 20px;
	height: 20px;
	background-color: rgb(18 107 108);
	background: url(/img/green.png) no-repeat;
	position: absolute;
	display: block;
	background-position-x: -49px;
	padding: 0px;
	top: -1px;
	left: -1px;
}
.i-checks input:checked + span .active {
  display: inherit;
}
.i-checks input[type="radio"] + i,
.i-checks input[type="radio"] + i:before {
  border-radius: 50%;
}
.i-checks input[disabled] + i,
fieldset[disabled] .i-checks input + i {
  border-color: #dee5e7;
}
.i-checks input[disabled] + i:before,
fieldset[disabled] .i-checks input + i:before {
  background-color: #dee5e7;
}
.i-checks > i {
	width: 20px;
	    height: 20px;
	    line-height: 1;
	    border: 1px solid rgb(18 107 108);
	    background-color: #fff;
	    margin-left: -20px;
	    /* margin-top: -2px; */
	    display: inline-block;
	    vertical-align: middle;
	    margin-right: 4px;
	    position: relative;
}
.i-checks > i:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  width: 0px;
  height: 0px;
  background-color: transparent;
  -webkit-transition: all 0s;
  transition: all 0s;
}
.i-checks > span {
  margin-left: -20px;
}
.i-checks > span .active {
  display: none;
}


@media ( min-width : 768px) {
	#page-wrapper {
		position: inherit;
		margin: 0 0 0 190px;
		min-height: 1200px;
	}
	.navbar-static-side {
		z-index: 101;
		position: absolute;
    width: 180px;
	}
	.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks,
		.navbar-top-links .dropdown-alerts {
		margin-left: auto;
	}
}

@media ( max-width : 768px) {
	#page-wrapper {
		position: inherit;
		margin: 0 0 0 0px;
		min-height: 1000px;
	}
	.body-small #page-wrapper{
		margin: 0 0 0 70px;
	}
	.body-small .navbar-static-side {
		z-index: 101;
		position: absolute;
		width: 180px;
	}
	.body-small .navbar-static-side .nav>li {
		width: 180px;
	}
	.body-small.mini-navbar .navbar-static-side {
		display: block;
	}
	.lock-word {
		display: none;
	}
	.navbar-form-custom {
		display: none;
	}
	.navbar-header {
		display: inline;
		float: left;
	}
	.sidebard-panel {
		z-index: 2;
		position: relative;
		width: auto;
		min-height: 100% !important;
	}
	.sidebar-content .wrapper {
		padding-right: 0px;
		z-index: 1;
	}
	.fixed-sidebar.body-small .navbar-static-side {
		display: none;
		z-index: 101;
		position: fixed;
		width: 220px;
	}
	.fixed-sidebar.body-small.mini-navbar .navbar-static-side {
		display: block;
	}
}

@media ( max-width : 350px) {
	.timeline-item .date {
		text-align: left;
		width: 110px;
		position: relative;
		padding-top: 30px;
	}
	.timeline-item .date i {
		position: absolute;
		top: 0;
		left: 15px;
		padding: 5px;
		width: 30px;
		text-align: center;
		border: 1px solid #e7eaec;
		background: #f8f8f8;
	}
	.timeline-item .content {
		border-left: none;
		border-top: 1px solid #e7eaec;
		padding-top: 10px;
		min-height: 100px;
	}
	.nav.navbar-top-links li.dropdown {
		display: none;
	}
}
/* Only demo */
@media ( max-width : 1000px) {
	.welcome-message {
		display: none;
	}
}

.modal-backdrop.in {
	height: 100%;
	position: fixed
}

.nav-tabs .active {
	border-bottom: 1px solid #fff !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
	{
		border-color: rgb(18 107 108) rgb(18 107 108) #fff !important;
    color: rgb(18 107 108);
    /* font-weight: 600; */
    cursor: pointer;
}

.dropdown-menu {
	min-width: 200px;
}

.dropdown-menu.columns-2 {
	min-width: 400px;
}

.dropdown-menu.columns-3 {
	min-width: 700px;
	padding: 10px 0px
}

.dropdown-menu li a {
	padding: 5px 15px;
	font-weight: 300;
}

.multi-column-dropdown {
	list-style: none;
	padding: 0
}

.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
}

.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5;
}

.dropdown-menu {
	float: left;
	left: 100%;
	right: auto;
}

@media ( max-width : 767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
}

@media ( max-width : 480px) {
	.content {
		width: 90%;
		margin: 50px auto;
		padding: 10px;
	}
}

.pace {
	display: none !important
}

/*** LOADING ***/
/* Second Loadin Circle */
.loading {
    z-index: 2000;
	top: 0px;
	left: 0px;
cursor: wait;
    position: absolute;
    width: 100%;
	padding:20%;
    height: 100%;
    background-color: rgba(145, 145, 145, 0.4);
    transition: opacity 1s;
	-moz-transition: opacity 1s;
    -webkit-transition: opacity 1s; /* Safari */
	-ms-transition: opacity 1s;
    opacity: 1;
	display:none;
}

.loading .circle {
    background-color: rgba(0, 0, 0, 0);
    border: 5px solid rgba(0, 183, 229, 0.9);
	border: 5px solid rgba(26, 179, 148, 1);
    opacity: .9;
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius: 50px;
    box-shadow: 0 0 35px #2187e7;
	box-shadow: 0 0 35px #FFAC48;
    width: 50px;
    height: 50px;
    margin: 0 auto;
	animation: spinPulse 1s infinite ease-in-out;
	-ms-animation: spinPulse 1s infinite ease-in-out;
    -moz-animation: spinPulse 1s infinite ease-in-out;
    -webkit-animation: spinPulse 1s infinite linear;
}

.loading .circle1 {
	top: -40px;
    background-color: rgba(0, 0, 0, 0);
    border: 5px solid rgba(0, 183, 229, 0.9);
	border: 5px solid rgba(26, 179, 148, 1);
    opacity: .9;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius: 50px;
    box-shadow: 0 0 15px #2187e7;
	box-shadow: 0 0 15px #FFAC48;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    animation: spinoffPulse 1s infinite linear;
	-ms-animation: spinoffPulse 1s infinite linear;
    -moz-animation: spinoffPulse 1s infinite linear;
    -webkit-animation: spinoffPulse 1s infinite linear;
}
.list-group-item a{color: rgb(18 107 108);
  font-style: italic;
  font-weight: 400;}
  .list-group-item {padding:20px auto;}
@-moz-keyframes spinPulse {
	0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
	50% { -moz-transform:rotate(145deg); opacity:1; }
	100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulse {
	0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
	50% { -webkit-transform:rotate(145deg); opacity:1;}
	100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
@-ms-keyframes spinPulse {
	0% { -ms-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
	50% { -ms-transform:rotate(145deg); opacity:1;}
	100% { -ms-transform:rotate(-320deg); opacity:0; }
}
@-ms-keyframes spinoffPulse {
	0% { -ms-transform:rotate(0deg); }
	100% { -ms-transform:rotate(360deg); }
}
/*** LOADING END ***/

body.bodyclass-login {
	background: #e8f0fe;
	    background-repeat: no-repeat;
	    background-size: auto;
			background-position-y: 50%;
}
.bodyclass-login div.box {
	width: 380px;
	box-sizing: border-box;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
	border-radius: 3px;
	background: #fff;
	margin: 10% auto;
}

.bodyclass-login div.form-login {
    padding: 20px 30px 40px 30px;
width: 100%;
}

.bodyclass-login div.form-login .form-control {
	height: 37px;
	border: 1px solid #BDC3C7;
	float: left;
	border-radius: 4px;
}

.bodyclass-login div.login-b {

border-radius: 0;
}
.quenmk{
  margin: 5px 0;
}

.bodyclass-login div.login-b .btn-primary {
height: 60px;
border: none;
padding:15px;
text-transform: uppercase;
border-radius: 1px;
background: rgb(18 107 108);
font-size: 20px;
font-weight: bold;
width:100%;
}

.bodyclass-login div.login-b .btn-primary:hover {
background: #f1c40a;
}

.bodyclass-login .heading {
width: 100%;
height: 120px;
color: rgb(18 107 108);
padding: 40px 0;
text-align: center;
font-weight: bold;
}
.image-data{box-shadow: 0 0 1px solid #eee;border-radius: 2px;}

.boxfood{
	background: #fff;
	padding: 10px;
	min-height: 220px;
	width: 24%;
	border: 1px solid #f58323;
	margin: 5px;
	}
.logo-auth img{
	border-top: 1px solid rgba(245, 130, 32, 0.35);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-bottom: 50px;
	z-index: 9999;
	overflow: overlay;
	position: absolute;
	background: #fff;
}
.logo-auth{
	    margin: 0 40%;
}
.itemlist{	    border: 1px solid rgb(243, 243, 244);
    background: #fff;
    margin-top: 20px;}
.itemavatar{
	border-top: 1px solid rgb(243, 243, 244);
	margin-top: 30px;
	padding: 10px;
}
.itemlist .text-item{
	padding:5px;
	text-align: center;
}

.itemlist .text-item p{
	font-weight: bold;
	font-size: 15px;
	color: rgba(0, 0, 0, 0.68);
	padding-top: 20px;
}
.itemlist .text-item i{
	font-size: 12px;
		color: rgba(0, 0, 0, 0.68);
}
.itemlist:hover{
	box-shadow: 0 0 1px rgb(18 107 108);
border: 1px solid rgb(18 107 108);
background: rgba(255, 255, 255, 0.92);
}
.viewmenu p.monan{
	font-size:13px !important;
	font-style: italic !important;
	font-weight: 600;
	text-align: center;
	padding-top:5px;
}
.chonmon .monan .btn{
	margin: 5px 0 0 0 !important;
font-size: 11px;
padding: 2px 5px;
}

p.thungay{
	text-align: center;
text-transform: uppercase;
color: rgb(18 107 108);
font-size: 14px;
padding-top: 10px;
padding-bottom: 5px;
border-bottom: 1px solid;
}
input.name_menu{
	font-size: 14px!important;
font-weight: bold;
color: rgb(18 107 108);
border: 1px solid rgb(18 107 108);
}
.viewmenu .form-url strong{
	color: #676a6c;
font-size: 12px !Important;
}
.viewmenu .form-url .alias-form{
	padding-bottom: 5px!important;
	    height: 20px!important;
			background: none!important;
}
.btn-primary{
	padding: 6px 10px;
	/* font-weight: 600; */
	font-size: 13px;
	/* margin-top: 5px; */
	/* margin-left: 5px; */
}
.price_item{
	padding: 20px 10px;
border-top: 1px solid #f3f3f4;
margin-right: 0!important;
margin-left: 0 !Important;
}
.menu_price{
	    font-weight: 600;
}
p.ngay_menu{
	text-transform: uppercase;
font-size: 11px;
font-weight: 600;
color: rgb(18 107 108);
background: #eee;
    text-align: center;
padding: 2px 10px;
}
.modal-lg {
    width: 80%;
    margin-left: 200px !important;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: overlay;
		 z-index: 1051;
		 /* margin-top:80px; */
}

#listitem .modal-lg{
	width:90%!important;
}
.uploadfile{
	padding: 10px 20px;
    text-align: center;
}
.name-file{
	width: 200px !important;
display: block;
overflow: hidden;
}
.menu-profile{
    text-align: right;
}
.menu-profile span{
	font-size: 14px;
	padding-right: 10px;
	line-height: 25px;
}
.img-blog{
	width: 145px;
  height: 145px;
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  margin-top: 5px;
  padding: 2px;
  /* border-radius: 50%; */
  background: #fff;
  border: 1px solid #ddd;
}
.product_image{
	box-shadow: 0 0 2px;
max-width: 80px;
max-height: 80px;
margin: 5px;
border: 1px solid #fff;
border-radius: 3px;
}
.name-info{
	top: 180px;
	color: #fff;
	left: 150px;
}
.name-info h2{
	font-size: 24px;
  font-weight: 600;
  color: #fff;
  line-height: 25px;
  max-width: 275px;
  position: relative;
  margin-bottom: 0px;
}
.name-info h4{
	font-size: 20px;
    font-weight: normal;
		cursor: pointer;
}
.form-profile{
	border: none;
    width: 100%;
    border-bottom: 1px solid #eee;
		font-size: 13px;
		    height: 30px;
		    padding-left: 0px;
}
.edit-avatar{
	text-align: center;
	margin-top: -55px;
	background: #000000d6;
	width: 145px;
	height: 75px;
	border-radius: 0 0 75px 75px;
	color: #fff;
	font-size: 15px;
	padding: 20px;
	display: none;
	cursor: pointer;
}
.edit-cover{
	margin-top: -230px;
    margin-left: 30px;
    color: #fff;
    border: 1px solid;
    width: 30px;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 0 3px #fff;
			cursor: pointer;
}

.item_image{
	max-width: 40px;
	border-radius: 3px;
	text-align: center;
	margin: 0 auto;
	height: 40px;
	/* border: 1px solid rgb(18 107 108);
	box-shadow: 0 0 1px rgb(18 107 108); */
}
.product-title{
	font-size: 14px;
	    line-height: 18px !important;
	    font-weight: 500 !important;
	    color: #6a6a6c !important;
}
.table-product>tr{
	border-top:1px solid grey;
}
.modal-content h5{
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 5px;
	/* border-bottom: 1px solid rgb(18 107 108); */
	/* padding: 5px 5px 15px 5px; */
	margin-bottom: -20px;
	padding-top: 10px;
}
.modal-content{
	padding:10px !important;
	/* text-align: center!important; */
	border-radius: 0;
}
.input-file{
	background: #fff;
	padding: 15px 10px;
	text-align: center;
	margin: 0 auto;
	border: 1px solid rgb(18 107 108);
}
p.text-file{
	font-size:14px;
	font-weight: 600;
	text-align: center;
}
input[type="file" i] {
	color:#fff;
}
input[type="file"] {
    display: none;
}
.custom-file-upload {
	border: 1px solid #ccc;
	display: inline-block;
	padding: 10px 30px;
	border-radius: 2px;
	cursor: pointer;
	background: #eee;
	margin: 10px 0;
}

.uploadfile .tab-content >div{
	min-height: 450px;
}
div.file_choose, div.item_choose{
	cursor: pointer;

	padding: 5px !important;
}
div.file_choose img{
	border: 1px solid #f5f5f5;
	min-height: 120px;
}
div.item_choose div{
	border: 1px solid rgba(245, 130, 32, 0.23);
	padding: 5px 0;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 12px;
}
div.item_choose div p{
	margin: 0 !important;
}
div.choose img{
	border: 2px solid rgb(18 107 108);
}
.alert-danger {
	color: #fff;
background: rgba(245, 130, 32, 0.61);
padding: 10px 20px;
font-size: 14px;
margin-left: 15px;
border: 1px solid #fff;
}
.table-head td{
	font-weight: bold;
	font-size:13px;
}
.order .order_time{
	font-style: italic;
}
.order .order_name a{
	color:rgb(18 107 108);
	font-weight:500;s
}
.order .order_sum{
	font-weight: 600;
}
.row{
	margin-bottom: 5px !important;
	    padding-bottom: 5px;
}
.row{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.khach_hang .ibox-title h5{
	font-size:13px !important;
	font-weight: 600;
}
.button-on-header h5{
    padding: 6px;
}
#addcoupon label{
	margin-top: 10px;
}

.order_form>div{
	padding-bottom: 10px;
}
.listallbox, .choose_size{
	margin: 0 auto;
	    margin-bottom: 10px !important;
}

.listallbox>div, .choose_size>div, .listmenu>div{
	border: 1px solid rgba(41, 56, 70, 0.27);
	margin-right: 10px;
	padding: 10px 5px;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	background: #eee;
	cursor: pointer;
	margin-bottom: 5px;
	float: left;
	font-size: 11px;
}
.size_box{
	width: 75px;
}

.choose {
    background: #fff !important;
}

.check_done{
	background: #eee !important;
  border-bottom: 2px solid rgb(18 107 108)  !important;
}
.diachi{
	margin: 5px 20px;
	padding: 5px;
	border-bottom: 1px solid #333;
	font-size: 13px;
}
.diachi .dc{
	font-style: italic;
}
.diachi span.macdinh{
	margin-left: 10px;
font-style: italic;
background: rgb(18 107 108);
border-radius: 3px;
padding: 1px 5px;
color: #fff;
font-size: 11px;
font-weight: 600;
}
 .button-home {
    padding: 5px 10px;
}
a.button-home {
    border: 1px solid rgb(18 107 108);
    font-weight: 600;
    background: rgb(18 107 108);
    color: #fff;
}

.button>div{
	margin-top: 20px;
border-top: 1px solid #eee;
padding-top: 10px;
padding-left: 0px;
}
#care_history .btn-info{
	float:right;
	margin-top: 10px;
}
div.div_info{
	padding-left: 30px;
background: rgba(238, 238, 238, 0.4);
padding-bottom: 0px;
padding: 10px 20px 5px 20px;
    margin-bottom: 20px;
}
p.list_info{
	font-size: 13px;
    font-weight: 600;
    font-style: italic;
    border-bottom: 1px solid rgb(18 107 108);
    display: -webkit-inline-box;
    box-shadow: 0 0 black;
    cursor: pointer;
}

.text-hoa-don{
	font-weight: 400;
	text-align: center;
}
.hoa-don>div{
 background: #fff;
 width: 75%;
		 font-size: 14px;
}
.hd_logo{
 width: 200px !important;
}
.hoa-don input, .hoa-don textarea{
 border-bottom: 1px solid #eee!important;
border: none;
text-align: center;
padding-top: 0px;
padding-bottom: 0px;
font-weight: 600;
margin-bottom: 15px;
padding: 0px !important;
}
.hoa-don h1{
 font-size: 25px;
		font-weight: 600;
}
.hd_header{
 border-bottom: 2px solid rgba(245, 130, 32, 0.48);
 display: -webkit-box;
 padding-bottom: 10px;
 margin-bottom: 5px;
}

.hd_header .col-sm-7{
 padding-left: 0px !important;
}
.form-hoa-don{
		border-right: 1px solid #eee;
}
.text-hoadon{
 font-size: 14px;
		/* font-weight: 600; */
		padding-top: 30px;
		font-style: italic;
}
.hoa-don label{
 font-weight: 400;
		 font-style: italic;
		 padding-bottom: 0px;
		 margin-bottom: 0px;
		 font-size: 14px;
}
.hoa-don h3{
 text-align: center;
 text-transform: uppercase;
 font-size: 15px;
 font-weight: 600;
 background: rgba(238, 238, 238, 0.69);
 padding: 5px;
}
.hd_footer{
	 border-top: 2px solid rgba(245, 130, 32, 0.48);
}
.hoa-don h4{
 text-transform: uppercase;
font-size: 13px;
font-weight: bold;
}
.hoa-don .cart_size,.hoa-don .cart_price{
		 font-style: italic;
}
/*.hoa-don.row, .hoa-don .row{
		padding: 0 20px !important;
}*/
.hoa-don .total{
 margin-top: 50px !IMPORTANT;
 border: none !important;
 padding: 0px !important;
 font-weight: 600;
}
.hoa-don .total p{
 line-height: 25px !important;
}
.add_menu{
	margin-bottom: 5px !important;
}
.menu_title{
	border: none;
text-transform: uppercase;
font-weight: 700;
}
.fag{
	padding: 10px 20px;
}
.customer_avatar{
	width: 80px;
	height: 80px;
	border-radius: 50%;
}
.payment_status{
	padding: 5px;
	    border: 1px solid #eee;
	    cursor: pointer;
	    text-align: center;
	    background: #eee;
	    font-weight: 600;
}
.pay_done{
	border: 1px solid #fff;
background: rgb(18 107 108);
color: #fff;
font-style: italic;
}
.form_status_ship{
	font-size: 12px;
	padding: 6px;
	height: 30px;
	border-radius: 2px;
}
.order_form{
	    border-left: 2px solid #f58221;
}
.price .label_price {
	font-weight: 600;
	    font-style: italic;
	    min-width: 90px;
	    width: 30%;
}
.price .price_real{
	text-align: right;
	font-weight: 600;
	    float: right;
}
.price_line{
	border-bottom: 1px solid #eee;
	    display: -webkit-box;
}
.price{
    padding: 10px 14px;
}
/**/

.soluong_cart .cart_down {
    font-weight: 600;
    padding-right: 8px;
}
.cart_down, .cart_up {
    cursor: pointer;
}
.cart_up .fa{
	font-size: 12px;
}
.soluong_cart {
	border: 1px solid #d1d1d1;
	    display: flex;
	    border-radius: 3px;
	    padding: 0 6px;
	    width: 80px;
	    margin-top: 5px;
}
.soluong_cart select {
    border: none;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    margin-right: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 6px;
}
p.cart_price {
    line-height: 20px;
    font-size: 13px;
    font-weight: 600;
}
div.info_order h4 {
    font-size: 13px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 600;
}
.chuaship{
	color: rgb(18 107 108);
}
.box_info{
	font-weight: 600;
	border-bottom: 1px solid #eee;
}
.sum_total{
	text-transform: uppercase;
	font-weight: 600;
		color: rgb(18 107 108);
}
.form-edit{
	border: none;
	    text-align: right;
	    /* font-style: italic; */
	    font-weight: 600;
	    width: 220px;
	    width: 70%;
	    max-width: 220px;
	    min-width: 120px;
}
.coupon_add {
    border: none;
    border-bottom: 1px dashed rgb(18 107 108);
    font-weight: 600;
    text-align: center;
    cursor: move;
    border-radius: 0px;
    color: rgb(18 107 108);
}
.button-code-added {
    margin-top: 10px !important;
    padding: 0 5px !important;
    text-transform: none !important;
}
.coupon_input{
	min-width: 250px;
    border: none;
    border-bottom: 1px solid #eee;
    border-radius: 0;
}
.size_box {
    width: 75px;
}
#choose_size .chonmenu{
	background: #fff;
}
#choose_size .chonmenu .box-choose{
	width: 120px;
}
#choose_size div.chonmenu h3 {
    padding: 0 35px;
    text-align: left;
}
#choose_size h3{
	color: rgb(18 107 108);
text-align: center;
font-size: 18px;
padding-bottom: 10px;
}
#choose_size h4{
	font-size: 14px;
font-weight: 600;
}
#choose_size .box-choose{
	font-weight: 600;
	cursor: pointer;
	font-size: 13px;
	padding: 11px 20px;
	width: 100%;
	border: 1px solid rgb(18 107 108);
	margin: 5px;
	width: 120px;
	text-align: center;
	display: -webkit-inline-box;
	border-radius: 3px;
}
#choose_size .modal-content{
	padding: 20px !important;
	border-radius: 5px;
}
.boxsize .btn {
    width: 100%;
    margin: 10px auto !important;
}
#choose_size .boxsize{
	padding: 0px;
}
#choose_size .button-home{
	margin-top: 30px !important;
}
#choose_size{
	    padding-top: 50px;
}
.menu_tuychinh{
	background:#fff;
	padding: 10px;
}
.menu_tuychinh .btn{
	text-transform: none;
	background: rgb(18 107 108);
	color: #fff;
}
#choose_size .box-choose {
    font-weight: 600;
    cursor: pointer;
    font-size: 13px;
    padding: 11px 20px;
    width: 100%;
    border: 1px solid rgb(18 107 108);
    margin: 5px;
    width: 120px;
    text-align: center;
    display: -webkit-inline-box;
    border-radius: 3px;
}
.size_choose {
    background: #fec825 !important;
    color: #fff !important;
}
#choose_size .button-home {
    margin-top: 30px !important;
}
div.button-home, p.button-home {
    border: 1px solid rgb(18 107 108);
    font-weight: 600;
    background: rgb(18 107 108);
    color: #fff;
    text-transform: uppercase;

}
.menu_tuychinh h4{
	font-size: 14px;
text-transform: uppercase;
font-weight: 600;
border-bottom: 1px solid rgb(18 107 108);
color: rgb(18 107 108);
}
.monan{
	margin: 0px 10px;
	    text-align: left !important;
	    padding: 8px 0;
	    text-transform: uppercase;
	    font-size: 13px !important;
	    border-bottom: 1px solid #cdcdcd;
}
.ngay_custom{
	padding: 5px 10px;
}
.menu_tuychinh .box-choose{
	width: 72px !important;
}
.item_custom {
    text-align: left !important;
    border-bottom: 1px solid rgba(17, 17, 17, 0.21);
    padding: 8px 10px;
    /* border-radius: 5px; */
    /* font-weight: 600; */
    /* background: #f4f7f8; */
    /* box-shadow: 0 0 6px #f4f7f8; */
    cursor: pointer;
    padding-right: 0px;
    text-transform: uppercase;
    font-size: 11.5px !important;
}
.item_custom .fa {
    padding: 6px 10px;
    float: right;
    border: 1px solid #eee;
    display: inline-grid;
    color: rgb(18 107 108);
}
.thucdon .col-sm-6 {
    padding: 5px !important;
}
#choose_item .modal-content{
	display: -webkit-box;
min-height: 500px;
}
#choose_menuguest .modal-content {
    display: -webkit-box;
    min-height: 500px;
}
#choose_item{
	    overflow: overlay;
}
.form-search{
	text-transform: uppercase;
	    font-style: italic;
	    margin-bottom: 30px;
	    border-bottom: 2px solid rgb(18 107 108);
	    font-size: 12px;
}
.monan {
    margin: 0px 10px;
    text-align: left !important;
    padding: 8px 0;
    text-transform: uppercase;
    font-size: 13px !important;
    border-bottom: 1px solid #cdcdcd;
}
.menu_tuychinh h4 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid rgb(18 107 108);
    color: rgb(18 107 108);
}
.ngay_custom {
    padding: 5px 10px;
}
.menu_tuychinh .btn {
    text-transform: none;
    background: rgb(18 107 108);
    color: #fff;
}

.menusize .box-choose {
	font-weight: 600;
	cursor: pointer;
	font-size: 13px;
	padding: 10px 10px;
	width: 100%;
	border: 1px solid rgb(18 107 108);
	margin: 5px;
	width: 150px;
	text-align: center;
	display: -webkit-inline-box;
	border-radius: 3px;
}
.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.col-custom{
	padding:0px;
}
h4.nameofbox{    text-transform: uppercase;
    color: #f58221;}
.form-custom{
	text-align: center;
text-transform: uppercase;
border-bottom: 1px solid #eee;
font-style: normal;
margin-bottom: 30px;
}
.custom_box{
	margin: 20px 0;
border: none;
border-bottom: 1px solid #eee;
font-weight: 400;
text-align: right;
font-style: italic;
}
.form-search-home{
	max-width: 500px;
	float: left;
	background: #fff;
	border: none;
	margin: 5px auto;
	margin-right: 0px;
	border: 1px solid rgb(230, 233, 233);
	border-radius: 3px;
	/* margin-left: 25px; */
}
.ship_choose {
    width: 120px;
    float: left;
    margin: 5px;
    padding: 5px 10px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid rgba(245, 130, 32, 0.36);
    cursor: pointer;
}
.size_choose {
    background: #fec825 !important;
    color: #fff !important;
}
.congno{
	cursor: pointer;
}
.congno:hover{
	text-decoration: underline;
}
.button-add{
	padding: 10px;
display: block;
margin: 0 auto;
text-align: center;
}
.userinfo>div, .taichinh div{
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 5px;
}
.taichinh>div>div{
	padding-bottom: 10px;
}
.taichinh h3,.doanhthu h3{
	border-bottom: 1px solid rgb(18 107 108);
    margin-bottom: 20px;
    padding-bottom: 5px;
}
.tongket .headers td{
	text-transform: uppercase;
	font-weight: 600;
	padding: 4px;
}
.alert-info{
	margin: 10px 0;
padding: 8px;
font-style: italic;
}

.form-control.select-taichinh{
	/*border: none;*/
    /*border-bottom: 1px solid #eee;*/
    /*width: 100px;*/
		font-size: 12px;
}
select.select-taichinh {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
.btn-taichinh{
	margin-bottom: 5px;
	    padding: 2px 5px;
	    margin-right: 2px;
	    font-weight: 400;
	    font-size: 9px;
	    float: left;
	    text-transform: uppercase;
}
.form-chuyendoi{
	width: 80px;
}
.form_check_meal{
	width: 60px;
background: #f58221;
border-radius: 5px;
border: none;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 13px;
height: 30px;
letter-spacing: 2px;
}
.meal_checked{
	    text-decoration: line-through;
}
.daship{
  text-decoration: line-through;
}
.btn-login{
	height: 40px;
/* padding: 10px 10px; */
font-size: 15px;
color: #fff;
background: rgb(18 107 108);
border: 1px solid;
border-radius: 5px;
}

.form-login .form-group{
	    display: grid;
			margin-bottom: 0px;
}
.table .theader th {
	font-weight: 400;
	font-size: 11px;
	text-transform: uppercase;
	color: #333;
	text-align: center;
	background-color: #f7f7f7;
	min-width: 50px;
	line-height: 25px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
	cursor: pointer;
}
.btn-tm{
	text-transform: none;
	font-weight: 400;
	color: #fff;
	padding-left: 35px;
	float: left;
	/* color: #888; */
	font-size: 13px;
	cursor: pointer;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 9px 40px 12px 15px;
	/* background: rgba(0,0,0,0.05); */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";
	height: 38px;
}
.btn-tm .fa{
	font-size: 10px;
	color: #eee;
}
.ibox-title h4{
	padding: 10px 0;
}
.modal-dialog{
	background: #fff;
	border-radius: 2px 2px 0 0;
	margin: 10px auto;
}
/* AGILE BOARD */
.sortable-list {
  padding: 10px 0;
}
.agile-list {
  list-style: none;
  margin: 0;
}
.agile-list li {
  background: #FAFAFB;
  border: 1px solid #e7eaec;
  margin: 0px 0 10px 0;
  padding: 10px;
  border-radius: 2px;
}
.agile-list li:hover {
  cursor: pointer;
  background: #fff;
}
.agile-list li.warning-element {
  border-left: 3px solid #f8ac59;
}
.agile-list li.danger-element {
  border-left: 3px solid #ed5565;
}
.agile-list li.info-element {
  border-left: 3px solid #1c84c6;
}
.agile-list li.success-element {
  border-left: 3px solid #1ab394;
}
.agile-detail {
  margin-top: 5px;
  font-size: 12px;
}
/* DIFF */
label {
	display: block;
	margin-bottom: 5px;
	font-weight: 400;
	text-align: left;
	text-transform: uppercase;
	color: #222222a3;
	font-size: 12px;
	margin-top: 10px;
}
.form-add .form-control, .form-view .form-control{
	    border-radius: 5px;
}
.form-view{
	padding:20px;
}
.form-control::-moz-placeholder{color:#555555c7;opacity:0.7}
.form-control:-ms-input-placeholder{color:#555555c7}
.form-control::-webkit-input-placeholder{color:#555555c7}
.tm{
	color: #fff;
	background: rgb(18 107 108);
	border: none;
}
.form-create-class{
	background: #fff;
	display: table;
	padding: 20px 0px;
}
.form-create-class .form-control{
	margin-bottom: 10px;
}
.phanquyen{
	background: #fff;
	    margin-bottom: 10px;
}
.form-content .ibox-title{
	background: #fff;
	margin-bottom: 10px;
	padding: 12px 20px;
height: 60px;
border-radius: 2px;
}
.line-student{
	color: #222;
text-transform: none;
font-weight: 400;
font-size: 14px;
padding: 5px 10px;
/* overflow: -webkit-paged-x; */
cursor: pointer;
border-bottom: 1px solid #eee;
}
.list-student{
	overflow: overlay;
position: absolute;
background: #fff;
/* width: 95%; */
padding: 10px;
margin: 0 2px;
}
.form-content{
	padding:10px;
}
.list_student{
	position: absolute;
	background: #fff;
	border: 1px solid #eee;
	padding: 0 10px;
	overflow: overlay;
	z-index: 9999;
}
.status.-on {
	background-color: rgb(18 107 108);
	border: 1px solid rgb(18 107 108);
	display: block;
	padding: 4px;
}
.status.-on:after {
	font-family: FontAwesome;
	content: "\f00c";
	color: #fff;
	position: absolute;
	font-size: 12px;
}
.status {
	border: 1px solid #bbb;
	width: 23px;
	height: 23px;
	position: relative;
	cursor: pointer;
	background-color: #f9f9f9;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 1px;
	    display: block;
}
.status.parent{
	width: 18px;
	height: 18px;
}
.post_in_cat, .btn-fullwith{
	padding: 20px 10px;
    background: #eee;
    cursor: pointer;
    border-bottom: 1px solid #fff;
}
.post_in_cat:hover{
	background: #fefefe;
	color: rgb(18 107 108);
}
.content-editor{
	padding: 10px 50px !important;
	background: #fff;
}
.form-title{
	margin: 20px 0;
	    color: #17C286;
	    font-size: 22px;
	    border: none;
	    font-weight: 400;
	    padding: 10px 0;
}
.form-excerpt{
	border: none;
	border-bottom: 1px solid #eee;
	border-radius: none;
}
.form-title::-webkit-input-placeholder {
	color: #17C286;
	font-weight: 400;
	padding: 10px 0;
}
.form-excerpt::-webkit-input-placeholder{
	padding-left:0;
}
.text-form-upload {
	background-color: #f3f3f3;
	padding: 9px;
	text-align: center;
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
	font-size: 11px;
	color: #aaa;
	margin: 5px 0px;
}
.w100{
	width: 100%;
}

.note-editable{
	height: 500px;
width: 100%;
max-width: 100% !important;
font-size: 14px;
display: block;
height: auto;
margin-top: 5px;
/* border-top: 1px dotted #e7e7e7; */
padding: 20px 0;
font-size: 15px;
/* text-align: justify; */
color: #141414;
/* font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif; */
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight: 400;
background-color: var(--theme-body-background);
/* color: var(--theme-text); */
display: flex;
flex: 1 1 100%;
flex-direction: column;
min-height: 80vh;
}
.short-summernote .note-editable{
min-height: 200px;
}
.note-editable img, .note-editable iframe{
	max-width: 100%;
	width: 100%;
}
.btn-fullwith{
	background: rgb(18 107 108);
    font-size: 16px;
    padding: 20px 0 !important;
    /* height: 40px; */
    color: #fff;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}
.post_head{
	border-bottom: 1px dashed #1d2627;
padding: 15px 0;
}
.form-fee{
	border: none;
	border-bottom: 1px solid;
	font-size: 15px;
}
.form-fee:focus{
	background: transparent;
	box-shadow: none;
}
.search-table{
	position: absolute;
  top: 45px;
  background: #fff;
  width: 600px;
  left: 75px;
  border: 1px solid #ddd;
  border-top: 0px;
  box-shadow: 0 0 1px #fff;
  border-top: none;
}
.search-result-home{
	font-size: 14px;
	font-weight: 600;
	border-bottom: 1px solid #eeee;
	/* border-top: 1px solid #eee; */
	padding-top: 10px;
	padding: 10px 20px;
}
.p-result{
	text-transform: none;
font-weight: 400;
font-style: italic;
padding-left: 20px;
border-bottom: 1px dashed #eee;
}
.email-with{
	width:80px;
	overflow: -webkit-paged-x;
    display: block;
}
.home .ibox{
	background: #fff;
    padding: 20px;
    margin: 10px;
    border-radius: 1px;
}
.home h1{
	font-size: 20px;
    text-transform: uppercase;
    color: #000;
}
.home h5{
	font-size: 12px;
}
.home .ibox-title{
	height: 28px;
}
.home .ibox-content{
	border-top: 1px solid #eee;
    padding-top: 20px;
}
select.feedback-input, textarea.feedback-input{
	width: 100%;
border-radius: 3px;
padding: 5px;
height: auto;

}
.btn-white{
	height: 54px;
    padding: 15px 20px;
    font-size: 13px;
    text-transform: unset;
}
.CodeMirror {
    font-family: monospace;
    height: max-content !important;
    display: block!important;
}
.form-filter{
	color: #fff;
	border: none;
	text-align: left;
	background: transparent;
	font-size: 14px;
}

.form-filter option{
	color: #000;
}

.btn-title{
	border: 1px solid;
	border-radius: 5px;
	font-size: 11px;
	border-color: rgb(18 107 108);
	color: #fff;
	background: rgb(18 107 108);
	margin-right: 5px;
	box-shadow: 0 0 2px #fff;
	padding: 6px 20px;
}
.btn-title:hover{
	background: rgb(0, 209, 178);
	border-color: rgb(0, 209, 178);
	color: #fff;
}
.mauma{
	margin: 15px;
}
#addfile{
	padding-left: 0px!important;
	background: rgba(238, 238, 238, 0.58);
}
.order {
    padding: 0 0 20px 0;
}
.btn-click-choose{
	background: rgb(18 107 108);
	    color: #fff;
	    margin-right: 5px;
	    padding: 3px 5px;
	    border-radius: 5px;
	    float: left;
			margin-top: 3px;
			    font-size: 11px;
}
.btn-click-choose.soldout{
	background: #f8ac59;
}
.list_product{
	/* position: absolute; */
	background: #fefcfc;
	    border: 1px solid #ffffff;
	    padding: 5px 0px;
	    overflow: overlay;
	    z-index: 9999;
	    padding: 10px;
	    */: ;
	    margin-top: -10px;
	    box-shadow: 0 0 2px #fff;
}
.item_list {
    color: #222;
    text-transform: none;
    font-weight: 400;
    /* font-size: 14px; */
    padding: 5px 0px;
    /* overflow: -webkit-paged-x; */
    cursor: pointer;
		    /* max-width: 650px; */
    border-bottom: 1px solid #eee;
		height: max-content;
display: flow-root;
}
span.heading-name-product{
	text-align: left;
display: block;
width: 100%;
font-weight: 400;
font-size: 13px;
font-style: italic;
text-decoration: underline;
}
.fee_order{
	background: #e6e9e9;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 10px;
	font-size: 14px;
}
.content-fee{
	float: right;
	font-weight: 600;
}
.image_item img{
	width: 65px;
	float: left;
	height: 65px;
	border-radius: 5px;
	box-shadow: 0 0 1px #e6e9e9;
	margin-right: 10px;
	margin-top:5px;
}
.cart_order .upsale{
	    font-size: 12px;
}
.title_item{
	text-transform: uppercase;
	    font-weight: 400;
	    font-size: 12px;
	    /* font-style: italic; */
	    display: flex;
	    /* border-bottom: 1px solid #d1d1d6; */
	    margin-bottom: 5px;
}
.cart_order{
	padding: 5px 0;
margin: 10px 0;
}
.item_order{
	float: left;
	width: 100%;
	margin: 3px 0;
	border-bottom: 1px solid #ddd;
	padding-bottom: 6px;
}
.searchproduct{
	margin-bottom: 10px;
}
.order h4{
	margin: 20px 0;
    border-bottom: 1px solid rgb(18 107 108);
    padding-bottom: 5px;display: flex;
}
.tag_sale{
	/* width: 120px; */
/* float: left; */
margin: 5px;
padding: 3px 8px;
text-align: center;
border-radius: 2px;
border: 1px solid rgba(245, 130, 32, 0.36);
cursor: pointer;
    display: -webkit-box;
}
.tag_choose {
    background: #fec825 !important;
    color: #fff !important;
		cursor: pointer;
}
.tagsale_new{
	/* display: flex; */
	/* border-bottom: 1px solid #ddd; */
}
.image_item{
	width: 65px;
	border-radius: 6px;
	border: 1px solid #fff;
	margin-right: 5px;
	float: left;
}
.nhapkho .image_item{
	float:none !important;
}
.money_space{
	margin-top: 3px;
text-align: right;
margin-left: 10px;
display: -webkit-box;
/* font-style: italic; */
font-weight: 600;
}
.xuatkho th, .xuatkho td, .nhapkho th, .nhapkho td{
    text-align: left;
}
.xuatkho .soluong_cart, .nhapkho .soluong_cart{
	margin-left: 0px;
}
.nav-tabs.order_tag{
	margin: 0 15px;
	border: none;
}
.order_tag li{
	border-bottom: 1px solid rgb(18 107 108) !Important;
margin: 5px 0;
}
.order_tag a{
margin: 0px !important;
}
.list_tag{
	margin: 0 15px;
  background: #fff;
  height: 40px;
}
.tag_sale.page{
	background: #f8ac59 !important;
	color: #fff !important;
}
.list_tag .tag_sale,.tag_sale{
	border: 1px solid rgb(0, 188, 212);
	width: fit-content;
	float: left;
	font-size: 11.5px;
	text-align: center;
	font-weight: 400;
	padding: 5px 10px;
	text-align: center;
	display: block;
	border-radius: 5px;
	background: #f3f3f4;
	box-shadow: 0 0 1px rgb(0, 188, 212);
}
.product-table .tag_sale{
	border: 1px solid rgb(0, 188, 212);
	/* width: 99px; */
	font-size: 11.5px;
	text-align: center;
	font-weight: 400;
	padding: 5px 10px;
	text-align: center;
	display: block;
	border-radius: 5px;
	background: #f3f3f4;
	box-shadow: 0 0 1px rgb(0, 188, 212);
}
.right-report{
	padding:10px;
}
.item_report{
	border-bottom: 1px solid;
	display: block;
	padding: 15px;
	margin-top: 10px;
	width: 100%;
	background: #e6e9e9;
	border-radius: 5px;
	font-weight: 400;
	text-transform: uppercase;
}
.check-report {
    display: block;
    float: left;
    width: 100%;
    height: 90px;
}
.item_report a{
	font-weight: 600;
}
.span_fee{
	border-bottom: 1px solid #ddd;
    padding: 5px 0;
}
.cart_empty{
	background: #e6e9e9;
	height: 80px;
	border-radius: 5px;
	text-align: center;
	padding: 30px;
	font-size: 15px;
	cursor: pointer;
	border: 1px solid rgb(18 107 108)38;
}
.item_list_number{

}
.item_list_name{

}
.item_list_code{

}
.img_home_logo{
		width: 80px;
    text-align: center;
    border-radius: 30px;
    border: 1px solid #eee;
}
.login_logo{
	width: 100px;
    /* margin-right: 20px; */
    border-radius: 50%;
    border: 2px solid;
    padding: 5px;
    box-shadow: 0 0 3px;
}

.text-navy{
	    color: rgb(18 107 108);
}
.progress-mini, .progress-mini .progress-bar {
    height: 5px;
    margin-bottom: 0px;
}
.progress-bar-success{
	    background-color: rgb(18 107 108);
}
.progress-bar-primary{
	    background-color: rgb(18 107 108);
}
.progress-bar.progress-bar-warning{
	color:#fff;
}
.navbar-minimalize{
	padding: 6px 10px;
    font-weight: 600;
    font-size: 13px;
    margin: 10px 20px;
}
.tag_home{
	background: #fff;
	padding: 3px 9px;
	margin-bottom: 0px;
	font-size: 14px;
	font-style: italic;
	cursor: pointer;
	height: 36px;
	line-height: 27px;
}
.bodyhome .tag_home{
	height: fit-content;
margin-bottom: 10px;
}
.right-info{
	text-align: right;
}
.report-home h2{
	    font-size: 14px!important;
}
.list_customer_phone {
	position: absolute;
  overflow: overlay;
  z-index: 999;
  border: 1px solid rgb(18 107 108);
  background: #fefcfc;
  margin: 0 2%;
  width: 95%;
  top: 130px;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 2px 2px #f3f3f4;
}
.search_customer{
	cursor: pointer;
	background: #e6e9e9;
	border-bottom: 2px solid rgb(18 107 108);
}
.search_customer:hover{
		background: #e6e9e9
}
.check_phone_list{
	display: flow-root;
	border-bottom: 1px solid rgb(18 107 108);
	/* padding: 10px 0; */
	height: auto;
}
.create_new_customer{
	cursor: pointer;
	border-bottom: 1px solid #eee;
	float: left;
	width: 100%%;
	text-align: left;
	margin-bottom: 0px;
	padding: 10px 0;
	margin-top: 5px;
}
.customer_list{
	float: left;
	text-transform: uppercase;
	padding: 8px;
}
.customer_action{
	float: right;
text-transform: uppercase;
}
.check_phone{
	cursor: pointer;
	    border-bottom: 1px solid #eee;
	    float: left;
	    width: 98%;
	    text-align: left;
	    margin-bottom: 0px;
	    margin-left: 2%;
	    padding: 10px 0;
	    margin-top: 5px;
}
.check_phone_list.end{
	border-bottom: none !important;
}
.check_phone_list.customer_default .customer_info_search{
background: #fafbbd;
}
.customer_info_search{
	border-bottom: 1px solid rgb(18 107 108);
	    display: flow-root;
	        background: #f5f5f5;
	    padding: 5px 0;
}
.check_phone:hover{
	border-bottom: 1px solid rgb(18 107 108);
	background: #e6e9e9;
	border-radius: 4px;
	padding: 10px;
}
.sync_success{

}
.sync_f404{

}
.sync_fail{

}

textarea.per-input,input.per-input{
	min-height: 25px;
	height: fit-content;
	padding: 5px 0;
	width: -webkit-fill-available;
	border: none;
	border-bottom: 1px solid #ddd;
	max-height: 100px;
	overscroll-behavior-y: none;
	overflow-y: inherit;
	resize: none;
	text-transform: none;
	font-size: 12.5px;
}


	textarea:focus {
	    outline: none !important;
	    border-color: transparent;
	    box-shadow: none;
	}
	.form-address{
		font-size: 13px;
		width: 120px;
    padding: 3px 5px;
    border-radius: 3px;
    margin: 5px 0;
	}
.sidebar-collapse{
	background: #ffffff;
	background-clip: border-box;
	min-height: 1500px;

}
.status-class{
	color: #ffffff;
	    margin-left: 5px;
	    padding: 1px 3px;
	    border-radius: 3px;
	    font-size: 12px;
	    background: rgb(18 107 108);
}

.navbar-search {
	padding: 6px 10px;
font-weight: 600;
font-size: 13px;
margin: 5px !important;
}
td > .btn, .col-business  .btn{
	margin: 5px !important;
}
.form-select{
	background: rgb(18 107 108);
	    color: #fff;
	    border-radius: 4px;
	    border: 1px solid #fff;
	    padding: 3px 5px;
	    font-size: 12px;
	    text-align: -webkit-left;
}
.form-select:focus{
	border:none !important;
	background: #fff;
	color: #000;
}
select.form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
.alert-duoiga{
	padding: 10px;
border-radius: 2px;
background: rgb(18 107 108);
color: #fff;
text-transform: uppercase;
margin-right: 15px;
}
.form-none-input{
	width: -webkit-fill-available;
	border: none;
	border-bottom: 1px solid #ddd;
	max-height: 100px;
	overscroll-behavior-y: none;
	overflow-y: hidden;
	/* resize: none; */
	text-transform: none;
	/* font-size: 14px; */
}


	input:focus {
	    outline: none !important;
	    border-color: transparent;
	    box-shadow: none;
	}
.item_list_order{
	float: left;
	    padding: 5px 3px;
}
.item_list_order_chiadon{
padding: 0px 3px;
}
.immage{
	padding-top: 10px;
}
/* STEPUP  */

.item_box img{
	width: 28px;
	height: 38px;
	border-radius: 3px;
	box-shadow: 0 0 1px rgb(18 107 108);
}
.item_box{
	cursor: pointer;
	height: 40px;
    border: 1px solid rgb(18 107 108);
    display: block;
    width: fit-content;
    /* font-size: 12px; */
    border-radius: 3px;
    font-weight: 600;
    padding: 0 5px 0 0;
		float: left;
		    background: #f7f7f7;
    margin: 0 5px;
}
.product_box{
	display: block;
float: left;
width: 100%;
margin: 5px 0;
    margin-bottom: 5px;
}
.product_box h5{
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
	border-bottom: 1px solid #29384630;
}
.panel-body {
    padding: 5px 15px;
}
.metismenu>li>a i {
    margin-right: 6px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
.metismenu>li>a {
    /* padding: 5px 0px; */
    text-align: left;
    color: rgb(72 83 97);
    width: 180px;
}
 .metismenu .fa::before{
	font-size: 15px;
}
.right-list{
		padding-left: 0px !important;
}
.right-list li{
	list-style: none;
	padding-left: 10px !important;
	background: #fff;
	padding: 10px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}
.chiaorder h4{
	background: #fff;
	padding: 11px;
	color: rgb(18 107 108);
	margin: 0px;
	border-bottom: 1px solid rgb(18 107 108);
	cursor: pointer;
}
.sales_list{
	position: absolute;
	background: #fff;
	border: 1px solid #eee;
	padding: 5px 10px;
	overflow: overlay;
	z-index: 9999;
	border: 1px solid #eee;
	/* background: #eee; */
	margin: 0 15px;
	width: 78%;
	margin-left: 20%;
}
.form-sales{
	display: -webkit-inline-box;
	width: 280px;
	margin-left: 10px;
	height: 20px;
	border-radius: 0px;
	border: none;
	border-bottom: 1px solid rgb(18 107 108);
}
input.form-sales{
		height: 25px;
}
.sales_list li{
	padding: 7px 10px;
	cursor: pointer;
	border-bottom: 1px solid #eee;
}
.sales_list li:hover,.right-list li:hover{
	border-bottom: 1px solid rgb(18 107 108);
	background: rgb(18 107 108);
	color: #fff;
	font-weight: 400;
	border-radius: 5px;

}
.chiadon{
	background: #fff;
}
.btn-sales{
	float:right;
	margin-left: 3px;
}
.right-list li>span{
	text-transform: uppercase;
}
.form-xs{
	padding: 3px 5px;
    font-size: 12px;
    border: none;
    border-bottom: 1px solid rgb(18 107 108);
    border-radius: 0;
		height: 25px;
}
.btn-process{
	font-style: normal;
	float: right;
	margin-left: 10px;
}
.item_list_codee{
	padding: 5px 8px;
	    margin-left: 5px;
	    border: 1px solid rgb(18 107 108)87;
	    background: #f3f3f473;
	    border-radius: 4px;
	    cursor: pointer;
}
#directives-select2 select {
	width: 200px;
}
/**
 * selectize.default.css (v0.8.5) - Default Theme
 * Copyright (c) 2013 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  visibility: visible !important;
  -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
          box-shadow: inset 0 0 12px 4px #ffffff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  background: #f8f8f8;
  border-bottom: 1px solid #d0d0d0;
  -webkit-border-radius: 3px 3px 0 0;
     -moz-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -12px;
  font-size: 20px !important;
  line-height: 20px;
  color: #303030;
  opacity: 0.4;
}

.selectize-dropdown-header-close:hover {
  color: #000000;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
  float: left;
  border-top: 0 none;
  border-right: 1px solid #f2f2f2;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 17px;
  padding: 2px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  color: inherit;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border-left: 1px solid #0073bb;
  -webkit-border-radius: 0 2px 2px 0;
     -moz-border-radius: 0 2px 2px 0;
          border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #00578d;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #aaaaaa;
}

.selectize-control {
  position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  font-family: inherit;
  font-size: 13px;
  -webkit-font-smoothing: inherit;
  line-height: 18px;
  color: #303030;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
  display: inline-block;
  cursor: text;
  background: #ffffff;
}

.selectize-input {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  padding: 8px 8px;
  overflow: hidden;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.selectize-control.multi .selectize-input.has-items {
  padding: 5px 8px 2px;
}

.selectize-input.full {
  background-color: #ffffff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}

.selectize-input.focus {
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
  -webkit-border-radius: 3px 3px 0 0;
     -moz-border-radius: 3px 3px 0 0;
          border-radius: 3px 3px 0 0;
}

.selectize-input > * {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  vertical-align: baseline;
  zoom: 1;
}

.selectize-control.multi .selectize-input > div {
  padding: 2px 6px;
  margin: 0 3px 3px 0;
  color: #ffffff;
  cursor: pointer;
  background: #1da7ee;
  border: 1px solid #0073bb;
}

.selectize-control.multi .selectize-input > div.active {
  color: #ffffff;
  background: #92c836;
  border: 1px solid #00578d;
}

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #ffffff;
  background: #d2d2d2;
  border: 1px solid #aaaaaa;
}

.selectize-input > input {
  max-width: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 1px !important;
  line-height: inherit !important;
  text-indent: 0 !important;
  background: none !important;
  border: 0 none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-user-select: auto !important;
}

.selectize-input > input:focus {
  outline: none !important;
}

.selectize-input::after {
  display: block;
  clear: left;
  content: ' ';
}

.selectize-input.dropdown-active::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  background: #f0f0f0;
  content: ' ';
}

.selectize-dropdown {
  position: absolute;
  z-index: 10;
  margin: -1px 0 0 0;
  background: #ffffff;
  border: 1px solid #d0d0d0;
  border-top: 0 none;
  -webkit-border-radius: 0 0 3px 3px;
     -moz-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.selectize-dropdown [data-selectable] {
  overflow: hidden;
  cursor: pointer;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
          border-radius: 1px;
}

.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

.selectize-dropdown .optgroup-header {
  color: #303030;
  cursor: default;
  background: #ffffff;
}

.selectize-dropdown .active {
  color: #495c68;
  background-color: #f5fafd;
}

.selectize-dropdown .active.create {
  color: #495c68;
}

.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}

.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}

.selectize-control.single .selectize-input:after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-color: #808080 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  content: ' ';
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-color: transparent transparent #808080 transparent;
  border-width: 0 5px 5px 5px;
}

.selectize-control.rtl.single .selectize-input:after {
  right: auto;
  left: 15px;
}

.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
  background-color: #fafafa;
  opacity: 0.5;
}

.selectize-control.multi .selectize-input.has-items {
  padding-right: 5px;
  padding-left: 5px;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
  color: #999;
  text-shadow: none;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.selectize-control.multi .selectize-input.disabled [data-value],
.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  border-color: #e6e6e6;
}

.selectize-control.multi .selectize-input.disabled [data-value] .remove {
  background: none;
}

.selectize-control.multi .selectize-input [data-value] {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  background-color: #1b9dec;
  background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
  background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
  background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}

.selectize-control.multi .selectize-input [data-value].active {
  background-color: #0085d4;
  background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
  background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
  background-image: -o-linear-gradient(top, #008fd8, #0075cf);
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
}

.selectize-control.single .selectize-input {
cursor: text;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #b8b8b8;
}

.selectize-dropdown .optgroup-header {
  padding-top: 7px;
  font-size: 0.85em;
  font-weight: bold;
}

.selectize-dropdown .optgroup {
  border-top: 1px solid #f0f0f0;
}

.selectize-dropdown .optgroup:first-child {
  border-top: 0 none;
}
.order_list_item{
	display: -webkit-inline-box;
}
.btn-trackid{
	margin: 10px !important;
	border: 1px solid rgb(18 107 108);
	padding: 5px 10px;
	border-right: 2px solid #f8ac59;
}
.inspinia-box{
	border: 1px solid rgb(18 107 108);
padding: 5px 10px;
font-size: 12px;
line-height: 22px;
text-transform: uppercase;
height: 55px;
background: #fec825;
border-radius: 5px;
color: #fff;
cursor: pointer;
}
.status-complate{
	text-decoration: line-through !important;
}
.product-tr-detail .btn-xs{
	font-size:12px;
}
.product-tr-detail td{
	max-width: 100px;
}
.product-table .tagsale_new{
display: grid;
}
.report-home{
	padding-right: 5px;
	padding-left: 5px;
}
.report-home .ibox{
	margin-bottom: 0px;
}
.page_report_block, .page_report_block_mini {
	padding-right: 5px;
	padding-left: 5px;
}
.report-home .ibox-content{
	padding: 5px;
	border-bottom: 1px solid #f3f3f4;
}
.report-home .ibox-content h5{
	    /* color: #1d2627; */
			font-size: 12px;
}
.page-module-report{
	background: #fff;
	padding: 10px;
	box-shadow: 0 1px 5px -1px rgba(31,43,58,0.1);
	position: relative;
	display: flow-root;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border-radius: 4px;
}
.page-block {
    float: left;
    display: block;
    width: 100%;
}
.page-block .text-navy{
	/* margin-bottom: 30px; */
    font-size: 15px!important;
}
.text-btn{
	background: rgb(18 107 108);
border: none;
color: #fff;
font-size: 12px;
font-weight: 400;
padding: 2px 10px;
border-radius: 3px;
width: 80px;
margin-top: 5px;
}
.area_input_code_track input{
	height: 33px;
	background: #f9f9f9;
	text-transform: uppercase;
	color: #100f0f;
	font-weight: 600;
	font-size: 15px;
	border: 2px
 solid rgb(18 107 108);
}
/* TROLL LOGIN */
.bodyclass-login div.box{
	-webkit-transition:all linear 1.5s;
 transition:all linear 1s;
opacity: 1;
}
.loginscreen.ng-hide{
	opacity:0;
}
.ng-hide{
	opacity: 0;
transition: none 0;
}
div.hehhee{
	margin: 9% 25% !important;
}
div.huhuhu{
	margin: 9% 45% !important;
}
div.hichic{
	margin: 9% 65% !important;
}
tr.danger{
	background: #d67782;
}
tr.warning{
	background:#d0d677;
}
.tag_sale.business {
	width: auto;
	background: rgb(18 107 108) !important;
	color: #fff !important;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 400;
}
.tag_sale.primary{
	background-color: rgb(18 107 108)!important;
	border-color: rgb(18 107 108);
	}
.tag_sale.success{
background: rgb(18 107 108) !important;
}
.tag_sale.danger{
	background: #d67782!important;
}
.tag_sale.warning{
	background-color: #f8ac59!important;
	border-color: #f8ac59;
}
.col-business{
	padding: 5px 10px;
background: #fff;
margin-bottom: 5px;
}



.form-content{
	    margin-top: 15px;
}
.content_img_preview{
	width: 59px;
	margin: 4px;
	border: 1px solid rgb(18 107 108);
	height: 59px;
	float: left;
	box-shadow: 0 0 1px #fff;
	border-radius: 3px;
	cursor: pointer;
}
.avatar_comment{
	margin: 5px 0 5px 0;
}
.span-comment{
	    font-size: 12px
}
.text-comment,.span-comment{
	margin-bottom: 5px;
}
.time_comment{
	cursor: pointer;
	color: rgb(18 107 108);
	padding-right: 5px;
	background: #fff !important;
	border: none;
}
.span-comment button[disabled]{
	padding-right: 0px;
	color: #f2b968;
}
.comment_button{
	margin: 5px 0;
  background: #e9ebee;
  border-radius: 5px;
  background: #fff;
  width: 100%;
  padding: 5px 0;
}
.comment_row{
	    border-bottom: 1px solid #eee;
}
.text_comment{
	padding-left: 5px;
	margin-bottom: 0px;
}
.del_comment{
	text-decoration: underline;
	/* float: right; */
	color: red;
}
.label_comment {
	padding: 0 !important;
    color: #31bdbf;
    font-weight: 500 !important;
}
.parent_comment{
	margin-left: 25px;
	border-top: 2px solid #eee;
}
.image_content_full_preview{
	width: 100%;
  box-shadow: 0 0 2px #fff;
  padding: 0 5px;
}
.image_content>span{
	display: -webkit-box;
    font-size: 14px;
    overflow: overlay;
    margin-top: 25px;
    position: absolute;
    margin-left: 30px;
    font-weight: 600;
    color: rgb(18 107 108);
}
#addTextView, #addTextView2{
	font-size: 14px;
	margin-top: 5px;
	display: -webkit-inline-box;
}
#addMediaView img, #addMediaView2 img{
   	padding: 1px;

}
#addMediaView img::after, #addMediaView2 img::after{
	 border: 1px solid rgba(0, 0, 0, .1);
	 bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.content_facebook{
	background: #e9ebee;
	        padding: 10px;
	    border: 1px solid #dadde1;
			font-family: Helvetica, Arial, sans-serif;
}
.fill-content{
	    border: 1px solid #dadde1;
			border-radius: 5px;
}
.core_content{
	background: #fff;
	padding: 10px;
    border-radius: 5px;
		max-width: 530px;
		margin: 0 auto;
		min-width: 530px;
}
.content_facebook .content-text{
	    padding: 5px;
}
.image_content{
	padding: 0px;
}
#addMediaView img, #addMediaView2 img{
	object-fit: cover !important;
}
.img-logo-content::after{
	border: 1px solid rgba(0, 0, 0, .1);
bottom: 0;
content: '';
left: 0;
position: absolute;
right: 0;
top: 0;
border-radius: 50%;
}
.img-logo-control img{
	border-radius: 50%;
    overflow: hidden;
}
._52db {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
._52da {
    display: table;
    height: 100%;
    width: 100%;
}
._52d9::after {
    border: 1px solid rgba(0, 0, 0, .1);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
._52d9 {
    background-color: rgba(0, 0, 0, .4);
    bottom: 0;
    color: #fff;
    font-size: 35px;
    font-weight: normal;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.shortcontent p{
	margin: 6px 0;
	line-height: 23px;
	max-width: 500px;
  text-align: justify;

}
.no-display{
	display: none !important;
}
.soluong_anh{
	height: 42px;
	float: left;
	border: 1px solid;
	padding: 13px 5px;
	margin-top: 3px;
	border-radius: 3px;
	font-size: 14px;
	background: #0e0e0e5e;
	color: #fff;
	width: 45px;
	text-align: center;
}
.btn-click-choose{
	cursor: pointer;
	width: fit-content;
	padding: 3px 10px;
}
.h2_span_home{
	padding-left: 10px;
}

.post_info h4{
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
}
.post_detail p {
    line-height: 25px;
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 16px;
    color: #333;
}
.post_detail img {
    width: 100%;
    padding: 15px 10px;
    height: auto;
}
.image-post {
    width: 100%;
    border-radius: 3px;
    padding: 15px;
}
.post_detail h2 {
    font-size: 17px;
    color: #0c6768;
    line-height: 28px;
    margin-top: 12px;
    margin-bottom: 5px;
    padding: 10px 0;
}
.post_detail h3 {
  font-size: 16px;
  color: #333;
  /* line-height: 28px; */
  margin-top: 12px;
  margin-bottom: 5px;
  padding: 5px 0;
}

.post_detail a {
    color: #52a3b5;
}
.post_detail a:hover{
  color: #0c6768;
}
.note-editor.note-frame {
    border: 1px solid #ffffff !important;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border:none!important;
    border-radius: 5px;
}
.note-editor.note-frame .note-editing-area .note-editable {
	height: fit-content!important;
	min-height: 500px !important;
}
.img-content{
	max-height: 350px;
	border: 1px solid rgb(18 107 108);
	border-radius: 2px;
	cursor: pointer;
	margin-top: 5px;
	padding: 1px;
	width: 100%;
	height: fit-content;
	min-height: 100px;
}
/* img:before {
    content: ' ';
    display: block;
    position: absolute;
    height: 50px;
    width: 50px;
    background-image: url(https://static.vincook.vn/uploads/43346238_69749068394-vincook-eb32aa63e320825be35892abb8003d0e.jpg);
	} */
.knc-content{
	font-family: "Roboto Condensed", sans-serif !important;
}
.tag_sale.business.disable{
  background: #f8ac59 !important;
  border: 1px solid rgb(248, 172, 89);
}
.post_info{
	font-size: 14px;
}
.ibox-content.confess{
	padding: 0 10px;
	border-radius: 3px;
	box-shadow: 0 0 1px #fff;
	border: 1px solid rgb(18 107 108)54;
	font-size: 12px;
	text-align: justify;
}
.cover-profile{
	min-height: 145px;
	background-position: center;
	background-color: #d5e9e9;
	background-size: cover;
}
.avatar-profile{
	border-radius: 50%;
	    /* left: 15px; */
	    margin: 0 auto;
	    text-align: center;
}
/* TRANG LỖI  */
/* ------------------
    Boy
--------------------*/
.boy{
	width: 100%;
	    height: 370px;
	    /* position: absolute; */
	    margin: 200px 100px 0 0;

}
.boy .boy-building{
    width: 466px;
    height: 357px;
    background-image: url("../img/boy-building.png");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: 100%;
    position: absolute;
    right: 0;
    z-index: 2;
}

.boy .hand{
    width: 64px;
    height: 57px;
    background-image: url("../img/hand.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-color: transparent;
    background-size: 100%;
    position: absolute;
    top: 180px;
    left: 17px;
    z-index: 2;
    -moz-animation: 1s ease 0s normal none infinite hand;
    -moz-transform-origin: center top;
    -webkit-animation:hand 1s infinite ease-in-out;
    -webkit-transform-origin:top;
    -o-animation: 1s ease 0s normal none infinite hand;
    -o-transform-origin: center top;
    -o-animation:hand 1s infinite ease-in-out;
    -o-transform-origin:top;
    -ms-animation: 1s ease 0s normal none infinite hand;
    -ms-transform-origin: center top;
    -ms-animation:hand 1s infinite ease-in-out;
    -ms-transform-origin:top;
    animation: 1s ease 0s normal none infinite hand;
    transform-origin: center top;
    animation:hand 1s infinite ease-in-out;
    transform-origin:top;
}
@-moz-keyframes hand {
    0%{-moz-transform:rotate(-4deg)}
    50%{-moz-transform:rotate(4deg)}
    100%{-moz-transform:rotate(-4deg)}
}

@-webkit-keyframes hand {
    0%{-webkit-transform:rotate(-4deg)}
    50%{-webkit-transform:rotate(4deg)}
    100%{-webkit-transform:rotate(-4deg)}
}

@-o-keyframes hand {
    0%{-o-transform:rotate(-4deg)}
    50%{-o-transform:rotate(4deg)}
    100%{-o-transform:rotate(-4deg)}
}

@-ms-keyframes hand {
    0%{-ms-transform:rotate(-4deg)}
    50%{-ms-transform:rotate(4deg)}
    100%{-ms-transform:rotate(-4deg)}
}

@keyframes hand {
    0%{transform:rotate(-4deg)}
    50%{transform:rotate(4deg)}
    100%{transform:rotate(-4deg)}
}

.boy .dog{
    width: 137px;
    height: 97px;
    background-image: url("../img/dog.png");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: 100%;
    position: absolute;
    bottom: 0px;
    z-index: 2;
}
.boy .tail{
    width: 13px;
    height: 19px;
    background-image: url("../img/tail.png");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: 100%;
    position: absolute;
    top: 29px;
    left: -4px;
    z-index: 2;
    -moz-animation: 0.4s ease 0s normal none infinite tail;
    -moz-transform-origin: center top;
    -webkit-animation:tail 0.4s infinite ease-in-out;
    -webkit-transform-origin:bottom;
    -o-animation: 0.4s ease 0s normal none infinite tail;
    -o-transform-origin: center top;
    -o-animation:tail 0.4s infinite ease-in-out;
    -o-transform-origin:bottom;
    -ms-animation: 0.4s ease 0s normal none infinite tail;
    -ms-transform-origin: center top;
    -ms-animation:tail 0.4s infinite ease-in-out;
    -ms-transform-origin:bottom;
    animation: 0.4s ease 0s normal none infinite tail;
    transform-origin: center top;
    animation:tail 0.4s infinite ease-in-out;
    transform-origin:bottom;
}
@-moz-keyframes tail {
    0%{-moz-transform:rotate(-8deg)}
    50%{-moz-transform:rotate(8deg)}
    100%{-moz-transform:rotate(-8deg)}
}

@-webkit-keyframes tail {
    0%{-webkit-transform:rotate(-8deg)}
    50%{-webkit-transform:rotate(8deg)}
    100%{-webkit-transform:rotate(-8deg)}
}

@-o-keyframes tail {
    0%{-o-transform:rotate(-8deg)}
    50%{-o-transform:rotate(8deg)}
    100%{-o-transform:rotate(-8deg)}
}

@-ms-keyframes tail {
    0%{-ms-transform:rotate(-8deg)}
    50%{-ms-transform:rotate(8deg)}
    100%{-ms-transform:rotate(-8deg)}
}

@keyframes tail {
    0%{transform:rotate(-8deg)}
    50%{transform:rotate(8deg)}
    100%{transform:rotate(-8deg)}
}

/* ------------------
    Carousel
--------------------*/
#carousel{
    position: relative;
    z-index: 9999;
}
.boy2{
    width: 650px;
    height: 350px;
    position: relative;
    margin: 20px auto 0px;
}

.boy2 .boy_top2{
    width: 650px;
    height: 305px;
    background-image: url("../img/boy_bow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: 100%;
    position: absolute;
    z-index: 2;
}

.boy2 .bow2{
    width: 265px;
    height: 212px;
    background-image: url("../img/bow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: 100%;
    position: absolute;
    top: 11px;
    left: 17px;
    z-index: 3;
    -moz-animation: 3s ease 0s normal none infinite bow;
    -moz-transform-origin: center top;
    -webkit-animation:bow 3s infinite ease-in-out;
    -webkit-transform-origin:bottom;
    -o-animation: 3s ease 0s normal none infinite bow;
    -o-transform-origin: center top;
    -o-animation:bow 3s infinite ease-in-out;
    -o-transform-origin:bottom;
    -ms-animation: 3s ease 0s normal none infinite bow;
    -ms-transform-origin: center top;
    -ms-animation:bow 3s infinite ease-in-out;
    -ms-transform-origin:bottom;
    animation: 3s ease 0s normal none infinite bow;
    transform-origin: center top;
    animation:bow 3s infinite ease-in-out;
    transform-origin:bottom;
}

@-moz-keyframes bow {
    0%{-moz-transform:rotate(-2deg)}
    50%{-moz-transform:rotate(2deg)}
    100%{-moz-transform:rotate(-2deg)}
}

@-webkit-keyframes bow {
    0%{-webkit-transform:rotate(-2deg)}
    50%{-webkit-transform:rotate(2deg)}
    100%{-webkit-transform:rotate(-2deg)}
}

@-o-keyframes bow {
    0%{-o-transform:rotate(-2deg)}
    50%{-o-transform:rotate(2deg)}
    100%{-o-transform:rotate(-2deg)}
}

@-ms-keyframes bow {
    0%{-ms-transform:rotate(-2deg)}
    50%{-ms-transform:rotate(2deg)}
    100%{-ms-transform:rotate(-2deg)}
}

@keyframes bow {
    0%{transform:rotate(-2deg)}
    50%{transform:rotate(2deg)}
    100%{transform:rotate(-2deg)}
}



/* ------------------
    Footer
--------------------*/
#footer{
    z-index: 9999;
    position: relative;
    margin-top: 24px;
}
.footer_text{
    color: #ffffff;
    font-size: 18px;
    margin: 10px 0;
}

.contact_socials{
    padding: 0;
    margin: 0;
}

.contact_socials li{
    display: inline-block;
}

.copyright {
    font-size: 12px;
    color: #2F2F4D;
}

.footer_socials {
    margin: 25px 0 50px;
}

.ukie_social{
    font-size: 16px;
    color: #8686b0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    display: block;
    margin: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.ukie_social:hover, .ukie_social:active, .ukie_social:focus{
    color: #2f2f4d;
}

/* ------------------
    Overlay
--------------------*/
.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.gradient-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.opacity-80{
    opacity: 0.8;
}

/* ------------------
    Animationload
--------------------*/
.animationload {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    z-index: 999999;
}
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    width: 200px;
    height: 200px;
    background-image: url("../img/ajax-loader.gif");
    background-position: center;
    background-repeat: no-repeat;
}


/* ------------------
    Animated setting
--------------------*/
.error-page .animated{
    visibility: hidden;
}
.error-page .visible{
    visibility: visible;
}
/* HẾT TRANG LỖI */


/* START TRANG PLAN CONTENT */
.date_table{
	 width: 200px;
    border: 1px solid;
	min-height: 350px;
}
.date_table{
	width: 250px;
	border: 1px solid rgb(18 107 108);
	float: left;
	background: #fefefe;
	padding: 10px 5px;
}
.block_plan_content{
	display: inline-block;
	    border-bottom: 1px solid rgb(18 107 108);
	    padding-bottom: 5px;
			cursor: pointer;
}
.block_plan_content>div{
	width: 100%;
	display: flex;
}
.block_plan_content>div:hover{
	border-bottom: 1px solid rgb(18 107 108);
}
.info_marketer{
	font-size:12px;font-style:italic;margin-bottom:0px;margin-top:5px;
}
.block_plan_content:hover{
	background: #fff;
}
.date_table .btn-page{
	width: fit-content;
	min-width: 40px;
	margin-left: 3px;
}
.body_plan_table{

}
.ct_title{
text-decoration: underline;
}
.ct_product{
	border: 1px solid rgb(18 107 108);
	    border-radius: 3px;
	    padding: 2px;
	    cursor: pointer;
	    background: rgb(18 107 108);
	    color: #fff;
	    margin-left: 5px;
}
.col-info-lich{
	border-bottom: 1px solid rgb(18 107 108);
}
/* END TRANG CONTENT PLAN */

.col-product-research{
	    padding: 5px;
	   height: 350px;

}
.col-product-research.active{
	    background: rgb(18 107 108);
			height: 380px;
}
.col-product-research.active>div{
	background: #f9f100;
	height: 380px;
}
.research_image{
	width: 100%;max-width: 200px;height: 180px;
	margin: 10px auto;
}
.product_research_content{
	background: #fff;
	padding: 5px;
	height: 340px;

}
/* SELECT 2 */
/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold;
}

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}


.ui-select-choices-row:hover {
  background-color: #f5f5f5;
}

/* Select2 theme */

/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
    border-color: #D44950;
}

.select2-result-single {
  padding-left: 0;
}

.select2-locked > .select2-search-choice-close{
  display:none;
}

.select-locked > .ui-select-match-close{
    display:none;
}

body > .select2-container.open {
  z-index: 9999; /* The z-index Select2 applies to the select2-drop */
}

/* Handle up direction Select2 */
.ui-select-container[theme="select2"].direction-up .ui-select-match,
.ui-select-container.select2.direction-up .ui-select-match {
    border-radius: 4px; /* FIXME hardcoded value :-/ */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown,
.ui-select-container.select2.direction-up .ui-select-dropdown {
    border-radius: 4px; /* FIXME hardcoded value :-/ */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    border-top-width: 1px;  /* FIXME hardcoded value :-/ */
    border-top-style: solid;

    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);

    margin-top: -4px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search,
.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
    margin-top: 4px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match,
.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
    border-bottom-color: #5897fb;
}

.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden,
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
}

/* Selectize theme */

/* Helper class to show styles when focus */
.selectize-input.selectize-focus{
  border-color: #007FBB !important;
}

/* Fix input width for Selectize theme */
.selectize-control.single > .selectize-input > input {
  width: 100%;
}

/* Fix line break when there's at least one item selected with the Selectize theme */
.selectize-control.multi > .selectize-input > input {
  margin: 0 !important;
}

/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%;
}

/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
    border-color: #D44950;
}

/* Handle up direction Selectize */
.ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
    margin-top: -2px; /* FIXME hardcoded value :-/ */
}

.ui-select-container[theme="selectize"] input.ui-select-search-hidden{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
    width: 0;
}

/* Bootstrap theme */

/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #ADADAD;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-select-bootstrap .ui-select-toggle {
  position: relative;
}

.ui-select-bootstrap .ui-select-toggle > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px;
}

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static;
}

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
  border-radius: 4px !important; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.ui-select-bootstrap .ui-select-search-hidden{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
}

.ui-select-bootstrap > .ui-select-match > .btn{
  /* Instead of center because of .btn */
  text-align: left !important;
}

.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px;
}

/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices ,.ui-select-bootstrap > .ui-select-no-choice {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px;
}

body > .ui-select-bootstrap.open {
  z-index: 1000; /* Standard Bootstrap dropdown z-index */
}

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 3px 3px 0 3px;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important; /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
  margin-bottom: 3px;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
  margin: 0 3px 3px 0;
}

.ui-select-multiple .ui-select-match-item {
  position: relative;
}

.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
  pointer-events: none;
}

.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  margin-right: 2px;
  border-left: 1px solid #428bca;
}

.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  margin-left: 2px;
  border-right: 1px solid #428bca;
}

.ui-select-bootstrap .ui-select-choices-row>span {
    cursor: pointer;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.ui-select-bootstrap .ui-select-choices-row>span:hover, .ui-select-bootstrap .ui-select-choices-row>span:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.ui-select-bootstrap .ui-select-choices-row.active>span {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

.ui-select-bootstrap .ui-select-choices-row.disabled>span,
.ui-select-bootstrap .ui-select-choices-row.active.disabled>span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}

/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
    display: none !important;
}

/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
    border-color: #D44950;
}

/* Handle up direction Bootstrap */
.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
}

.ui-select-bootstrap .ui-select-match-text {
    width: 100%;
    padding-right: 1em;
}
.ui-select-bootstrap .ui-select-match-text span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.ui-select-bootstrap .ui-select-toggle > a.btn {
  position: absolute;
  height: 10px;
  right: 10px;
  margin-top: -2px;
}

/* Spinner */
.ui-select-refreshing.glyphicon {
    position: absolute;
    right: 0;
    padding: 8px 27px;
 }

@-webkit-keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.ui-select-spin {
  -webkit-animation: ui-select-spin 2s infinite linear;
  animation: ui-select-spin 2s infinite linear;
}

.ui-select-refreshing.ng-animate {
  -webkit-animation: none 0s;
}
/* END SELECT 2 */

#del_customer{
	cursor: pointer;
	background: rgb(18 107 108);
	color: #fff;
	border-radius: 0 3px 3px 0;
}
#edit_customer{
	cursor: pointer;
	background: rgb(18 107 108);
	color: #fff;
	border-radius: 3px 0px 0px 3px;
}
.navbar-main{

	    border-radius: 50%;
	    width: 31px;
	    height: 31px;
    margin-right: 5px !important;
	        margin-top: 10px;
}
.avatar{
	 height: 30px;
	 width: 30px;
	 border-radius: 50%;
	 padding: 0px;
	 display: block;
	 border: 1px solid rgb(18 107 108);
	 float: left;
	 background-image: url(https://static.vincook.vn/uploads/43346238_69749068394-vincook-eb32aa63e320825be35892abb8003d0e-x200.jpg);
}
.color-green{
	color:rgb(18 107 108) !important;
}
.color-blue{
	color:rgb(18 107 108) !important;
}
.color-waring{
	color:#f0ad4e !important;
}
.color-doing{
	color:#ff9c9c !important;
}
.color-draft{
	color:#777676 !important;
}
.color-red{
	color:red !important;
}
.color-red{
	color:red !important;
}
.color-pending{
	color:#0e00eb !important;
}
.bg-green{
	background-color: rgb(18 107 108) !important;
	border: 1px solid rgb(18 107 108)!important;
	    color: #fff;
}
.bg-blue{
	background-color: rgb(18 107 108) !important;
	border: 1px solid rgb(18 107 108)!important;
	    color: #fff;
}
.bg-waring{
	background-color: #f0ad4e !important;
	border: 1px solid #f0ad4e!important;
	    color: #fff;
}
.bg-draft{
	background-color: #777676 !important;
	border: 1px solid #777676!important;
	    color: #fff;
}
.bg-red{
	background-color: red !important;
	border: 1px solid red!important;
	    color: #fff;
}
.progress{
	margin: 5px 0;
}

.fullname{
	display: inline-block;
    padding: 6px;
}
.cart-button {
	color: #fff;
  width: 30px;
  height: 30px;
  background-image: url(https://img.icons8.com/ios/64/000000/appointment-reminders.png);
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
  background-size: 100%;
  margin-top: 12px;
  margin-right: 10px !important;
}

.cart-icon.cart-button-container {
    display: -webkit-inline-box;
}
.cart-button:after {
	font-weight: 600;
	font-style: normal;
	position: absolute;
	bottom: 20px;
	font-size: 11px;
	content: attr(data-qty);
	text-align: center;
	line-height: 8px;
	background: rgb(18 107 108);
	padding: 6px 5px;
	border-radius: 50%;
	border: 1px solid #555;
	cursor: pointer;
	width: 22px;
}
.product-table .table{
	background: transparent !important;
	    margin-bottom: 0px;
}
tr.product-tr-detail{
	height: 55px;
}
.product-tr-detail .btn-outline{
	min-width: 40px !important;
}
.product-table .khaitu{
	border-top: 2px solid #f8ac595e;
	border-bottom: 2px solid #f8ac5994;
	background: #c1c1c19e;
}
#notify-area{
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid rgba(100, 100, 100, .4);
	padding: 5px;
	overflow: overlay;
	z-index: 9999;
	border-radius: 0 0 2px 2px;
	top: 55px;
	width: 420px;
	right: 0px;
	overflow-y: scroll;
	max-height: 800px;
}
#todo_list_right{
	position: absolute;
	background: #fff;
	padding: 5px;
	overflow: overlay;
	border-radius: 0 0 2px 2px;
	top: 50px;
	width: 425px;
	overflow-y: scroll;
	max-height: 1000px;
}
#message-body{
	overflow: overlay;
	overflow-y: scroll;
	max-height: 800px;
	padding: 5px;
	border: 1px solid rgba(100, 100, 100, .4);
}
#notify-area::-webkit-scrollbar,#message-body::-webkit-scrollbar, #todo_list_right::-webkit-scrollbar {
    width: 5px;
}

/* Track */
#notify-area::-webkit-scrollbar-track,#message-body::-webkit-scrollbar-track,#todo_list_right::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px var(--divider); */
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #cdcbca;
}
#notify-area::-webkit-scrollbar-thumb:window-inactive,#message-body::-webkit-scrollbar-thumb:window-inactive,#todo_list_right::-webkit-scrollbar-thumb:window-inactive {
	background: #cdcbca;
}

#notify-area h2, #star-area h2{
	padding:0 20px;
}
.notify-item{
	border-bottom: 1px solid #dddfe2;
	    font-size: 12px;
	    padding: 10px 10px;
	    color: #1c1e21 !important;
	    cursor: pointer;
	    text-transform: unset;
}
.notify-item:hover {
    background: #f7f7f7;
}
.notify-item a{
	color: #1d2129;
}
.notify-item.Unread{
	border-bottom: 1px solid rgb(18 107 108);
}
.notify-item.Unread a{
color: rgb(18 107 108);
}
#notify-area.active{
	display: block;
}
img.notify-image {
	width: 40px;
	    border-radius: 50%;
	    height: 40px;
	    margin-right: 10px;
}
.sunshine-class, .sunshine-class .ibox-content, .sunshine-class .form-control{
	    background-color: rgb(18 107 108);
	background-image: url('https://www.ecopetit.cat/wpic/mpic/194-1941790_tropical-beach-4k-ultra-hd-beach.jpg');
	color: #fff;
}
.sunshine-class h4, .sunshine-class label{
color: #fff;
}
.sunshine-class .navbar-static-top{
	display: none;
}
.sunshine-class .icon {
    content: url('/media/incognito.svg');
    height: 90px;
    width: 90px;
		margin: 0 auto;
}
.sunshine-class .content{
	color: rgb(232, 234, 237);
	font-size: calc(100% - 2px);
text-align: center;
margin: 0 auto;
}
.sunshine-class .footable-page{
	color:#333;
}
.thank-sunshine{
	color: #ff0000f7;
    cursor: pointer;
    border-bottom: 1px solid;
}
.title-bar{
	background: #fff;
	padding-top: 10px !important;
	padding-bottom: 5px !important;
}
.okrs td strong{
	float: left;
	margin-right: 10px;
}
.todolist{
	text-align: left;
  border-bottom: 1px solid #b0adad;
}
.checkin_progress>strong{
	cursor: pointer;
	text-decoration: underline;
}
.button-keytodo i{
	color: rgb(18 107 108);
	font-size: 14px;
	font-weight: 700;
	padding: 10px;
}

.todo-required{
	margin-top: 5px;
}
/* Dropdown Button */
.dropbtn {
/*
	padding: 16px;
	font-size: 15px;
	border: none; */
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}
/* PAGINATIN */
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover,
	.pagination>.active>span:hover, .pagination>.active>a:focus,
	.pagination>.active>span:focus {
	background-color: #f4f4f4;
	border-color: #DDDDDD;
	color: inherit;
	cursor: default;
	z-index: 2;
}

.pagination>li>a, .pagination>li>span {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	color: inherit;
	float: left;
	line-height: 1.42857;
	margin-left: -1px;
	padding: 4px 10px;
	position: relative;
	text-decoration: none;
}
.heading-p{
	border-bottom: 1px solid rgb(18 107 108);
}

.todo-done{
	text-decoration: line-through;
  text-decoration-color: rgb(18 107 108);
}
/* DATE TIME PICKER */

.ui-timepicker-wrapper {
	overflow-y: auto;
	max-height: 150px;
	/* width: 6.5em; */
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10052;
	margin: 0;
	width: 150px;
	max-height: 200px;
	overflow-y: scroll;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

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

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
	/* min-width: 200px; */
	padding: 0 15px;
	line-height: 40px;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}
.ui-timepicker-selected{
	font-weight: bold;
background: rgb(18 107 108) !important;
color: #fff !important;
font-size: 120%;
}
.ui-timepicker-disabled{
	display: none !important;
}
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}
.datepicker .datepicker-days .day:hover{
	background: #eee;
	color: #fff;
	border-radius: 50%;
	cursor: pointer;
}
.datepicker .datepicker-days .day{
    padding: 6px 8px;
text-align: center;
color:#333;
}
.datepicker .datepicker-days .day.active{
	background: rgb(18 107 108);
	color: #fff;
	border-radius: 50%;
	cursor: pointer;
}
.datepicker .datepicker-days .day.old{
	color: #999
}
.datepicker .datepicker-days .day.today{
	color: #fff;
	background-color: rgb(18 107 108);
	border-radius: 50%;
	cursor: pointer;
}
.datepicker-switch{
	text-align: center;
}
.datepicker{
	    padding: 10px 25px;
}
.datetimepicker{
	background: #fff;
	padding: 5px;
	float: left;
}
.datetimepicker .date-time-picker{
	padding: 5px 10px;
	width: 100px;
	border: none;
	border-bottom: 1px solid #4285f4;
}
.datetimepicker .time{
	width: 50px;
	    padding: 5px 8px;
}
.date-time-picker:focus{
	border-bottom: 2px solid #4285f4;
}
.pagination {
    margin: 10px 0;
}
/* END DATE TIME PICKER */
.todo_histories{
	padding: 10px 0;
border-bottom: 1px solid #ffffff;
}
.status-primary{
    background: #e6f1ef !important;
}
.status-success{
background: #cbefe9;
}
.status-danger{
	background: #fcd4d4;
}
.fa.fa-comment{
	margin-left: -20px;
	border: 1px solid;
	padding: 4px;
	border-radius: 40%;
	background: #fff;
	margin-right: 5px;
	    color: rgb(18 107 108);
}
.fa.fa-comment.ReadDone{
	color: #999
}
#loading_more,.loading_more{
	text-align: center;
	    padding-top: 10px;
	    padding-bottom: 10px;
	    font-size: 15px;
	    color: #333;
	    cursor: pointer;
	    font-weight: 400;
	}

div#loading_more:hover,div.loading_more:hover{
	background: #f7f7f7;
}
.beauty-table{
	overflow-y: hidden;
}
.item_info_in_cart{
	padding: 5px;
	border: 1px solid #fff;

	border-bottom: 1px solid rgb(18 107 108);
}
.item_info_in_cart>div:hover{
	/* border: 1px solid #f2f2f3;
	    height: fit-content;
	    display: block;
	    border-radius: 5px;
	    padding: 5px; */
}
.item_info_in_cart:hover{
	background: #f3f3f4;
	cursor: pointer;
	border: 1px solid rgb(18 107 108);
	border-radius: 5px;
}
.item_info_in_cart .item_image{
	float: left;
	margin-right: 5px;
}
.detail-product-info{
	display: block;
	float: left;
}
.product-info{
	display: inline-grid;
}

.loadmore{
	padding: 10px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	border-radius: 5px;
}
.job-title{
	font-weight: 600;
	color:rgb(18 107 108);
	font-size: 17px;
}
.post-info.active{
	    border-left: 2px solid rgb(18 107 108);
}
.avatar-profile .img-blog{
	border-radius: 50%;
}
.modal-dupble{
	display: table;
	    border: 1px solid rgb(18 107 108);
	z-index: 1052 !important;
}
.faded{
	background: #0009 !important;
}
.file-upload {

	border-radius: 5px;
	cursor: pointer;

}

.row .tuyen {
    padding: 0 0 20px 0;
}
.underline{
	text-decoration: underline;
}
.group_info {
	display: inline-flex;
	border-bottom: 1px solid #eee;
}
.group_info i{
	padding-top: 10px;
}
.group_info i.default{
	    color: rgb(18 107 108);
}
.foder-file{
	padding: 10px 15px;
}
.foder-file li {
    list-style: none;
    padding: 5px 0;
		cursor: pointer;
}
.wrap-control .nav-control.left-control {
    left: 33px;
}
.wrap-control .nav-control.right-control {
    right: 33px;
}
.wrap-control .nav-control {
			width: 50px;
	    color: #fff;
	    border: 1px solid #166958;
	    background: #2d2c2bc7;
	    opacity: 0.7;
	    text-align: center;
	    line-height: 60px;
	    position: absolute;
	    top: 48.5%;
	    transition: color 1s ease;
	    -moz-transition: color 1s ease;
	    -webkit-transition: color 1s ease;
}
.wrap-control .nav-control i:before {
    font-size: 18px;
    color: #fff;
}
.btn-product{
	display: block;
	    min-width: 20px;
	    float: left;
}
.title_lich{
	border: 1px solid rgb(18 107 108);
	height: 40px;
	padding:10px;
	background: rgb(18 107 108);
	color: #fff;
	margin: 1px;
	width: 20%;
}
.lich_day{
	border: 1px solid rgb(18 107 108);
  float: left;
  min-height: 120px;
  margin: 1px;
  width: 20%;
  max-height: -webkit-fill-available;
  display: block;
}


.lich_day:hover{
	cursor: pointer;
	background: rgb(18 107 108)26;
	border: 1px solid rgb(18 107 108);
}
.lich_day .lich_info{

}
.lich_day.today{
	background:rgb(18 107 108)38
}
.lich_info .big_name{
	font-size: 40px;
}
p.lich_user {
    padding: 5px 0;
    margin-bottom: 0px;
    border-bottom: 1px solid #f3f3f4;
}
.lich_info .month_year,.lich_info .name_date{
	width: 100%;
	height: 25px;
	background: rgb(18 107 108);
	display: block;
	color: #fff;
	text-align: center;
	margin-top: 5px;
	padding: 5px;
}
.lich_info .name_date{
    background: rgb(18 107 108);
		text-transform: uppercase;
}
.lich_info .big_name {
    font-size: 40px;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-weight: 600;
}
.day_first{
	padding:0px;
}
.tfooter{
	color: #fff;
	background: #46d3af !important;
}
.search-table h4 {
    padding: 15px 0 5px 0px;
    border-bottom: 1px solid rgb(18 107 108);
    color: rgb(18 107 108);
    margin: 5px 15px;
	}
.position_name{
	border-bottom: 1px solid #f3f3f4;
  padding: 3px;
  height: 45px;
  font-weight: 400;
}
.lich_first{
	padding: 0px;
}
.position_block {
    border: 1px solid rgb(18 107 108);
    float: left;
    min-height: 90px;
    margin: 1px;
    width: 20%;
    max-height: -webkit-fill-available;
    display: block;
}
.position_block .position_name:hover{
	    background: rgb(18 107 108)26;
			cursor: pointer;
			color:rgb(18 107 108);
}
.position_module {
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    padding: 25px 0;
    font-weight: 600;
}
.position_name.active{
	background: rgb(18 107 108);
	color: #fff;
}
.tbody_hrm{
	border-top: 2px solid rgb(18 107 108) !important;
	border-bottom: 2px solid rgb(18 107 108) !important;
}
.hrm-body-draft{
	border-top: 2px solid #ff9c9c !important;
	border-bottom: 2px solid #ff9c9c !important;
	    background: #ff9c9c17;
}
.hrm-body-success{
	border-top: 2px solid rgb(18 107 108) !important;
	background: rgb(18 107 108)1a;
	border-bottom: 2px solid rgb(18 107 108) !important;
}
.hrm-body-primary{
	border-top: 2px solid rgb(18 107 108) !important;
	border-bottom: 2px solid rgb(18 107 108) !important;
	    background: rgb(18 107 108)2e;
}
.hrm-body-warning{
	border-top: 2px solid #f8ac59 !important;
	border-bottom: 2px solid #f8ac59 !important;
	    background: #f8ac5945;
}
.hrm-body-danger{
	border-top: 2px solid #ed5565 !important;
	border-bottom: 2px solid #ed5565 !important;
	    background: #ed55652e;
}
.progress_status{
	border: 1px solid;
    padding: 5px 15px;
    margin: 5px;
    display: inline-block;
    border-radius: 5px;
    color: #fff !important;
    font-weight: 400;
		background: rgb(18 107 108);
}
.pancake .message{
	border-top: 1px solid #f3f3f4;
	border-bottom: 1px solid #f3f3f4;
	padding: 10px 20px;
	cursor: pointer;
	    min-height: 110px;
}
.pancake .message:hover{
	background-color: #e3f2fd !important;
}
.pancake .info {
	float: right;
}
.pancake .content-message{
	background: #e5ded8;
	min-height: 800px;
}
.pancake h4{
	color: rgb(18 107 108);
	font-size: 13px;
}
.pancake .none-message{
	text-align: center;
    font-size: 22px;
    color: rgb(136, 136, 136);
    font-weight: 400;
    line-height: calc(100vh - 200px);
}
.pancake .text-none-message{
	max-width: 580px; display: inline-block; height: 44px; line-height: 44px; padding: 0px 20px;
}
.pancake .avatar img{

}
.pancake .message-detail {
	cursor: pointer;
	display: inline-table;
	width: fit-content;
}
.pancake .message-body {
	padding: 10px;
	    font-size: 14px;
			overflow-y: scroll;
}
.message-line.admin_message{
	  text-align: right;
}
.message-line .message-detail.message-have-attachments{
	border-radius: 4px !important;
	background: transparent !important;
	padding: 1px !important;
	border: none !important;
}

.message-line.admin_message .message-detail{

		border-bottom: none;
    position: relative;
    padding: 5px 11px;
    border-radius: 15px;
    -webkit-box-shadow: 0 1px 0.5px rgba(0,0,0,.13);
    box-shadow: 0 1px 0.5px rgba(0,0,0,.13);
    background-color: #dcf8c6;
    padding: 5px 11px;

	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: rgb(220, 248, 198);
}
.message-line.users_message{
	  text-align: left;
}
.message-line.users_message .message-detail{

		padding: 5px 11px;
background-color: #fff;
    border-radius: 15px;
    border-bottom: none;
    -webkit-box-shadow: 0 1px 0.5px rgba(0,0,0,.13);
    box-shadow: 0 1px 0.5px rgba(0,0,0,.13);
}
.avatar-message{
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: 1px solid rgb(18 107 108);
}
.message-line{
	margin: 10px 15px;
}
.message-image{
	min-width: 128px;
	max-width: 128px;
	min-height: 128px;
	float: left;
}
/* .admin_message .message-detail{
	margin-right: 30px;
} */
.img-rounded {
    border-radius: 6px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.arrow-okrs{
	font-size: 16px;
  padding: 10px;
  color: #f2b968;
}
td > .blank{
	padding-left: 20px;
}
.star-icon .fa-star.bar{
	color: #f2b968;
	font-size: 22px;
	border-radius: 50%;
	border: 1px solid rgb(18 107 108);
	height: 30px;
	width: 30px;
	margin-top: 11px;
	padding: 3px 4px;
	cursor: pointer;
	margin-right: 5px;
}
.cart-star {
	color: #fff;
  height: 30px;
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
  background-size: 100%;
  margin-top: 12px;
  margin-right: 0px !important;
  z-index: 999;
}
.cart-icon.cart-star-container {
    display: -webkit-inline-box;
}
.cart-star:after {
	font-weight: 600;
	font-style: normal;
	position: absolute;
	bottom: 20px;
	left: 11px;
	font-size: 11px;
	content: attr(data-qty);
	text-align: center;
	line-height: 8px;
	background: #f2b968;
	padding: 6px 3px;
	border-radius: 50%;
	border: 1px solid #f2b968;
	cursor: pointer;
	width: 22px;
}
#star-area {
		display: none;
    position: absolute;
    background: #fff;
    border: 1px solid rgba(100, 100, 100, .4);
    padding: 5px;
    overflow: overlay;
    z-index: 9999;
    border-radius: 0 0 2px 2px;
    top: 55px;
    width: 420px;
    right: 0px;
    overflow-y: scroll;
    max-height: 800px;
}
#histories_stars{
	background: #fff;
	border: 1px solid rgba(100, 100, 100, .4);
	padding: 5px;
	overflow: overlay;
	z-index: 9999;
	border-radius: 0 0 2px 2px;
	top: 55px;
	overflow-y: scroll;
	max-height: 1200px
}
#content-area{
	position: absolute;
  background: #fff;
  overflow: overlay;
  z-index: 9999;
  overflow-y: scroll;
  max-height: 1000px;
  max-width: 750px;
  padding: 20px;
}
.star-item {
    border-bottom: 1px solid #dddfe2;
    font-size: 12px;
    padding: 10px 10px;
    color: #1c1e21 !important;
    cursor: pointer;
    text-transform: unset;
}
#star-area.active{
	display: block;
}

#star-area::-webkit-scrollbar,#histories_stars::-webkit-scrollbar,#content-area::-webkit-scrollbar {
    width: 5px;
}

/* Track */
#star-area::-webkit-scrollbar-track, #histories_stars::-webkit-scrollbar-track,#content-area::-webkit-scrollbar-track  {
    /* -webkit-box-shadow: inset 0 0 6px var(--divider); */
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #cdcbca;
}
#star-area::-webkit-scrollbar-thumb:window-inactive, #histories_stars::-webkit-scrollbar-thumb:window-inactive,#content-area::-webkit-scrollbar-thumb:window-inactive{
	background: #cdcbca;
}
.arrow-userokr{
	font-size: 12px;
  padding: 5px;
  color: #f2b968;
}
.table>tbody+tbody{
	border: 0px !important;
}
.star-board{
	text-align: center;
    background: rgb(18 107 108);
    color: #ffffff;
    font-size: 11px;
}
.modal-footer{
	overflow: hidden;
	padding-top: 20px;
	border-top: 1px dashed #ddd;
	margin-top: 5px;
}
.sale-info, .sale-count{
	width: 100%;
	text-align: left;
	min-height: 30px;
}
.sale-count{
	width: 100%;
	text-align: center;
	min-height: 20px;
}
.nav .nav-second-level {
	background-color: #fff;
	padding: 5px 10px;
	font-size: 13px;
	width: 170px;
	border-left: 1px solid #eee;
	padding-left: 15px;
}
li.active>a {
    background: #f3f3f4;
    /* width: 180px; */
}
.info-block{
	float: left;
	width: 100%;
	text-align: left;
	padding: 8px 5px;
}
.left-info {
	float: left;
	display: grid;
//	width: 80%;
}
.timeskip .left-info{
    float: left;
    display: grid;
    /* width: 45%; */
}
.left-info strong{
	font-size: 18px;
	font-size: 17.5px;
}
span.sub-title {
    font-size: 13px;
    color: #8094ae;
}
.info-block .icon{
	background-color: #e0f4ef !important;
	padding: 8px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	height: 44px;
	width: 44px;
	border-radius: 6px;
	float: left;
    margin-right: 10px;
		max-width: 19%;
}
.bg-info-dim {
    background-color: #dff7fb !important;
		color: #09c2de;
}
.bg-pink-dim {
    background-color: #ffebf3 !important;
		color: #ff63a5;
}
.bg-purple-dim {
    background-color: #efecff !important;
		color: #816bff;
}
.fa-in-home{
	font-size: 15px;
margin-right: 10px;
}
.text-navy.col-timeskip {
    width: 45%;
    float: left;
}
.wiki-wiki,.wiki-wiki-apple {
	padding: 20px 15px;
	text-align: justify;
	 cursor: pointer;
}
.wiki-wiki{
	min-height: 200px;
}
.wiki-wiki-apple{
	min-height: 220px;
}
.wiki-footer{
	position: absolute;
	bottom: 20px;
}
.wiki-wiki h4{
	color: rgb(18 107 108);
	font-size: 17px;
}
.wiki-wiki .wiki-content{
	font-size: 14px;
}
.modal-sm {
	width: 60%;
	/* margin-left: 200px !important; */
	margin: 5% auto;
}

/* KNOW */
.wiki-book-title a{
		color: #1b1b1f;
		font-weight: 600;
}
.wiki-book-title{
	padding: 10px;
	    border-radius: 5px;
	    background: #ffffff;
	    color: #1b1b1f;
	    font-weight: 600;
	    cursor: pointer;
	    padding-left: 15px;
	    margin-bottom: 10px;
}
.wiki-category-title, .wiki-category-title a.forder_wiki {
	font-weight: 600;
	color: #444;
	cursor: pointer;
	padding-top: 10px;
	line-height: 25px;
}
.wiki-category-title .fa, .wiki-book-title .fa{
    padding-right: 5px;
		color: #787b7d;
}
.wiki-book-title.active, .wiki-book-title:hover, .wiki-book-title.active > a, .wiki-book-title> a:hover{
	background: rgb(18 107 108);
	color: #fff;
}
.wiki-book-title.active .fa{
	color:#fff;
}
.wiki_book_menu .ibox-title{
	text-transform: none;
}
.sub-main-menu{
	min-height: 1210px;
	background: #e4e4e469;
	padding-top: 20px !important;
	padding: 10px;
}
.wiki_book_list{
	border-right: 1px solid #ededee;
	background: #f9f9f9;
	min-height: 1200px;
}
.view_wiki{
	background: #fff;
	padding: 20px;
	/* padding-top: 10px; */
	text-align: justify;
	font-size: 14px;
}
.view_wiki .info {
    font-size: 13px;
    color: #888;
    padding-top: 3px;
}
.url {
    cursor: pointer;
}
.view_wiki h1{
	font-size: 25px !important;
}
.view_wiki .wiki_content{
	margin-top: 5px;
	border-top: 1px dotted #e7e7e7;
	padding: 20px 0;
	font-size: 15px;
	line-height: 25px;
	text-align: justify;
	color: #141414;
	/* font-family: Segoe UI,SegoeUI,Helvetica Neue,Helvetica,Arial,sans-serif; */
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;

	font-weight: 400;
	display: flex;
	flex: 1 1 100%;
	flex-direction: column;
	line-height: 160%;
	min-height: 100vh;
}

.view_wiki .ibox-content {
	border-radius: 0px;
	box-shadow:none;
}

.note-editable.panel-body td, .view_wiki .wiki_content th, .view_wiki .wiki_content td{
	padding:5px;
}
 .wiki_content b,  .wiki_content strong{
	font-weight: 600;
}
.view_wiki .wiki_content tr:first-child td{
	background: #eee;
}

.view_wiki .relateds {
    padding: 20px 0;
    border-top: 2px solid #eee;
}
.view_wiki .relateds .title {
    font-size: 13px;
    text-transform: uppercase;
    color: #aaa;
    padding-bottom: 15px;
}
.view_wiki h3{
	font-size: 30px;
    font-weight: normal;
    padding-bottom: 3px;
    text-align: left !important;
}
.sub-main-menu .ibox-content, .wiki_book_menu .ibox-content{
	padding-left: 10px;
    padding-right: 10px;
}
.wiki-title-sub {
    line-height: 30px;
}
.wiki-title-sub.active{
	color: rgb(18 107 108);
}
.wiki-title-article, .wiki-title-article > a{
	font-weight: 400;
	padding: 5px 0 5px 10px;
	color: #404142;
}
.wiki-title-article.active, .wiki-title-article.active a{
	color: rgb(18 107 108);
}
.ap-xdot{
	overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
}
.btn-article{
	margin-left: 0px !important;
font-weight: 600;
border: 1px solid rgb(18 107 108);
color: rgb(18 107 108);
font-weight: 400;
margin: 20px 15px 10px 15px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: rgba(17,189,191,0.1);
}
.category-home{
    border-bottom: 1px solid rgb(18 107 108);
		padding: 0;
}
.category-home span{
	display: block;
float: left;
padding: 8px 0;
text-align: left;
font-weight: 600;
font-size: 14px;
color: rgb(18 107 108);
}
.wiki_book_menu h4{
	padding: 10px 0;
}
.wiki_book_menu .ql-container{
	min-height: 400px;
}
.btn-group-sm>.btn, .btn-sm {
    padding: 3px 6px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.note-popover .popover-content>.btn-group, .panel-heading.note-toolbar>.btn-group {
    margin-top: 2px;
    margin-right: 2px;
    margin-left: 0;
}
.note-popover .popover-content, .panel-heading.note-toolbar {
    padding: 0 0 2px 2px;
    margin: 0;
}
.form-intro{
	border: 0px;
	border-bottom: 1px solid #f3f3f4;
	border-radius: 0px;
	padding-left: 0px;
	/* margin: 15px 0; */
	font-size: 15px;
}
.form-header{
	border: 0px;
	/* border-bottom: 1px solid #f3f3f4; */
	border-radius: 0px;
	color: rgb(18 107 108);
	font-size: 22px;
	padding-left: 0px;
	margin: 15px 0;
}
.create_wiki .relateds {
    padding: 20px 0;margin-top: 20px;
    border-top: 2px solid #eee;
}
.wiki_book_update{
	text-transform: uppercase;
    padding-top: 10px;
    font-weight: 600;

    color: rgb(18 107 108);
}
.wiki_category_menu .dropdown-menu{
	width: 200px;
}
.dropdown-menu{
	float: left;
left: 100%;
right: auto;
background-color: #fff;
-moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0 2px 10px 0px rgba(0,0,0,0.2);
z-index: 888;
font-weight: normal;
font-size: 13px;
padding: 4px 6px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;

left: 10px;
}
.dropdown {
	display: -webkit-inline-box;
	margin-left: 10px;
}
.btn.dropdown-toggle{
/* padding: 0px;
margin-bottom: 0px !important; */
}
a.dropdown-item {
    padding-top: 7px;
    padding-bottom: 7px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-top: 3px;
    padding: 10px 15px 10px 12px;
    font-size: 13px;
    position: relative;
    cursor: pointer;
    color: #555;
    text-align: left;
    display: block;
}
a.dropdown-item:hover {
	background-color: #f3f3f3;
	color: #000;
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }
 @media only screen and (max-width: 768px) {
	 .select-filter-todo{
		 margin-bottom: 5px;
	 }
	 .datetimepicker .date-time-picker{
		 min-width: 150px!important;
     float: left;
	 }
	 .datetimepicker i.fa{
		 float: left;
    padding: 5px;
	 }
 	.sub-main-menu{
 		min-height: fit-content !important;
 	}
 	.category-home{
 		display: block;
     min-height: 30px!important;
 	}
	.wiki_view .active_book{
		display: none !important;
	}
	.wiki_view .wiki_book_menu{
padding: 0px;
	}
	.wiki_view .view_wiki{
		    padding: 10px!important;
	}
	.view_wiki h3{
		font-size: 20px!important;
	}
	.wiki_content{
		font-size: 14px!important;
		margin-top: 0px!important;
		padding: 10px 0!important;
	}
}
.content_preview h4{
	margin-bottom: 5px;
	color: #1b1b1f94;
	font-size: 13px;
	margin-top: 10px;
	border-bottom: 1px solid rgb(18 107 108);
}
.todo-info h3{
	color: rgb(18 107 108) !important;
    font-size: 18px;
    padding: 10px 0;
}
.todo .nav-tabs>li.active>a, .todo .nav-tabs>li.active>a:hover, .todo .nav-tabs>li.active>a:focus {
    border-color: #ffffff #ffffff rgb(18 107 108) #ffffff!important;
    color: rgb(18 107 108);
    cursor: pointer;
        border-bottom: 1px solid;
				border-radius: 0px;
}
.todo.second .nav-tabs>li.active>a, .todo.second .nav-tabs>li.active>a:hover, .todo.second .nav-tabs>li.active>a:focus{
		border-color: #ffffff #ffffff #f2bb73 #ffffff!important;
}
.todo .nav-tabs {
    border-bottom: 1px solid #fff;
		margin-bottom: 5px;
}
.todo .nav-tabs>li>a{
	color: #1d262773;
	font-weight: 400;
}

.select-filter-todo{
	float: left;
	margin-left: 10px;
	max-width: 200px;
}
.todo-file-upload{
	border: none;
	background: #fff;
	padding: 10px 5px;
	font-weight: 600;
	border-bottom: 1px solid;
	    padding-bottom: 2px;border-radius: 0;
}
.todo-file-upload:hover{
	    color: rgb(18 107 108);
}
.update-todo-result {
	display: inline-block;
	padding: 10px 0px;
	border-radius: 2px;
	cursor: pointer;
	margin: 10px 0;
	float: left;
	text-transform: uppercase;
}
.result-todo{
	text-align: left;
	padding: 5px 10px 0 20px;
	border-left: 2px solid rgb(18 107 108);
	padding-left: 20px;
	margin-top: 15px;
	max-width: 800px;
	line-height: 20px;
	/* display: flex; */
}
.todo_item {
    padding: 10px;
    /* border-top: 1px solid #f3f3f4; */
    border-bottom: 1px solid #f3f3f4;
    cursor: pointer;
}
.todo_check_list{
	display: block;
float: left;
margin-right: 10px;
}
.link-todo-view{
	font-size: 15px;

}
.todo_item a{
	    color: #1b1b1f;
			width: 350px;

}
.todo_item.active a{
	color: rgb(18 107 108)
}
.main-tab-project{
	display: block;
    float: left;
    border-right: 2px solid rgb(18 107 108);
    padding-right: 10px;
}
.nav.nav-tabs li{
	text-transform:uppercase;
}
.wiki_content h2{
	color: #171717;
	font-size: 20px;
	margin: 15px 0px 10px 0px;
	line-height: 100%;
	font-weight: 600;

}
.wiki_content ul li{
	list-style-type: circle;
}
.wiki_content h3{
	color: #171717;
	font-size: 14px;
	margin: 10px 0px;
	line-height: 100%;
	font-weight: 600;
}
}
.wiki_content hr{
	border-top: 1px solid #171717;
	color: #111;
	width: 100%;
	margin:0px !important;
}
.heading-style {
	position: relative;
	display: block;
	width: auto;
	box-shadow: none;
	list-style: none;
	margin-right: 10px;
	border: 1px solid #cccccc;
	padding: 0px;
}
.heading-style li{
	float: left;
	padding: 0px;
	border-left: 1px solid #ccc;
	    min-width: 25px;
}
.heading-style li:hover{
	background-color: #bababa;
border-color: #bababa;
color: #FFFFFF;
cursor: pointer;
}
.heading-style li a:hover{
	background-color: #bababa;
	cursor: pointer;
}
.heading-style li a{
	font-weight: 300;
	line-height: 10px;
	padding: 0px;
	text-align: center;
}
 .heading-style pre,.heading-style p,.heading-style h2,.heading-style h3,.heading-style blockquote{
	 padding: 0px !important;
   font-size: 13px !important;
   background: none;
   border: 0px;
   margin: 0 auto !important;
   line-height: normal;
   /* border-left: 0px !important; */
}
.heading-style pre{
	font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
	background-color: #F9F2F4;
	border-radius: 4px;
	color: #ca4440;
	font-size: 90%;
	padding: 2px 4px;
	white-space: nowrap;
}
.wiki_content blockquote{
	padding: 5px 20px;
    margin: 0 0 20px;
    font-size: 15px;
    border-left: 5px solid #eee;
    font-style: italic;
}
.menu-edit-project{
	width: 35px;
	height: 35px;
	display: block;
	float: left;
	border: 2px solid #d3d3d3;
	border-radius: 50%;
	padding: 7px 11px;
	margin-left: 10px;
	cursor: pointer;
	margin-top: -5px;
}
.right-position{
	position: absolute;
    z-index: 999;
}
.col-child{
	padding: 5px 0px;
}
.okrs_child_detail{
	width: 100%;
    border-bottom: 1px solid #e7e7e7;
}
.okrs_child_sub {
	width: 100%;
display: inline-block;
margin-left: 2%;
border-left: 1px solid #f5f5f5;
padding: 0 5px;
margin-top: 0px;
padding-top: 0px;
    text-align: justify;
}
.col-chill-first{
	float: left;
	    padding: 0 5px;
}
.wiki_content img{
	width: 100%;
}
.list_request{
	margin-top: -10px;
	    border-top: none;
	    padding: 10px;
	    margin-right: 10px;
}
.list_request .item_list:hover{
	background: #f3e2be;
	    cursor: pointer;
}
.workflow_table .title_workflow >div.big_name {
    padding: 10px;
	    float: left;
}
.workflow_table .btn.dropdown-toggle{
	color: #fff;
	padding-top: 7px;
}
.workflow_table .title_workflow{
	width: 320px;
  cursor: pointer;
  display: inline-block;
  float: left;
  background: rgb(18 107 108);
	border-left: 1px solid;
  color: #fff;
  padding-right: 20px;
  font-size: 14px;
  font-weight: 600;
}
.workflow_table .step_workflow{
	width: 320px;
  cursor: pointer;
  display: inline-block;
  float: left;
  padding: 10px;
  height: fit-content;


}
.step_detail{
	min-height: 150px;
	border-right: 1px solid #eee;
}
.work_time{
	float: left;
	padding: 5px;
	margin-left: 10px;
	color: rgb(18 107 108);
	text-decoration: underline;
	border-bottom: 1px solid;
}
.step_body{
	padding: 5px;
	min-height: 75px;
}
.work_name{
	float: left;
}
.workflow_table .panel-body{
	padding:0px !important;
}
.workflow_table .dropdown-item{
	text-transform: capitalize;
}
/* Workflow arow step */
.tabbable .nav-tabs.wizard {
	background-color: transparent;
  padding: 0;
      margin: 0 auto;
  border-radius: .25em;
  clear: both;
  border-bottom: none;
  /* min-height: 200px; */
  display: flex;
}

.tabbable .nav-tabs.wizard li {
  width: 100%;
  float: none;
  margin-bottom: 3px;
}

.tabbable .nav-tabs.wizard li>* {
	position: relative;
	color: rgb(18 107 108);
	background-color: #f3f3f4;
	border-color: #f3f3f4;
	min-height: 50px;
}

.tabbable .nav-tabs.wizard li.completed>* {
  color: #fff !important;
  background-color: #96c03d !important;
  border-color: #96c03d !important;
  border-bottom: none !important;
}

.tabbable .nav-tabs.wizard li.active>* {
	color: #fff !important;
	    background-color: rgb(18 107 108) !important;
	    border-color: rgb(18 107 108) !important;
	    border-bottom: none !important;
}
.tabbable .nav-tabs>li>a{
	margin-top: 0px !important;
}
.tabbable .nav-tabs.wizard li::after:last-child {
  border: none;
}

.tabbable .nav-tabs.wizard > li > a {
  opacity: 1;
  font-size: 13px;
}

.tabbable .nav-tabs.wizard a:hover {
  color: #fff;
  background-color: #2c3f4c;
  border-color: #2c3f4c
}

.tabbable span.nmbr {
	display: inline-block;
	padding: 5px 0 0 0;
	background: rgb(18 107 108);
	width: 25px;
	line-height: 100%;
	height: 25px;
	margin: auto;
	border-radius: 50%;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	margin-bottom: 10px;
	text-align: center;
}

@media(min-width:992px) {
  .tabbable .nav-tabs.wizard li {
    position: relative;
    padding: 0;
    margin: 4px 4px 4px 0;
    /* width: 19.6%; */
    float: left;
    text-align: center;
  }
  .tabbable .nav-tabs.wizard li.active a {
      border-top: 0px !important;
  }
  .tabbable .nav-tabs.wizard li::after{
		content: '';
		    position: absolute;
		    top: 1px;
		    left: 100%;
		    height: 0;
		    width: 0;
		    border: 33px solid transparent;
		    border-right-width: 0;

	}
  .tabbable .nav-tabs.wizard li>*::after {
		content: '';
		    position: absolute;
		    top: 1px;
		    left: 100%;
		    height: 0;
		    width: 0;
		    border: 33px solid transparent;
		    border-right-width: 0;
  }
	.tabbable .nav-tabs.no-number li>*::after,.tabbable .nav-tabs.no-number li::after {
				content: '';
		    position: absolute;
		    top: 1px;
		    left: 100%;
		    height: 0;
		    width: 0;
		    border: 24px solid transparent;
		    border-right-width: 0;
	}
	.tabbable .nav-tabs.no-number > li > a{
		opacity: 1;
		font-size: 12px;
		padding: 5px 18px;
		text-align: center;
	}

  .tabbable .nav-tabs.wizard li::after {
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #fff;
    margin: 0
  }
  .tabbable .nav-tabs.wizard li>*::after {
    z-index: 2;
    border-left-color: inherit
  }
  .tabbable .nav-tabs.wizard > li:nth-of-type(1) > a {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  }
  .tabbable .nav-tabs.wizard li:last-child a {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .tabbable .nav-tabs.wizard li:last-child {
    margin-right: 0;
  }
  .tabbable .nav-tabs.wizard li:last-child a:after,
  .tabbable .nav-tabs.wizard li:last-child:after {
    content: "";
    border: none;
  }
  span.nmbr {
    display: block;
  }
}
/* end Workflow arrow step */
.user-assigned_to{
	cursor: pointer;
}
.task_list .status{
	margin-top: 5px;
	border-radius: 50%;
	border-color: rgb(18 107 108);
	background: #fff;
}
.task_list .status.parent{
	border-color: rgb(18 107 108);
	background: #fff;
	border-radius: 0;
	margin-top: 0;
}
.task_list .status.-on {
	margin-top: 5px;
	border-radius: 50%;
	border-color: rgb(18 107 108);
	background: rgb(18 107 108);
	padding: 3px 5px;
}
.task_list .status.-on.parent{
	border-radius: 0;
	border-color: rgb(18 107 108);
	background: rgb(18 107 108);
	    padding: 1px 2px;
}
.list_cachep .item_list{
	    padding: 10px;
}
.note-editor.note-frame .note-editing-area .note-editable{
	color: #3b3d3d !important;
}
.modal.modal-scoll{
		overflow-x: overlay!important;
    overflow: overlay!important;
}
.function-list{
	padding: 5px 0px;
  border-bottom: 1px solid #f3f3f4;
  font-size: 13px;
  display: block;
  width: 100%;
  float: left;
}
.action_title {
    font-weight: 600;
    color: rgb(18 107 108);
    padding-bottom: 5px;
		line-height: 20px;
}
.action_desciption{
	line-height: 20px;
    padding: 5px 0;
    display: block;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 25px;
}
.file_in_list{
	/* width: calc(16.66% - 16px); */
	width: 100%;
	cursor: pointer;
	display: block;
  position: relative;
  /* width: calc(50% - 16px); */
	/* height:    calc(100vh - 20px); */
  text-align: center;
  padding: .5rem 0.25rem;
	margin: 8px;
	background: #fff;
	border: 1px solid #dbdfea;
	border-radius: 4px;
	float: left;
}
.file_in_list .image_preview{
	/* background-image: url(https://static.vincook.vn//uploads/qdai2-timeskip-72b03-tat-dep-2292d82189.png); */
    background-size: cover;
    min-height: 200px;
    background-repeat: no-repeat;
}
.display_full_lich{
	min-width: 1378px;
  overflow: hidden;
  display: flex;
}
.avatar_loadmore{
	background: #0000004d;
color: #fff;
text-align: center;
padding: 4px 3px;
font-size: 12px;
cursor: pointer;
}
.avatar_loadmore:hover{
	background: #0000007d;
}
.navbar-select{
	width: 80px;
	display: block;
	float: left;
	padding: 5px;
}
.navbar-select .form-control{
	    padding: 3px;
}

.wiki_book_tit{
	background: #f3f3f4;
	padding: 10px;
	cursor: pointer;
	height: max-content;
	margin: 5px;
	min-height: 200px;
	display: flow-root;
}

.articles_list{
	padding-left: 10px;
	border-left: 1px solid #adadb5;
}
.articles_list .active{
	font-weight: 600;
	text-decoration: underline;
}
.todo_filter_day .todo_check_list {
	padding-left: 10px;
}
.todo_filter_day .title_todo{
	font-weight: 600;
  padding: 5px 0;
  margin-bottom: 0 !important;
  color: rgb(18 107 108);
}
.table tbody.active{
	border-bottom: 2px solid rgb(18 107 108) !important;
}
.post_info_email{
	display: block;
	border-bottom: 1px solid #ffdc73;
	padding: 5px 10px;
}
.product-title-x{
	display: flex;
  margin: 5px;
}
.add_to_product{
	border: 1px dashed rgb(18 107 108);
	padding: 18px 20px;
	font-size: 32px;
	font-weight: lighter;
	color: #fec825;
	background: #fff;
}
.product-detail .content_img_preview{
	width: 79px;
	height: 79px;
}
.label_size_product{
	display: inline-flex;
	padding: 5px;
}
.label_size_product label{
	margin: 0;
	margin-left: 10px;
	margin-top: 2px;
}
.form-product-custom{
	font-size: 12px;
	    border: none;
	    font-weight: 600;
	    border-bottom: 1px solid;
	    border-radius: 0;
}
.add_to_product_label{
	border: 1px dashed rgb(18 107 108);
	width: 59px !important;
	height: 59px !important;
	padding: 12px 22px;
	font-size: 25px;
	color: #f8ac59;
}
.product-detail td{
	text-align: center !important;
	vertical-align: middle !important;
}
.item_new_hihi{
	width: 59px;
	height: 59px;
	border: 1px dashed rgb(18 107 108);
	box-shadow: none;
	max-width: 59px;
}
.item_not_sale{
	font-weight: 400;
  text-decoration: line-through;
}
.item_sale{
	color: red;
}
.title_item_shopee{
	font-weight: 300;
	    font-size: 12px;
	    font-style: italic;
	    display: flex;
	    border-bottom: 1px solid #d1d1d6;
	    margin-bottom: 5px;
}
.time_history{
	font-size: 12px;
}
.list_follower{
	display: flex;
margin: -5px 0 0 0;
padding-left: 5px;
}

.okr_td{
	max-width: 400px;
}
.change_okrs{
	padding-top: 5px;
  float: left;
  cursor: pointer;
  text-decoration: underline;
  margin-right: 10px;
  color: #f8ac59;
}
hr.hr100{
border: 1px dashed #a2a2a3;
width: 100%;
margin-top: 20px;
display: inline-grid;
}
.col-top5{
	margin-top: 5px;
}
.result_link_bill{
	font-size: 16px;
	background: #eee;
	padding: 10px 10px;
	border-radius: 5px;
	text-decoration: underline;
}
.address_pick_order{
	cursor: pointer;
	border: 1px solid #d3d3d3;
	border-radius: 3px;
	padding: 0 10px;
	color: rgb(18 107 108);
}
.form_speacial{
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 1px;
	color: #1b1b1f;
	border: 1px solid #11111182;
	background: #f3f3f412;
	padding: 8px 10px;
}
.form_speacial::placeholder {
  color: rgb(18 107 108);
	font-size: 15px;
	font-weight: 400;
	text-transform: uppercase;
	padding-left: 10px;
}
label.custom-control-label {
	display: block;
	    margin-bottom: 5px;
	    font-weight: 400;
	    text-align: left;
	    text-transform: uppercase;
	    color: #222222a3;
	    cursor: pointer;
	    margin-top: 5px;
	    margin-left: 20px;
		font-size: 14px;
}
.form-check-input {
	position: absolute;
  margin-top: 1rem !important;
  margin-left: 0rem !important;
}
.custom_card{
	border: 1px solid #d8d5d5;
	border-radius: 5px;
	padding: 10px;
	padding-left: 10px;
	cursor: pointer;
	margin-bottom: 10px;
}
.custom_card--is_selected{
  border-color: #333;
	border: 1px solid rgb(18 107 108);
background: rgb(18 107 108)2e;
}
.custom_card-header:after{
    border-color: #333;
    background: #333;
}
.custom_card-header:before {
    border-color: #333;
    background: #333;
}
.shipping_method-preview{
  text-transform: none;
}
.custom_card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ibox-search{
	padding: 20px 10px 10px 20px;
	margin-bottom: 10px;
}
.print-multi{
	position: fixed;
	right: 0;
	background: #fff;
	border: 1px solid rgb(18 107 108);
	padding: 5px 10px;
	z-index: 99999;
	overflow: overlay;
}
.print-multi-oc{
	position: fixed;
	bottom: 10px;
	right: 10px;
	background: #fff;
	border: 1px solid rgb(18 107 108);
	padding: 5px 10px;
	z-index: 99999;
	overflow: overlay;
}

.iframe_ghtk{
	border: none;
}
.download-app-component,.component-download-app {
    display: none !important;

}
p.payroll_formula {
    display: block;
    width: fit-content;
    max-width: 400px;
}
.drop-paste-file {
	border-bottom: 1px dashed;
	padding: 20px 30px;
	border-radius: 0px;
	font-style: italic;
}
.file-drop-default{
	/* border-bottom: 1px solid; */
	    padding-bottom: 2px;border-radius: 0;
}

.todo-multi{
	position: fixed;
	right: 0;
	background: #fff;
	border: 1px solid rgb(18 107 108);
	padding: 5px 10px;
	z-index: 99999;
	overflow: overlay;
	bottom: 0px;
}
.wework_todo_list{
	padding-bottom: 15px;
  border-bottom: 1px solid #dadadd;
  padding-top: 10px;
}
.wework_todo_list .color-green, .wework_todo_list a{
	color: #111 !important;
}
.wework_todo_list .wework_label .color-green, .wework_todo_list .wework_label  a{
	color: #0a8f48 !important;
}
.wework_todo_list .fa {
	border: 1px solid;
	padding: 2px;
	border-radius: 50%;
	background: red;
	color: #fff;
}

.wework_todo_list .wework_label .fa {
	border: 1px solid;
padding: 2px;
border-radius: 50%;
background: #0a8f48 !important;
color: #fff !important;
}
.decision_wework{

}
.chanel-detail{
	width: 130px;
	float: left;
	display: block;
}
.chanel-detail input{
	float: left;
    margin: 10px;
    margin-top: 13px;
}
.circle_item{
	padding: 5px 10px;
}
.tree_rightbar{
	height: 30px;
    float: right;
    width: 300px;
}
.tree_rightbar>span{
	width: 50px;
	float: left;
}
.tree_rightbar .progress{
	width: 200px;
	height: 15px;
}
.tree_rightbar .avatar{
	border: none;
}
.tree_rightbar .progress-bar{

    line-height: 15px;
}
/* Timeline */
.navy-bg, .bg-primary {
    background-color: #1ab394 !important;
    color: #ffffff;
}
/* BACKGROUNDS */
.dark-timeline .vertical-timeline-content, .dark-timeline.center-orientation .vertical-timeline-content{
	background: #f5f5f5;
}
.dark-timeline .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent;
}
.gray-bg,
.bg-muted {
  background-color: #f3f3f4;
}
.white-bg {
  background-color: #ffffff;
}
.blue-bg,
.bg-success {
  background-color: #1c84c6 !important;
  color: #ffffff;
}
.navy-bg,
.bg-primary {
  background-color: #1ab394 !important;
  color: #ffffff;
}
.lazur-bg,
.bg-info {
  background-color: #23c6c8 !important;
  color: #ffffff;
}
.yellow-bg,
.bg-warning {
  background-color: #f8ac59 !important;
  color: #ffffff;
}
.red-bg,
.bg-danger {
  background-color: #ED5565 !important;
  color: #ffffff;
}
.black-bg {
  background-color: #262626;
}
.vertical-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 99%;
  max-width: 1170px;
  margin: 0 auto;
}
.vertical-container::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}
.vertical-timeline {
  position: relative;
  padding: 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
.vertical-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #f1f1f1;
}
.vertical-timeline-content .btn {
  float: right;
}
.vertical-timeline.light-timeline:before {
  background: #e7eaec;
}
.dark-timeline .vertical-timeline-content:before {
  border-color: transparent #f5f5f5 transparent transparent;
}
.dark-timeline.center-orientation .vertical-timeline-content:before {
  border-color: transparent transparent transparent #f5f5f5;
}
.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,
.dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before {
  border-color: transparent #f5f5f5 transparent transparent;
}
.dark-timeline .vertical-timeline-content,
.dark-timeline.center-orientation .vertical-timeline-content {
  background: #f5f5f5;
}
@media only screen and (min-width: 1170px) {
  .vertical-timeline.center-orientation {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .vertical-timeline.center-orientation:before {
    left: 50%;
    margin-left: -2px;
  }
}
@media only screen and (max-width: 1170px) {
  .center-orientation.dark-timeline .vertical-timeline-content:before {
    border-color: transparent #f5f5f5 transparent transparent;
  }
}
.vertical-timeline-block {
  position: relative;
  margin: 2em 0;
}
.vertical-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.vertical-timeline-block:first-child {
  margin-top: 0;
}
.vertical-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .center-orientation .vertical-timeline-block {
    margin: 4em 0;
  }
  .center-orientation .vertical-timeline-block:first-child {
    margin-top: 0;
  }
  .center-orientation .vertical-timeline-block:last-child {
    margin-bottom: 0;
  }
}
.vertical-timeline-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 16px;
  border: 3px solid #f1f1f1;
  text-align: center;
}

.vertical-timeline-icon i, .vertical-timeline-icon span.level_icon {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -9px;
}
.vertical-timeline-icon span.level_icon {
	font-weight: 600;
	top: 45%;
}
@media only screen and (min-width: 1170px) {
  .center-orientation .vertical-timeline-icon {
    width: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    font-size: 19px;
  }
  .center-orientation .vertical-timeline-icon i {
    margin-left: -12px;
    margin-top: -10px;
  }
  .center-orientation .cssanimations .vertical-timeline-icon.is-hidden {
    visibility: hidden;
  }
}
.vertical-timeline-content {
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 1em;
}
.vertical-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.vertical-timeline-content h2 {
  font-weight: 400;
  margin-top: 4px;
}
.vertical-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.vertical-timeline-content .vertical-date {
  float: left;
  font-weight: 400;
}
.vertical-date small {
  color: #1ab394;
  font-weight: 400;
}
.vertical-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
  .vertical-timeline-content h2 {
    font-size: 18px;
  }
  .vertical-timeline-content p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1170px) {
  .center-orientation .vertical-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .center-orientation .vertical-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }
  .center-orientation .vertical-timeline-content .btn {
    float: left;
  }
  .center-orientation .vertical-timeline-content .vertical-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 2px;
    font-size: 14px;
  }
  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content {
    float: right;
  }
  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn {
    float: right;
  }
  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .center-orientation .cssanimations .vertical-timeline-content.is-hidden {
    visibility: hidden;
  }
}
#accordion i.fa-plus{
	display: none;
}
#accordion i.fa-minus{
	display: block;
}
#accordion .collapsed i.fa-minus{
	display: none;
}
#accordion .collapsed i.fa-plus{
	display: block;
}
#accordion i {
	padding: 5px;
  float: left;
}
span.title_checkin{
	font-weight: 600;
}

#accordion .collapsed span.title_checkin{
	font-weight: 400;
}
.vertical-date .hoan-thanh{
	color: rgb(18 107 108);
  text-transform: uppercase;
  font-size: 13px;
}
.vertical-date .pending{
	color: #ff9c9c;
  text-transform: uppercase;
  font-size: 11px;
}
.vertical-date .tre-deadline{
	color: red;
  text-transform: uppercase;
  font-size: 11px;
}
.vertical-date .cho-sep-duyet{
	color: #0e00eb;
  text-transform: uppercase;
  font-size: 11px;
}
.kpi_level{
	border-left: 1px solid #f5f5f5;
	padding: 5px 5px 5px 20px;
	background: #fff;
	border-radius: 5px;
}
tr.status_active{
	border-left: 10px solid rgb(18 107 108) !important;
}
.okrs_padding {
    padding-left: 10px;
    border-left: 1px solid #35ba23;
		padding-bottom: 10px;
}

.progress-bar {
  background-color: #1ab394;
}
.progress-small,
.progress-small .progress-bar {
  height: 10px;
}
.progress-small,
.progress-mini {
  margin-top: 5px;
}
.progress-mini,
.progress-mini .progress-bar {
  margin-bottom: 0;
}
.progress-bar-navy-light {
  background-color: #3dc7ab;
}
.progress-bar-success {
  background-color: #1c84c6;
}
.progress-bar-info {
  background-color: #ff9c9c;

}
.progress-bar-warning {
  background-color: #f8ac59;

}
.progress-bar-danger {
  background-color: #ED5565;

}
.page-block h5 {
    height: 25px;
}
.page_report_block{
	margin-bottom: 10px;
}
.okrs_padding .progress-bar-danger, .okrs_padding .progress-bar, .okrs_padding .progress-bar-info, .okrs_padding .progress-bar-warning {
	height: 5px;
}
.timeline_calendar{
	border-bottom: 1px solid #1b1b1f3d;
	    border-right: 1px solid #1b1b1f3d;
	    height: 200px;
	    width: 100px;
	    float: left;
}
.table_timeline{
	border-top: 1px solid #1b1b1f3d;
	border-left: 1px solid #1b1b1f3d;
	/* display: block; */
	/* overflow-x: scroll; */
	/* width: 100%; */
	/* float: left; */
	/* width: max-content; */
}
.item_timeline {
	border-bottom: 1px solid #ffffff !important;
	display: block;
	font-size: 13px;
	color: #fff;
	border-radius: 5px;
}
.item_timeline:hover{
	border: 0 !important;
	position: relative;
	background: #2eba31 !important;
	color: #fff;
}
.item_timeline .avatar{
	height: 20px;
width: 20px;
}
.hiho-bg {
    background-color: #f2ce63;
}

.image_list img{
	object-fit: cover;
	max-width: 210px;
	height: 250px;
	width: 100%;

}
.image_list{
		background: #f3f3f4;
		border: 1px solid #f3f3f4;
		border-radius: 5px;
		margin: 3px;
		min-height: 230px;
}
.image_cover{

	max-width: 220px;
	padding: 0px;

	float: left;



}
.image_list:hover{
	    border: 1px solid #333;
}
.image_info{
	padding: 5px;
	text-align: center;
	margin-top: 5px;
	display: inline-table;
	width: 100%;
	font-size: 13px;
}

.forder_list{
	width: 100%;
	margin: 10px;
	padding-bottom: 20px;
	display: contents;
}
.forder_item{
	border: 1px solid #f3f3f4;
	background: #f3f3f4;
	padding: 20px 10px;
	border-radius: 10px;
	box-shadow: 0 0 1px #f3f3f4;
	cursor: pointer;
	float: left;
	margin: 5px 0;
	width: 100%;
}
.image_checkin{
	border-bottom: 1px solid #eee;
	margin-bottom: 30px;
	display: inline-flex;
}
.margin5{
	margin:5px 0 !important;
}
.timline-active .vertical-timeline-content {
    background: #b2f4cf;
}
.tr-success{
	border-left: 4px solid rgb(18 107 108);
}
.tr-warning{
	    border-left: 4px solid #f8ac59;
}
/* STAR RATING */
.reviews-rating__star.is-active, .reviews-rating__star.is-full {
    background-image: url('https://static.vincook.vn/uploads/star-time-skip-51efc51b52.svg');
}
.reviews-rating__star {
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 3px 1px;
    background-image: url('https://static.vincook.vn/uploads/star-new-time-skip-f6587aee05.svg');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}
.product-single__ratings {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: .03em;
    font-weight: 400;
    margin-bottom: 15px;
}
.reviews-rating {
    display: flex;
    align-items: center;
    margin-left: -3px;
    margin-right: -3px;
}


.nav li i.fa {
	box-sizing: border-box;
	min-width: 0px;
	color: rgb(132, 142, 156);
	/* font-size: 24px; */
	fill: rgb(132, 142, 156);
	width: 30px;
	height: 21px;
	flex-shrink: 0;
	--scroll-pad: 2px;
	float: left;
	--scroll-size: 10px;
	margin: 4px 7px;
	font-size: small;
}