/* vietnamese */
@font-face {
  font-family: 'Roboto 2';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/roboto-regular.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto 2';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/roboto-bold.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
html {
	font-size:100%;
	height:100%
}
body {
	font-family: "Be Vietnam Pro", sans-serif;
	font-weight:300;
	margin-top:40px;
	background:#dfe5e9
}
#wrapper {
	width:100%
}
#main-content {
	width:100%;
	padding:25px 20px;
	background-color:#dfe5e9;
}
#sidebar {
	background-color:#2b2e33
}
#sidebar .sidebar-nav {
	background-color:#2b2e33
}
.bold {
    font-weight: bold;
}
.m-auto {
	margin:auto
}
.m-0 {
	margin:0 !important
}
.m-5 {
	margin:5px !important
}
.m-10 {
	margin:10px !important
}
.m-20 {
	margin:20px !important
}
.m-t-0 {
	margin-top:0 !important
}
.m-t-5 {
	margin-top:5px !important
}
.m-t-10 {
	margin-top:10px !important
}
.m-t-20 {
	margin-top:20px !important
}
.m-t-30 {
	margin-top:30px !important
}
.m-t-40 {
	margin-top:40px !important
}
.m-t-60 {
	margin-top:60px !important
}
.m-b-0 {
	margin-bottom:0 !important
}
.m-b-5 {
	margin-bottom:5px !important
}
.m-b-6 {
	margin-bottom:6px !important
}
.m-b-10 {
	margin-bottom:10px !important
}
.m-b-12 {
	margin-bottom:12px !important
}
.m-b-15 {
	margin-bottom:15px !important
}
.m-b-20 {
	margin-bottom:20px !important
}
.m-b-30 {
	margin-bottom:30px !important
}
.m-b-40 {
	margin-bottom:40px !important
}
.m-b-60 {
	margin-bottom:60px !important
}
.m-b-80 {
	margin-bottom:80px !important
}
.m-b-140 {
	margin-bottom:140px !important
}
.m-b-80 {
	margin-bottom:80px !important
}
.m-b-245 {
	margin-bottom:245px !important
}
.m-b-m30 {
	margin-bottom:-30px !important
}
.m-b-m50 {
	margin-bottom:-50px !important
}
.m-l-5 {
	margin-left:5px !important
}
.m-l-10 {
	margin-left:10px !important
}
.m-l-20 {
	margin-left:20px !important
}
.m-l-30 {
	margin-left:30px !important
}
.m-l-60 {
	margin-left:60px !important
}
.m-r-5 {
	margin-right:5px !important
}
.m-r-10 {
	margin-right:10px !important
}
.m-r-20 {
	margin-right:20px !important
}
.m-r-30 {
	margin-right:30px !important
}
.m-r-60 {
	margin-right:60px !important
}
.p-0 {
	padding:0 !important
}
.p-5 {
	padding:5px !important
}
.p-10 {
	padding:10px !important
}
.p-15 {
	padding:15px !important
}
.p-20 {
	padding:20px !important
}
.p-30 {
	padding:30px !important
}
.p-40 {
	padding:40px !important
}
.p-t-0 {
	padding-top:0 !important
}
.p-t-10 {
	padding-top:10px !important
}
.p-t-20 {
	padding-top:20px !important
}
.p-b-0 {
	padding-bottom:0 !important
}
.p-b-10 {
	padding-bottom:10px !important
}
.p-b-20 {
	padding-bottom:10px !important
}
.p-b-30 {
	padding-bottom:30px !important
}
.p-l-5 {
	padding-left:5px !important
}
.p-l-10 {
	padding-left:10px !important
}
.p-l-20 {
	padding-left:20px !important
}
.p-l-30 {
	padding-left:30px !important
}
.p-l-40 {
	padding-left:40px !important
}
.p-r-5 {
	padding-right:5px !important
}
.p-r-10 {
	padding-right:10px !important
}
.p-r-20 {
	padding-right:20px !important
}
.p-r-30 {
	padding-right:30px !important
}
.t-0 {
	top:0
}
.t-5 {
	top:5px
}
.t-10 {
	top:10px
}
.t-15 {
	top:15px
}
.b-0 {
	bottom:0
}
.b-5 {
	bottom:5px
}
.b-10 {
	bottom:10px
}
.b-15 {
	bottom:15px
}
.l-0 {
	left:0
}
.l-5 {
	left:5px
}
.l-10 {
	left:10px
}
.l-15 {
	left:15px
}
.r-0 {
	right:0
}
.r-5 {
	right:5px
}
.r-10 {
	right:10px
}
.r-15 {
	right:15px
}
.bd-0 {
	-moz-border-radius:0 !important;
	-webkit-border-radius:0 !important;
	border-radius:0 !important
}
.bd-3 {
	-moz-border-radius:3px !important;
	-webkit-border-radius:3px !important;
	border-radius:3px !important
}
.bd-6 {
	-moz-border-radius:6px !important;
	-webkit-border-radius:6px !important;
	border-radius:6px !important
}
.bd-9 {
	-moz-border-radius:9px !important;
	-webkit-border-radius:9px !important;
	border-radius:9px !important
}
.bd-50p {
	-moz-border-radius:50% !important;
	-webkit-border-radius:50% !important;
	border-radius:50% !important
}
.no-bd {
	border:0;
	box-shadow:none
}
.border-bottom {
	border-bottom:1px solid #efefef !important
}
.border-top {
	border-top:1px solid #efefef !important
}
.bd-white {
	border-color:#fff !important
}
.bd-green {
	border-left:3px solid #5cb85c;
	padding-left:20px
}
.bd-red {
	border-left:3px solid #c9625f;
	padding-left:20px
}
.bd-blue {
	border-left:3px solid #3598db;
	padding-left:20px
}
.bd-t-red {
	border-top:4px solid #c9625f
}
.bd-t-green {
	border-top:4px solid #5cb85c
}
.bd-t-blue {
	border-top:4px solid #0090d9
}
.bd-t-dark {
	border-top:4px solid #2b2e33
}
.bd-t-purple {
	border-top:4px solid #b57ee0
}
.bd-l-red {
	border-left:4px solid #c9625f
}
.bd-l-green {
	border-left:4px solid #5cb85c
}
.bd-l-blue {
	border-left:4px solid #0090d9
}
.bd-l-dark {
	border-left:4px solid #2b2e33
}
.bd-l-purple {
	border-left:4px solid #b57ee0
}
.bg-gray {
	background-color:#b6b6b6 !important;
	color:#000 !important
}
.bg-gray-light {
	background-color:#ececec !important;
	color:#000 !important
}
.bg-red {
	background-color:#1eafc8 !important;
	color:#fff !important
}
.bg-white {
	background-color:#fff !important;
	color:black !important
}
.bg-green {
	background-color:#18a689 !important;
	color:#fff !important
}
.bg-blue {
	background-color:#0090d9 !important;
	color:#fff !important
}
.bg-orange {
	background-color:#f27835 !important;
	color:#fff !important
}
.bg-purple {
	background-color:#b57ee0 !important;
	color:#fff !important
}
.bg-dark {
	background-color:#2b2e33 !important;
	color:#fff !important
}
.bg-purple-gradient {
	background:#bf9bdd;
	background:-moz-radial-gradient(center,ellipse cover,#bf9bdd 27%,#9e52dd 100%);
	background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(27%,#bf9bdd),color-stop(100%,#9e52dd));
	background:-webkit-radial-gradient(center,ellipse cover,#bf9bdd 27%,#9e52dd 100%);
	background:-o-radial-gradient(center,ellipse cover,#bf9bdd 27%,#9e52dd 100%);
	background:-ms-radial-gradient(center,ellipse cover,#bf9bdd 27%,#9e52dd 100%);
	background:radial-gradient(ellipse at center,#bf9bdd 27%,#9e52dd 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf9bdd',endColorstr='#9e52dd',GradientType=1)
}
.bg-opacity-20 {
	background-color:rgba(0,0,0,0.2)
}
.opacity-0 {
	opacity:0
}
.opacity-20 {
	opacity:.2
}
.opacity-50 {
	opacity:.5
}
.opacity-70 {
	opacity:.7
}
.opacity-90 {
	opacity:.9
}
.width-0 {
	width:0 !important
}
.min-width-40 {
	min-width:40px
}
.width-100p {
	width:100% !important
}
.h-0 {
	height:0 !important;
	overflow:hidden !important
}
.h-20 {
	height:20px !important;
	overflow:hidden !important
}
.h-30 {
	height:30px !important;
	overflow:hidden !important
}
.h-40 {
	height:40px !important;
	overflow:hidden !important
}
.h-100 {
	height:100px !important;
	overflow:hidden !important
}
.h-150 {
	height:150px !important;
	overflow:hidden !important
}
.h-220 {
	height:220px !important;
	overflow:hidden !important
}
.h-250 {
	height:250px !important;
	overflow:hidden !important
}
.h-280 {
	height:280px !important;
	overflow:hidden !important
}
.h-300 {
	height:300px !important;
	overflow:hidden !important
}
.pos-rel {
	position:relative
}
.pos-abs {
	position:absolute
}
.dis-inline {
	display:inline
}
.dis-block {
	display:block
}
.cursor-pointer {
	cursor:pointer
}
code {
	padding:2px 8px 2px 4px;
	font-size:90%;
	color:#2a465c;
	background-color:#d5e9ff;
	white-space:nowrap;
	border-radius:4px
}
.line-separator {
	border-right:1px solid #dbe2e7
}
img.img-left {
	border:1px solid #ccc;
	float:left;
	margin-right:15px;
	padding:5px
}
img.img-right {
	border:1px solid #ccc;
	float:right;
	margin-left:15px;
	padding:5px
}
.hide {
	opacity:0
}
::-webkit-scrollbar {
	width:10px
}
::-webkit-scrollbar-track {
	background-color:#eaeaea;
	border-left:1px solid #c1c1c1
}
::-webkit-scrollbar-thumb {
	background-color:#c1c1c1
}
::-webkit-scrollbar-thumb:hover {
	background-color:#aaa
}
::-webkit-scrollbar-track {
	border-radius:0;
	box-shadow:none;
	border:0
}
::-webkit-scrollbar-thumb {
	border-radius:0;
	box-shadow:none;
	border:0
}
h1,h2,h3,h4,h5,h6 {
	font-weight:300 !important;
	color:inherit
}
h3 {
	color:#534e4e
}
a {
	color:#0090d9;
	transition:color .2s linear 0,background-color .2s linear 0 !important
}
a.active {
	color:#1eafc8 !important;
	text-decoration:none
}
.uppercase {
	text-transform:uppercase
}
.align-center {
	text-align:center
}
.align-left {
	text-align:left
}
.align-right {
	text-align:right
}
a,a:focus,a:hover,a:active {
	outline:0
}
.f-12 {
	font-size:12px !important
}
.f-14 {
	font-size:14px !important
}
.f-15 {
	font-size:15px !important
}
.f-16 {
	font-size:16px !important
}
.f-18 {
	font-size:18px !important
}
.f-20 {
	font-size:20px !important
}
.f-24 {
	font-size:24px !important
}
.f-32 {
	font-size:32px !important
}
.f-60 {
	font-size:60px !important
}
.f-65 {
	font-size:65px !important
}
.f-80 {
	font-size:80px !important
}
.f-150 {
	font-size:150px !important
}
.w-300 {
	font-weight:300 !important
}
.w-500 {
	font-weight:500 !important
}
.w-600 {
	font-weight:600 !important
}
.w-700 {
	font-weight:700 !important
}
.c-red {
	color:#cd6a6a !important
}
.c-blue {
	color:#1eafc8 !important
}
.c-purple {
	color:#b57ee0 !important
}
.c-brown {
	color:#9e7b2e !important
}
.c-orange {
	color:#ec8521 !important
}
.c-green {
	color:#5cb85c !important
}
.c-gray-light {
	color:#dadada !important
}
.c-gray {
	color:#8f8f8f !important
}
.c-dark {
	color:#343434 !important
}
.c-white {
	color:#fff !important
}
.transparent-color {
	color:rgba(0,0,0,0.2)
}
.line-through {
	text-decoration:line-through
}
.navbar {
	min-height:40px;
	margin-bottom:20px;
	margin-bottom:0;
	z-index:90
}
.navbar-center {
	color:#626262;
	display:inline-block;
	font-size:20px;
	position:absolute;
	text-align:center;
	width:50%;
	margin-left:25%;
	left:0;
	top:6px
}
.navbar-nav>li>a {
	padding:10px
}
.navbar a.sidebar-toggle {
	padding:10px 20px 10px 5px
}
.navbar-inverse .navbar-brand {
	color:#fff;
	padding:0px 0 0 15px
}
.navbar-inverse .navbar-brand strong {
	color:#1eafc8
}
.sidebar-toggle {
	cursor:pointer;
	color:#adadad;
	background-position:0 0;
	float:left;
	border-right:1px solid #27292d
}
.sidebar-toggle:hover {
	background-position:0 40px;
	color:white
}
.header-menu.navbar-nav>li>a {
    height: 40px;
    line-height: 25px;
    padding: 6px 4px 8px 14px;
}
.header-menu .badge-header {
	border-radius:8px;
	padding:2px 5px;
	right:8px;
	top:-5px;
	position:relative;
	font-size:12px
}
.header-menu .header-icon {
	display:inline;
	max-width:100%;
	height:22px
}
.header-menu .dropdown-menu {
	top:42px;
	right:0;
	left:auto;
	width:fit-content;
	margin:0;
	padding:0
}
.header-menu .dropdown-menu {
	border-top-left-radius:3px !important;
	border-top-right-radius:3px !important
}
.header-menu .dropdown-menu:after {
	border-bottom:6px solid #2b2e33;
	border-left:6px solid rgba(0,0,0,0);
	border-right:6px solid rgba(0,0,0,0);
	content:"";
	display:inline-block;
	right:17px;
	position:absolute;
	top:-6px
}
.header-menu .dropdown-menu .dropdown-header {
	background:#2b2e33;
	color:#fff;
	font-size:15px;
	padding:8px 15px
}
.header-menu .dropdown-menu .dropdown-header:hover {
	background:#2b2e33;
	color:#fff;
	cursor:default
}
.header-menu .dropdown-menu .dropdown-header p {
	margin:0
}
.header-menu .dropdown-menu li {
	background:0;
	padding:10px 0;
}
.header-menu .dropdown-menu li:hover {
	background:0
}
.header-menu .dropdown-menu li ul li {
	padding:12px 10px 6px 10px
}
.header-menu .dropdown-menu li ul li:hover {
	background:#eaeaea
}
.header-menu .dropdown-menu li ul li a:hover {
	text-decoration:none
}
.header-menu .dropdown-menu li ul li .dropdown-time {
	color:#c4c4c4;
	font-size:12px;
	display:block;
	text-align:right;
	font-weight:600
}
.header-menu .dropdown-menu .dropdown-footer {
	border-top:1px solid #e2e2e2;
	color:#121212;
	font-size:12px;
	padding:5px;
	background:#f8f8f8
}
.header-menu .dropdown-menu .dropdown-footer a {
	padding:3px 5px
}
.header-menu .dropdown-menu .dropdown-footer a:hover {
	background:0
}
.header-menu .dropdown-menu>li>a.pull-left,.header-menu .dropdown-menu>li>a.pull-right {
	clear:none
}
.header-menu #messages-header .glyph-icon {
	color:#fff;
	font-size:20px;
	margin-top:2px
}
.header-menu #messages-header ul li img {
	height:30px;
	margin-top:-5px;
	border-radius:50%
}
.header-menu #messages-header .dropdown-body p {
	font-size:12px;
	font-style:italic;
	margin:5px 0 5px
}
.header-menu #user-header li a:hover {
	text-decoration:none;
	background-color:#eaeaea
}
.header-menu #user-header .dropdown-menu {
	width:178px
}
.header-menu #user-header .dropdown-menu li a {
	padding:8px 15px;
	display:block;
	font-size:13px
}
.header-menu #user-header .dropdown-menu li a i {
	padding-right:8px
}
.header-menu #user-header .dropdown-menu:after {
	border-bottom:6px solid #eaeaea;
	border-left:6px solid rgba(0,0,0,0);
	border-right:6px solid rgba(0,0,0,0);
	content:"";
	display:inline-block;
	right:17px;
	position:absolute;
	top:-6px
}
.header-menu #user-header .dropdown-menu .dropdown-footer {
	background-color:#e9e9e9
}
.header-menu #user-header .dropdown-menu li.dropdown-footer {
	padding:0
}
.header-menu #user-header .dropdown-menu .dropdown-footer a {
	color:#575757;
	font-size:16px;
	display:inline-block;
	width:56px;
	padding:8px;
	text-align:center
}
.header-menu #user-header .dropdown-menu .dropdown-footer a:hover {
	background-color:#dcdcdc
}
.header-menu #user-header .dropdown-menu .dropdown-footer a i {
	padding-right:0
}

#notifications-header .readed {
	background-color: #CEDFE8;
}
.header-menu .notification {
	position:absolute;
	top:7px;
	left:10px;
	display:inline-block;
	width:8px;
	height:8px;
	border-radius:50%
}
.notification-danger {
	background-color:#ed5466
}
.chat-popup {
	margin-top:3px;
	padding:5px 0;
	right:0;
	top:35px;
	position:absolute;
	z-index:20;
	cursor:pointer
}
.chat-popup .arrow-up {
	width:0;
	height:0;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:5px solid #0090d9;
	right:10px;
	position:absolute;
	top:0
}
.chat-popup-inner {
	width:140px;
	border-radius:4px 4px 4px 4px;
	padding:8px;
	text-decoration:none;
	font-size:12px;
	-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.);
	box-shadow:0 1px 1px rgba(255,255,255,0.2)
}
#main-menu {
    height: 100%;
    margin-bottom: 50px;
}
#sidebar {
	left:0;
	position:fixed;
	top:0;
	height:100%;
	z-index:30
}
.arrow {
	float:right
}
.fa.arrow:before {
	content:"\f105";
	display:inline-block;
	-webkit-transition:all .15s linear;
	-moz-transition:all .15s linear;
	-o-transition:.15s linear;
	transition:all .15s linear
}
.active>a>.fa.arrow:before {
	content:"\f105";
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}
.sidebar-nav {
	top:0;
	width:100%;
	list-style:none;
	margin:0;
	padding:0
}
.sidebar-nav>li {
	position:relative;
	display:block
}
.sidebar-nav li ul li {
	position:relative;
	display:block
}
.sidebar-nav a {
	color:#adadad;
	display:block;
	text-decoration:none
}
.sidebar-nav a:hover {
	color:white;
}
.sidebar-nav a i {
	padding-right:10px;
	-webkit-transition:color .15s linear;
	-moz-transition:color .15s linear;
	-o-transition:color .15s linear;
	transition:color .15s linear
}
.sidebar-nav a:hover i {
	color:white
}
.sidebar-nav a i.glyph-icon,.sidebar-nav a i.fa {
	font-size:18px
}
.sidebar-nav li.current a:hover i {
	color:#fff
}
.sidebar-nav li.current a {
	color:#fff;
	background-color:#16191f;
	border-left:5px solid #1eafc8
}
.sidebar-nav li.current.hasSub a {
	border-left:0
}
.sidebar-nav li.current li.current a {
	color:#fff;
	background-color:#16191f;
	border-left:5px solid #1eafc8
}
.sidebar-nav>li.current>a:after {
	width:0;
	height:0;
	border-style:solid;
	border-width:9px 9px 9px 0;
	border-color:rgba(226,226,226,0) #dfe5e9 rgba(226,226,226,0)rgba(226,226,226,0);
	content:"";
	position:absolute;
	top:50%;
	margin-top:-9px;
	right:0;
	z-index:5
}
#sidebar ul.submenu a {
	background-color:#34383f;
	padding:6px 10px 6px 35px;
	font-size:15px;
	text-align:left

}
#sidebar ul.submenu a i {
    float: left;
    font-size: 14px;
    margin-right: 4px;
    margin-top: 1px;
}
.sidebar-large #wrapper {
	/* padding-left:250px */
}
.sidebar-large #sidebar {
	width:250px;
}
.sidebar-large #sidebar .sidebar-img {
	max-width:26px;
	max-height:26px;
	padding-right:8px
}
.sidebar-large .sidebar-nav li a {
	/* padding:10px 20px; */
	border-radius: 8px;
}
.sidebar-large .sidebar-nav li.last {
	margin-bottom:245px !important
}
.sidebar-large .sidebar-nav>li.current.hasSub>a:after {
	display:none
}
.sidebar-large .sidebar-nav>li.current li.current>a:after {
	width:0;
	height:0;
	border-style:solid;
	border-width:9px 9px 9px 0;
	border-color:rgba(226,226,226,0) #dfe5e9 rgba(226,226,226,0)rgba(226,226,226,0);
	content:"";
	position:absolute;
	top:50%;
	margin-top:-9px;
	right:0;
	z-index:5
}
.footer-widget {
	position:fixed;
	bottom:0;
	display:block;
	padding:0;
	background-color:#2b2e33;
	width:250px;
	clear:both;
	z-index:1000;
	border-top:2px solid #555
}
.footer-widget i {
	font-size:14px;
	color:#5e646d
}
.footer-widget a:hover i {
	color:#f7f7f7
}
.footer-widget .sidebar-gradient-img {
	width:100%;
	height:20px;
	margin-top:-20px;
	display:block
}
#sidebar-charts {
	display:block;
	border-bottom:1px solid #3c3c3c;
	width:250px;
	padding:0;
	z-index:1000
}
.sidebar-charts-inner {
	padding:15px 15px 10px 20px;
	height:53px;
	border-bottom:1px solid #20262b
}
.sidebar-charts-left {
	float:left;
	text-align:left;
	margin-top:-7px
}
.sidebar-charts-right {
	float:right;
	text-align:right
}
.sidebar-chart-title {
	color:#fff;
	font-size:11px;
	text-transform:uppercase;
	opacity:.3
}
.sidebar-chart-number {
	color:#fff;
	font-size:16px;
	opacity:.7;
}
#sidebar-charts hr.divider,li.divider {
	border:0;
	height:1px;
	margin-bottom:0;
	margin-top:0;
	background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…gd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	background:-webkit-gradient(linear,0 50%,100% 50%,color-stop(0,rgba(205,205,205,0)),color-stop(50%,#4d4d4d),color-stop(100%,rgba(205,205,205,0)));
	background:-webkit-linear-gradient(left,rgba(205,205,205,0),#4d4d4d,rgba(205,205,205,0));
	background:-moz-linear-gradient(left,rgba(205,205,205,0),#4d4d4d,rgba(205,205,205,0));
	background:-o-linear-gradient(left,rgba(205,205,205,0),#4d4d4d,rgba(205,205,205,0));
	background:linear-gradient(left,rgba(205,205,205,0),#4d4d4d,rgba(205,205,205,0));
	position:relative
}
.sidebar-footer {
	padding:0
}
.sidebar-footer .progress {
	position:relative;
	top:15px;
	width:70%;
	margin-bottom:5px
}
.sidebar-footer .pull-left {
	width:25%;
	text-align:center;
	padding:10px 0
}
.sidebar-footer .pull-left:hover {
	background-color:#373a41
}
.sidebar-footer i {
	font-size:16px
}
.sidebar-medium #wrapper {
	/* padding-left:125px */
}
.sidebar-medium #sidebar {
	width:125px;
	position:absolute
}
.sidebar-medium #sidebar .sidebar-img {
	max-height:40px;
	max-width:40px;
	display:block;
	margin:auto;
	margin-bottom:6px
}
.sidebar-medium .sidebar-nav li a {
	padding:18px 20px 12px 20px;
	text-align:center
}
.sidebar-medium #sidebar li a span.arrow,.sidebar-medium .sidebar-nav li a .label,.sidebar-medium .sidebar-nav li a .badge {
	display:none
}
.sidebar-medium .sidebar-nav li a i {
	display:block;
	font-size:25px;
	padding-right:0
}
.sidebar-medium .sidebar-nav li.active i {
	color:#1eafc8
}
.sidebar-medium .sidebar-nav li.current a i {
	color:#1eafc8
}
.sidebar-medium .sidebar-nav li a i.glyph-icon {
	font-size:30px
}
.sidebar-medium .sidebar-nav li a:hover i {
	opacity:1
}
.sidebar-medium li.m-b-245 {
	margin-bottom:0 !important
}
.sidebar-medium #sidebar ul li ul {
	position:absolute;
	left:125px;
	width:220px;
	margin-top:-70px
}
.sidebar-medium #sidebar ul.submenu a {
	background-color:#1eafc8;
	color:#121212
}
.sidebar-medium #sidebar ul.submenu li a:hover {
	color:#fff
}
.sidebar-medium #sidebar ul.submenu li.current a {
	color:#fff;
	border-left:0;
	font-weight:600
}
.sidebar-medium #sidebar li.active:after {
	width:0;
	height:0;
	border-style:solid;
	border-width:9px 9px 9px 0;
	border-color:rgba(0,162,217,0) #1eafc8 rgba(226,226,226,0)rgba(226,226,226,0);
	content:"";
	position:absolute;
	top:50%;
	margin-top:-9px;
	right:0;
	z-index:5
}
.sidebar-medium .footer-widget {
	display:none
}
.sidebar-thin #wrapper {
	padding-left:50px
}
.sidebar-thin #sidebar {
	width:50px;
	position:absolute
}
.sidebar-thin #sidebar .sidebar-img {
	max-width:20px;
	max-height:20px
}
.sidebar-thin #sidebar li a span {
	display:none
}
.sidebar-thin #sidebar li ul li a span {
	display:block
}
.sidebar-thin .sidebar-nav li a {
	line-height:normal;
	padding:10px 10px;
	text-align:center
}
.sidebar-thin .sidebar-nav li a i {
	padding-right:0
}
.sidebar-thin .sidebar-nav li.current a i {
	color:#1eafc8
}
.sidebar-thin li.m-b-245 {
	margin-bottom:0 !important
}
.sidebar-thin #sidebar ul li ul {
	position:absolute;
	left:50px;
	width:220px;
	margin-top:-35px
}
.sidebar-thin #sidebar ul.submenu a {
	background-color:#1eafc8;
	color:#121212
}
.sidebar-thin #sidebar ul.submenu li.current a {
	color:#fff;
	border-left:0;
	font-weight:600
}
.sidebar-thin #sidebar li.active:after {
	width:0;
	height:0;
	border-style:solid;
	border-width:9px 9px 9px 0;
	border-color:rgba(0,162,217,0) #1eafc8 rgba(226,226,226,0)rgba(226,226,226,0);
	content:"";
	position:absolute;
	top:50%;
	margin-top:-9px;
	right:0;
	z-index:5
}
.sidebar-thin .footer-widget {
	display:none
}
.sidebar-hidden #sidebar {
	width:100%;
	position:relative;
	overflow-y:hidden;
	height:0
}
.sidebar-hidden .sidebar-nav {
	position:relative
}
.sidebar-hidden .sidebar-nav li a {
	line-height:normal;
	padding:12px 10px
}
.sidebar-hidden li.m-b-245 {
	margin-bottom:0 !important
}
.sidebar-hidden .footer-widget {
	display:none
}
@media(min-width:769px) and (max-width:1200px) {
	.sidebar-large #wrapper {
		padding-left:125px
	}
	.sidebar-large #sidebar {
		width:125px;
		position:absolute
	}
	.sidebar-large #sidebar .sidebar-img {
		max-height:40px;
		max-width:40px;
		display:block;
		margin:auto;
		margin-bottom:6px
	}
	.sidebar-large .sidebar-nav li a {
		padding:18px 20px 12px 20px;
		text-align:center
	}
	.sidebar-large #sidebar li a span.arrow,.sidebar-large .sidebar-nav li a .label,.sidebar-large .sidebar-nav li a .badge {
		display:none
	}
	.sidebar-large .sidebar-nav li a i {
		display:block;
		font-size:25px;
		padding-right:0
	}
	.sidebar-large .sidebar-nav li.active i {
		color:white
	}
	.sidebar-large .sidebar-nav li.current a i {
		color:white
	}
	.sidebar-large .sidebar-nav li a i.glyph-icon {
		font-size:30px
	}
	.sidebar-large .sidebar-nav li a:hover i {
		opacity:1
	}
	.sidebar-large #sidebar ul li ul {
		position:absolute;
		left:125px;
		width:220px;
		margin-top:-70px
	}
	.sidebar-large #sidebar ul.submenu a {
		background-color:#34383F;
		color:white
	}
	.sidebar-large #sidebar ul.submenu li a:hover {
		color:#fff
	}
	.sidebar-large #sidebar ul.submenu li.current a {
		color:#fff;
		border-left:0;
		font-weight:600
	}
	.sidebar-large #sidebar li.active:after {
		width:0;
		height:0;
		border-style:solid;
		border-width:9px 9px 9px 0;
		border-color:rgba(0,162,217,0) #1eafc8 rgba(226,226,226,0)rgba(226,226,226,0);
		content:"";
		position:absolute;
		top:50%;
		margin-top:-9px;
		right:0;
		z-index:5
	}
	.sidebar-large .footer-widget {
		display:none
	}
}
td, th {
	max-width:100% !important;
	white-space:nowrap !important;
}
.col-xs-12 > div, .text-right > button, a > button {
	margin-top:8px !important;

}

@media(min-width:300px) and (max-width:768px) {
	.sidebar-toggle {
		display:none
	}
	.sidebar-large #wrapper,.sidebar-medium #wrapper {
		/* padding-left:50px */
	}
	.sidebar-large #sidebar,.sidebar-medium #sidebar {
		/* width:72px; */
		position:absolute
	}
	.sidebar-large #sidebar .sidebar-img,.sidebar-medium #sidebar .sidebar-img {
		max-width:20px;
		max-height:20px
	}
	.sidebar-large #sidebar li a span,.sidebar-medium #sidebar li a span {
		display:none
	}
	.sidebar-large #sidebar li ul li a span,.sidebar-medium #sidebar li ul li a span {
		display:block
	}
	.sidebar-large .sidebar-nav li a,.sidebar-medium .sidebar-nav li a {
		line-height:normal;
		padding:10px 10px;
		text-align:center
	}
	.sidebar-large .sidebar-nav li a i,.sidebar-medium .sidebar-nav li a i {
		padding-right:0
	}
	.sidebar-large #sidebar ul li ul,.sidebar-medium #sidebar ul li ul {
		position:absolute;
		left:50px;
		width:max-content;
		margin-top:-35px;
	}
	.sidebar-large #sidebar ul.submenu a,.sidebar-medium #sidebar ul.submenu a {
		background-color:#34383F;
		color:white
	}
	.sidebar-large #sidebar li.active:after,.sidebar-medium #sidebar li.active:after {
		width:0;
		height:0;
		border-style:solid;
		border-width:9px 9px 9px 0;
		border-color:rgba(0,162,217,0) #1eafc8 rgba(226,226,226,0)rgba(226,226,226,0);
		content:"";
		position:absolute;
		top:50%;
		margin-top:-9px;
		right:0
	}
	.sidebar-large .footer-widget,.sidebar-medium .footer-widget {
		display:none
	}
	.footer-widget {
		display:none
	}
	.navbar-center {
		display:none
	}
	.navbar-header {
		float:left
	}
	.navbar-right {
		float:right
	}

}
@media(max-width:300px) {
	.sidebar-large #wrapper {
		padding-left:0
	}
	.sidebar-large #sidebar {
		width:100%;
		height:0;
		position:relative;
		overflow-y:hidden
	}
	.sidebar-large #sidebar li a span {
		display:block
	}
	.sidebar-large .sidebar-nav li a {
		line-height:normal;
		padding:12px 10px
	}
	.footer-widget {
		display:none
	}
	.sidebar-toggle {
		display:none
	}
	.navbar-header {
		float:none
	}
	.navbar-toggle {
		padding:8px 10px;
		margin-top:3px;
		margin-right:15px;
		margin-bottom:3px;
		background-color:rgba(0,0,0,0);
		border:1px solid rgba(0,0,0,0)
	}
	.navbar-right,.navbar-center {
		display:none
	}

}
.page-title .fa {
	font-size:35px;
	margin-right:5px;
	padding:5px 12px;
	border:1px solid #9399a2;
	color:#6b6e74;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	width:48px;
	height:48px
}
.btn {
	height: 36px;
	font-size:14px;
	font-weight:400;
	line-height:1.4;
	border-radius:4px;
	-webkit-font-smoothing:subpixel-antialiased;
	-webkit-transition:border .25s linear,color .25s linear,background-color .25s linear;
	transition:border .25s linear,color .25s linear,background-color .25s linear;
	padding:2px 6px
}
.btn:hover,.btn:focus {
	outline:0
}
.btn:active,.btn.active {
	outline:0;
	-webkit-box-shadow:none;
	box-shadow:none
}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
	background-color:#bdc3c7;
	color:rgba(255,255,255,0.75);
	opacity:.7;
	filter:alpha(opacity=70)
}
.btn-sm {
	padding:2px 6px 1px !important
}
.buttons-page .btn {
	margin-bottom:10px
}
.btn-info {
	color:#fff;
	background-color:#5dade2
}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info {
	color:#fff;
	background-color:#3498db;
	border-color:#3498db
}
.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info {
	background:#2c81ba;
	border-color:#2c81ba
}
.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active {
	background-color:#3498db;
	border-color:#3498db
}
.btn-default {
	color:#121212 !important;
	background-color:#f3f3f4;
	border-color:#d4dee0
}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default {
	color:#121212;
	background-color:#ebebeb;
	border-color:#d4dee0
}
.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default {
	background:#e1e1e1;
	border-color:#c9d5d8
}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {
	background-color:#d3d3d3;
	border-color:#d3d3d3
}
.btn-white {
	background-color:#fff;
	border:1px solid #e0e0e0
}
.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active,.open .dropdown-toggle.btn-white {
	color:#fff;
	background-color:#e0e0e0;
	border-color:#e0e0e0
}
.btn-white:active,.btn-white.active,.open .dropdown-toggle.btn-white {
	background:#d3d3d3;
	border-color:#d3d3d3
}
.btn-white.disabled,.btn-white[disabled],fieldset[disabled] .btn-white,.btn-white.disabled:hover,.btn-white[disabled]:hover,fieldset[disabled] .btn-white:hover,.btn-white.disabled:focus,.btn-white[disabled]:focus,fieldset[disabled] .btn-white:focus,.btn-white.disabled:active,.btn-white[disabled]:active,fieldset[disabled] .btn-white:active,.btn-white.disabled.active,.btn-white[disabled].active,fieldset[disabled] .btn-white.active {
	background-color:#e0e0e0;
	border-color:#e0e0e0
}
.btn-blue {
	color:#fff;
	background-color:#1eafc8
}
.btn-blue:hover,.btn-blue:focus,.btn-blue:active,.btn-blue.active,.open .dropdown-toggle.btn-blue {
	color:#fff;
	background-color:#008fc0;
	border-color:#008fc0
}
.btn-blue:active,.btn-blue.active,.open .dropdown-toggle.btn-blue {
	background:#007ca7;
	border-color:#007ca7
}
.btn-blue.disabled,.btn-blue[disabled],fieldset[disabled] .btn-blue,.btn-blue.disabled:hover,.btn-blue[disabled]:hover,fieldset[disabled] .btn-blue:hover,.btn-blue.disabled:focus,.btn-blue[disabled]:focus,fieldset[disabled] .btn-blue:focus,.btn-blue.disabled:active,.btn-blue[disabled]:active,fieldset[disabled] .btn-blue:active,.btn-blue.disabled.active,.btn-blue[disabled].active,fieldset[disabled] .btn-blue.active {
	background-color:#008fc0;
	border-color:#008fc0
}
.btn-danger {
	color:#fff;
	background-color:#1eafc8
}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger {
	color:#fff;
	background-color:#f77d05;
	border-color:#f77d05
}
.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger {
	background:#9e2925;
	border-color:#9e2925
}
.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active {
	background-color:#f77d05;
	border-color:#f77d05
}
.btn-dark {
	color:#fff;
	background-color:#2b2e33
}
.btn-dark:hover,.btn-dark:focus,.btn-dark:active,.btn-dark.active,.open .dropdown-toggle.btn-dark {
	color:#fff;
	background-color:#1f2225;
	border-color:#1f2225
}
.btn-dark:active,.btn-dark.active,.open .dropdown-toggle.btn-dark {
	/* background:#131517; */
	/* border-color:#131517 */
}
.btn-dark.disabled,.btn-dark[disabled],fieldset[disabled] .btn-dark,.btn-dark.disabled:hover,.btn-dark[disabled]:hover,fieldset[disabled] .btn-dark:hover,.btn-dark.disabled:focus,.btn-dark[disabled]:focus,fieldset[disabled] .btn-dark:focus,.btn-dark.disabled:active,.btn-dark[disabled]:active,fieldset[disabled] .btn-dark:active,.btn-dark.disabled.active,.btn-dark[disabled].active,fieldset[disabled] .btn-dark.active {
	/* background-color:#1f2225; */
	/* border-color:#1f2225 */
}
.btn-success {
	color:#fff;
	background-color:#00cb8d;
}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success {
	color:#fff;
	background-color:#159077;
	border-color:#159077
}
.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success {
	background:#127964;
	border-color:#127964
}
.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active {
	background-color:#159077;
	border-color:#159077
}
.btn.btn-transparent {
	background-color:rgba(0,0,0,0)
}
.btn-default.btn-transparent {
	color:#333;
	border:1px solid #d3d7db !important
}
.btn-primary.btn-transparent {
	color:#2489c5;
	border:1px solid #2489c5 !important
}
.btn-info.btn-transparent {
	color:#5bc0de;
	border:1px solid #5bc0de !important
}
.btn-warning.btn-transparent {
	color:#f0ad4e;
	border:1px solid #f0ad4e !important
}
.btn-danger.btn-transparent {
	color:#f77d05;
	border:1px solid #f77d05 !important
}
.btn-success.btn-transparent {
	color:#5cb85c;
	border:1px solid #5cb85c !important
}
.btn-dark.btn-transparent {
	color:#2b2e33 !important;
	border:1px solid #2b2e33 !important
}
.btn-default.btn-transparent:hover {
	color:#333;
	border:1px solid #c5cad0;
	background-color:rgba(197,202,208,0.2)
}
.btn-primary.btn-transparent:hover {
	color:#258cd1;
	border:1px solid #258cd1;
	background-color:rgba(37,140,209,0.1)
}
.btn-info.btn-transparent:hover {
	color:#46b8da;
	border:1px solid #46b8da;
	background-color:rgba(70,184,218,0.1)
}
.btn-warning.btn-transparent:hover {
	color:#eea236;
	border:1px solid #eea236;
	background-color:rgba(238,162,54,0.1)
}
.btn-danger.btn-transparent:hover {
	color:#1895aa;
	border:1px solid #1895aa;
	background-color:rgba(212,63,58,0.1)
}
.btn-success.btn-transparent:hover {
	color:#4cae4c;
	border:1px solid #4cae4c;
	background-color:rgba(76,174,76,0.1)
}
.btn-dark.btn-transparent:hover {
	color:#1f2225;
	border:1px solid #1f2225;
	background-color:rgba(31,34,37,0.1)
}
.btn.btn-rounded {
	border-radius:50px
}
.btn-group .btn {
	margin-right:0
}
.btn-group-vertical {
	margin-right:20px
}
.btn-group-vertical .btn {
	margin-bottom:0
}
.btn-block i {
	margin-top:.2em
}
.btn-icon {
	padding:7px 11px;
	height:35px;
	width:35px
}
.btn-icon i {
	width:11px
}
.btn.btn-lg {
	padding:12px 48px;
	font-size:15px
}
.btn.btn-lg:hover {
	color:white
}
.pagination>li>a,.pagination>li>span {
	border:0
}
.pagination>li:first-child>a,.pagination>li:first-child>span {
	border-bottom-left-radius:3px;
	border-top-left-radius:3px
}
.pagination>li:last-child>a,.pagination>li:last-child>span {
	border-bottom-right-radius:3px;
	border-top-right-radius:3px
}
.pagination>li>a,.pagination>li>span {
	color:#636e7b
}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
	background-color:#e4e7ea
}
.pagination li {
	margin-left:5px;
	display:inline-block;
	float:left
}
.pagination li:first-child {
	margin-left:0
}
.pagination li a {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px
}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
	background-color:#2b2e33;
	border-color:#2b2e33
}
ul.pagination>.disabled>span,ul.pagination>.disabled>a,ul.pagination>.disabled>a i,ul.pagination>.disabled>a:hover,ul.pagination>.disabled>a:focus {
	opacity:0 !important
}
.panel-default>.panel-heading {
	padding:10px 15px 8px 15px;
	background-color:#fff;
	border-color:#fff
}
.panel-title {
	display:inline-block;
	font-size:16px;
	font-weight:400;
	margin:0;
	padding:0;
	/* margin-bottom:7px; */
}
.bg-red .panel-title {
	color:#fff
}
.panel-tools {
	display:inline-block;
	padding:0;
	margin:0;
	margin-top:0
}
.panel-tools a {
	margin-left:6px
}
.panel-body {
	background-color:#FFF;
	padding:10px 10px
}
.sortable .panel,.sortable {
	cursor:move
}
.form-control {
	display:inline-block;
	width:100%;
	height:36px;
	padding:2px 6px;
	font-size:14px;
	color:#555;
	background-color:#FFF !important;
	border:1px solid #d3d3d3;
	border-radius:2px;
	-moz-transition:all .2s linear 0,box-shadow .2s linear 0;
	-o-transition:all .2s linear 0,box-shadow .2s linear 0;
	transition:all .2s linear 0,box-shadow .2s linear 0;
	-webkit-box-shadow:none;
	box-shadow:none
}
.form-control.input-lg {
	height:46px;
	padding:10px 16px;
	font-size:16px;
	line-height:1.33;
	border-radius:6px
}
.form-control.input-sm {
	height:30px;
	padding:5px 10px;
	font-size:12px;
	line-height:1.5;
	border-radius:3px
}
.form-control:focus {
	border-color:#a0bdda;
	background-color:#e9ebef;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none
}
select.form-control {
	display: block!important;
    opacity: 0;
    position: absolute;
}
.div_checkbox {
	position:relative;
	margin-top:0
}
.input-icon {
	position:relative
}
.input-icon i {
	width:16px;
	height:16px;
	font-size:16px;
	color:#e5eaec;
	display:block;
	text-align:center;
	position:absolute;
	margin:10px
}
.input-icon input {
	padding-left:34px !important
}
.input-icon.right input {
	padding-right:34px !important;
	padding-left:10px !important
}
.input-icon.right i {
	right:17px;
	margin:10px 0 10px
}
.input-icon.right .fa-check {
	display:block
}
.input-icon.right .parsley-success .fa-check {
	display:block
}
.danger .slider-selection {
	background-color:#1eafc8
}
.primary .slider-selection {
	background-color:#428bca
}
.success .slider-selection {
	background-color:#18a689
}
.warning .slider-selection {
	background-color:#f0ad4e
}
.danger .slider-track,.primary .slider-track,.success .slider-track,.warning .slider-track {
	background-color:#f0f0f0
}
.danger .slider-handle,.primary .slider-handle,.success .slider-handle,.warning .slider-handle {
	background-color:#fff;
	background-image:none;
	-webkit-box-shadow:inset 0 2px 1px -1px #FFF,0 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow:inset 0 2px 1px -1px #fff,0 1px 3px rgba(0,0,0,0.4);
	box-shadow:inset 0 2px 1px -1px #FFF,0 1px 3px rgba(0,0,0,0.4)
}
label {
	font-weight:400
}
.form-group .tips {
    color: #a8a8a8;
    font-size: 12px;
    margin-left: 10px;
}
.form-group strong {
	font-weight:600
}
.form-control.password {
	background:#FFF url(../img/small/key_small.png) no-repeat 95% center;
	-webkit-transition:all 0 ease;
	-moz-transition:all 0 ease;
	-ms-transition:all 0 ease;
	-o-transition:all 0 ease;
	transition:all 0 ease
}
.form-control.user {
	background:#FFF url(../img/small/user_small.png) no-repeat 95% center;
	-webkit-transition:all 0 ease;
	-moz-transition:all 0 ease;
	-ms-transition:all 0 ease;
	-o-transition:all 0 ease;
	transition:all 0 ease
}
input.parsley-success,textarea.parsley-success {
	color:#468847 !important;
	background-color:#dff0d8 !important;
	border:1px solid #d6e9c6 !important
}
input.parsley-error,textarea.parsley-error {
	color:#b94a48 !important;
	background-color:#f2dede !important;
	border:1px solid #eed3d7 !important
}
.parsley-error-list {
	color:#f77d05;
	font-size:12px;
	padding-top:5px
}
#form3 .parsley-error-list li {
	margin-top:-32px
}
#main-content.icons-panel li a {
	color:#333;
	font-size:16px;
	padding:10px 25px
}
.icons-panel li.active {
	margin-left:-1px
}
.icons-panel .tab-pane {
	background-color:#FFF;
	padding:10px 25px
}
#glyphicons li {
	display:inline-block;
	text-align:left;
	color:gray;
	height:60px;
	line-height:31px;
	vertical-align:bottom
}
#glyphicons span.glyphicon {
	font-size:1.6em;
	color:#366992
}
#glyphicons .glyphicon {
	font-size:1.5em;
	margin-bottom:0;
	color:#AAA;
	padding-right:15px
}
a.zocial {
	margin:10px 10px
}
div.social-btn {
	display:inline-block;
	width:300px;
	overflow:hidden
}
div.social-btn-small {
	display:inline-block;
	width:65px;
	overflow:hidden
}
.icons-panel .fa-item {
	color:#366992;
	padding-right:15px;
	height:60px
}
.icons-panel i.fa {
	font-size:1.6em;
	color:#366992;
	padding-right:15px
}
.icons-panel .glyphicon-item {
	color:#366992;
	padding-right:15px;
	height:60px
}
.icons-panel .glyphicon-item span {
	padding-right:20px
}
#entypo div.col-md-3 {
	color:gray;
	height:58px
}
#entypo .icon:before {
	color:#366992
}
.alert.bg-blue,.alert.bg-green,.alert.bg-purple,.alert.bg-gray-light,.alert.bg-gray,.alert.bg-white,.alert.bg-red {
	border-radius:2px
}
.badge-dark {
	background-color:#2b2e33 !important
}
.badge-white {
	background-color:#fff !important;
	color:#2b2e33 !important
}
.badge-default {
	background-color:#999 !important
}
.badge-primary {
	background-color:#3598db !important
}
.badge-success {
	background-color:#378037 !important
}
.badge-info {
	background-color:#5bc0de !important
}
.badge-warning {
	background-color:#f0ad4e !important
}
.badge-danger {
	background-color:#f77d05 !important
}
.popover-dark {
	border:1px solid #42474f;
	background-color:#2b2e33
}
.popover-dark.top .arrow:after {
	border-top-color:#2b2e33
}
.popover-dark.bottom .arrow:after {
	border-bottom-color:#2b2e33
}
.popover-dark.left .arrow:after {
	border-left-color:#2b2e33
}
.popover-dark.right .arrow:after {
	border-right-color:#2b2e33
}
.popover-dark .popover-title {
	background-color:#3a3a3a;
	color:#fff;
	border:0;
	border-bottom:1px solid #42474f
}
.popover-dark .popover-content {
	background-color:#2b2e33;
	color:#fff;
	padding:9px 14px
}
.progress.progress-bar-thin {
	height:5px
}
.progress.progress-bar-large {
	height:20px
}
.progress.progress-bar-large .progress-bar {
	line-height:20px
}
.modal-full {
	width:98%
}
.modal-footer.text-center {
	text-align:center
}
.modal-panel .btn {
	margin-bottom:10px
}
ul.list-unstyled {
	margin:0;
	padding:0;
	list-style:none
}
.nv-axisMaxMin {
	color:red !important
}
.panel-content {
	padding:0
}
.panel-stat {
	position:relative;
	overflow:hidden;
	border:0
}
.panel-stat h3 {
	color:#fff
}
.panel-stat .icon {
	color:rgba(0,0,0,0.1);
	position:absolute;
	right:-10px;
	bottom:35px;
	z-index:1
}
.panel-stat .bg-dark .icon {
	color:rgba(255,255,255,0.1)
}
.panel-stat .icon i {
	font-size:100px;
	line-height:0;
	margin:0;
	padding:0;
	vertical-align:bottom
}
.panel .stat-num {
	font-size:36px;
	font-weight:bold
}
.panel-stat .stat-title {
	opacity:.8;
}
.panel-stat .stat-first {
    color: #fff;
    margin: 0;
}
.panel-stat .stat-value {
    color: #fff;
    margin: 0;
    text-align: center;
}
@media(min-width:768px) and (max-width:1200px) {
	.panel-stat h1 {
	font-size:24px
}
.panel-stat h3 {
	font-size:18px
}

}
.panel-icon {
	text-align:center
}
.panel-icon .panel-body {
	font-size:80px;
	padding:15px 35px
}
.panel-icon .panel-footer {
	border-top:0;
	background-color:rgba(0,0,0,0.1) !important;
	padding:1px 15px
}
.hover-effect:hover .panel-body.bg-red {
	-moz-transition:all .3s linear 0;
	-o-transition:all .3s linear 0;
	transition:all .3s linear 0;
	background-color:#c24848 !important
}
.hover-effect:hover .panel-footer {
	-moz-transition:all .3s linear 0;
	-o-transition:all .3s linear 0;
	transition:all .3s linear 0;
	background-color:rgba(0,0,0,0.2) !important
}
.bg-transparent,.bg-transparent .panel-body,.bg-transparent .panel-footer {
	background:none !important
}
.bg-transparent .panel-body {
	padding:0 35px;
	font-size:95px
}
.datepicker {
	padding:0;
	border-radius:2px;
	font-size:13px;
	z-index: 99999 !important;
}
.datepicker th,.datepicker td {
	padding:3px 10px !important;
	text-align:center
}
.datepicker .year, .datepicker .month {
    display: block;
    padding: 0 3px !important;
    width: 150px;
}
.datepicker .year.active,.datepicker .month.active {
	color: #fff;
}
.datepicker table tr td.day:hover {
	background:#eee;
	cursor:pointer
}
.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover {
	background-color:#006dcc;
	color:#fff
}
.datepicker thead tr:first-child th,.datepicker tfoot tr:first-child th {
	cursor:pointer
}
.datepicker thead tr:first-child th:hover,.datepicker tfoot tr:first-child th:hover {
	background:#eee
}
.datepicker thead tr .datepicker-switch {
	color:#6f7b8a
}
.datepicker thead tr .dow {
	color:#1eafc8;
	text-transform:uppercase;
	font-size:11px
}
.datepicker tbody tr .odd {
	color:#d0d3d8
}
.datepicker thead tr .next:before {
	color:#1eafc8;
	font-family:'FontAwesome';
	content:"\f054"
}
.datepicker thead tr .prev:before {
	color:#1eafc8;
	font-family:'FontAwesome';
	content:"\f053"
}
.datepicker table tr td.old,.datepicker table tr td.new {
	color:#d0d3d8
}
.datepicker table tr td.active,.datepicker table tr td.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover {
	background-image:none;
	text-shadow:none;
	font-weight:600
}
.datepicker table tr td.today,.datepicker table tr td.today:hover,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover {
	background-color:#e5e9ec;
	background-image:none;
	color:#fff
}
.datepicker table tr td.day:hover {
	background:#eee;
	opacity:.65
}
.datepicker table tr td.active:hover,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.active:hover,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled.disabled:hover,.datepicker table tr td.active[disabled],.datepicker table tr td.active[disabled]:hover,.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active.disabled[disabled]:hover {
	background-color:#1eafc8
}
.datepicker table tr td span.active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover {
	background-image:none;
	border:0;
	text-shadow:none
}
.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active[disabled],.datepicker table tr td span.active[disabled]:hover,.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active.disabled[disabled]:hover {
	background-color:#1eafc8
}
.datepicker table tr td span {
	border-radius:4px 4px 4px 4px
}
.datepicker-inline {
	width:auto
}
.datepicker table {
	border:1px solid #eee
}
.dropdown-menu a {
	color:#121212
}
.dropdown-menu a:hover {
	background:0
}
.nav.nav-tabs > li > a {
	background-color:#eee;
	color:#121212;
	padding: 5px 15px;
}
.nav.nav-tabs>li.active>a {
	background-color:white;
	color:#121212
}
.nav.nav-tabs.nav-dark>li>a {
	background-color:#2b2e33;
	color:#dadada
}
.tab-content {
	background-color:#FFF;
	padding:15px;
	border: 1px solid #dddddd;
    border-width: 0 1px 1px;
}
.nav-tabs.nav-dark .dropdown-menu {
	background-color:#2b2e33
}
.nav.nav-tabs.nav-dark .dropdown-menu a {
	color:#dadada
}
.nav.nav-tabs.nav-dark .dropdown-menu li:hover {
	background:#373a41
}
.tab_left>.tab-content {
	overflow:hidden
}
.tab_left>.nav-tabs {
	float:left;
	border-right:1px solid #dddddd;
	margin-right:0
}
.tab_left>.nav-tabs>li {
	float:none
}
.tab_left>.nav-tabs>li>a {
	margin-right:0;
	min-width:80px;
	border:0
}
.tab_left>.nav-tabs>li>a {
	border-radius:0;
	margin-right:-1px
}
.tab_left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus {
	border:0
}
.tab_right>.tab-content {
	overflow:hidden
}
.tab_right>.nav-tabs {
	float:right;
	margin-left:0;
	border-left:1px solid #DDD
}
.tab_right>.nav-tabs>li {
	float:none
}
.tab_right>.nav-tabs>li>a {
	margin-left:0;
	min-width:80px;
	border:0
}
.tab_right>.nav-tabs>li>a {
	border-radius:0;
	margin-left:-1px
}
.tab_right>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus {
	border:0
}
.panel-accordion .panel-title {
	width:100%;
	margin-bottom:0
}
.panel-accordion .panel-default>.panel-heading {
	padding:0;
	background-color:#FFF;
	border-color:#FFF
}
.panel-accordion a {
	color:#121212;
	display:inline-block;
	width:100%;
	padding:5px 10px
}
.panel-accordion a {
	color:#121212
}
.panel-accordion a.collapsed {
	color:#121212
}
.panel-accordion.dark-accordion a {
	background-color:#FFF;
	color:#121212
}
.panel-accordion.dark-accordion a.collapsed {
	background-color:#2b2e33;
	color:#dadada
}
.panel-accordion.dark-accordion .panel-heading .panel-title>a.collapsed:after {
	color:#767b80
}
.panel-accordion a:hover {
	text-decoration:none
}
.panel-heading .panel-titl e>a:after {
	font-family:'FontAwesome';
	content:"\f068";
	float:right;
	color:#dfe5e9
}
.panel-heading .panel-title>a:after {
	font-family:'FontAwesome';
	content:"\f068";
	float:right;
	color:#88a5c0
}
.panel-heading .panel-title>a.collapsed:after {
	font-family:'FontAwesome';
	content:"\f067";
	float:right;
	color:#88a5c0
}
.notification_position {
	border:2px dashed #dfe5e9;
	width:90%;
	height:250px;
	position:relative
}
.notification_position .bit {
	background-color:#dfe5e9;
	cursor:pointer;
	position:absolute
}
.notification_position .bit:hover {
	background-color:#d0d9df
}
.notification_position .bit.top,.notification_position .bit.bottom {
	height:22%;
	width:40%;
	margin:0 30%
}
.notification_position .bit.medium {
	top:40%;
	height:21%;
	margin:0 30%;
	width:40%
}
.notification_position .bit.right,.notification_position .bit.left {
	height:22%;
	width:20%;
	margin-left:0;
	margin-right:0
}
.notification_position .bit.top {
	top:0
}
.notification_position .bit.bottom {
	bottom:0
}
.notification_position .bit.right {
	right:0
}
.notification_position .bit.left {
	left:0
}
.dragged {
	position:absolute;
	top:0;
	left:-500px;
	opacity:.5;
	z-index:2000
}
ul.vertical {
	margin:0 0 9px 0;
	padding-left:0;
	max-width:600px
}
ul.vertical li {
	display:block;
	margin:5px;
	padding:5px 9px;
	border-radius:3px;
	color:#222;
	font-weight:600;
	background:#dfe5e9
}
ul.vertical li:hover {
	cursor:pointer;
	background:#d3dce1
}
ul.vertical li.placeholder {
	position:relative;
	margin:0;
	padding:0;
	border:0
}
ul.vertical li.placeholder:before {
	position:absolute;
	content:"";
	width:0;
	height:0;
	margin-top:-5px;
	left:-5px;
	top:-4px;
	border:5px solid transparent;
	border-left-color:red;
	border-right:0
}
ul {
	padding: 0;
	list-style-type:none
}
ul i.icon-move {
	cursor:pointer
}
ul li.highlight {
	background:#333;
	color:#999
}
ul.nested_with_switch,ul.nested_with_switch ul {
	border:1px solid #eee
}
ul.nested_with_switch.active,ul.nested_with_switch ul.active {
	border:1px solid #333
}
ul.nested_with_switch li,ul.simple_with_animation li,ul.default li {
	cursor:pointer
}
.switch-container {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:80px
}
.navbar-sort-container {
	height:200px
}
ul.nav li,ul.nav li a {
	cursor:pointer
}
ul.nav .divider-vertical {
	cursor:default
}
ul.nav li.dragged {
	background-color:#2c2c2c
}
ul.nav li.placeholder {
	position:relative
}
ul.nav li.placeholder:before {
	content:"";
	position:absolute;
	width:0;
	height:0;
	border:5px solid transparent;
	border-top-color:#1eafc8;
	top:-6px;
	margin-left:-5px;
	border-bottom:0
}
ul.nav ul.dropdown-menu li.placeholder:before {
	border:5px solid transparent;
	border-left-color:red;
	margin-top:-5px;
	margin-left:none;
	top:0;
	left:10px;
	border-right:0
}
.sortable_table tr {
	cursor:pointer
}
.sortable_table tr.placeholder {
	height:37px;
	margin:0;
	padding:0;
	border:0
}
.sortable_table tr.placeholder td {
	background:#cbd5db !important
}
.sortable_table tr.dragged td {
	background:#cbd5db !important
}
.sortable_table tr.placeholder:before {
	position:absolute;
	width:0;
	height:0;
	border:5px solid transparent;
	border-left-color:red;
	margin-top:-5px;
	left:-5px;
	border-right:0
}
.sorted_head th {
	cursor:pointer
}
.sorted_head th.placeholder {
	display:block;
	background:#cbd5db;
	position:relative;
	width:0;
	height:0;
	margin:0;
	padding:0
}
.sorted_head th.placeholder:before {
	content:"";
	position:absolute;
	width:0;
	height:0;
	border:5px solid transparent;
	border-top-color:red;
	top:-6px;
	margin-left:-5px;
	border-bottom:0
}
.ui-sortable-placeholder {
	background-color:#dfe5e9 !important;
	visibility:visible !important;
	border:1px dashed #b6bcbf
}
.dd {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	max-width:600px;
	list-style:none;
	font-size:13px;
	line-height:20px
}
.dd-list {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	list-style:none
}
.dd-list .dd-list {
	padding-left:30px
}
.dd-collapsed .dd-list {
	display:none
}
.dd-item,.dd-empty,.dd-placeholder {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	min-height:20px;
	font-size:13px;
	line-height:20px
}
.dd-handle {
	display:block;
	height:30px;
	margin:5px 0;
	padding:5px 10px;
	color:#333;
	text-decoration:none;
	font-weight:600;
	border:1px solid #e5e9ec;
	background-color:#eee;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-sizing:border-box;
	-moz-box-sizing:border-box
}
.dd-handle:hover {
	background-color:#d3dce1;
	cursor:pointer
}
.dd-item>button {
	display:block;
	position:relative;
	cursor:pointer;
	float:left;
	width:25px;
	height:20px;
	margin:5px 0;
	padding:0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	border:0;
	background:transparent;
	font-size:12px;
	line-height:1;
	text-align:center;
	font-weight:bold
}
.dd-item>button:before {
	content:'+';
	display:block;
	position:absolute;
	width:100%;
	text-align:center;
	text-indent:0
}
.dd-item>button[data-action="collapse"]:before {
	content:'-'
}
.dd-placeholder,.dd-empty {
	margin:5px 0;
	padding:0;
	min-height:30px;
	background:#f2fbff;
	border:1px dashed #b6bcbf;
	box-sizing:border-box;
	-moz-box-sizing:border-box
}
.dd-empty {
	border:1px dashed #bbb;
	min-height:100px;
	background-color:#e5e5e5;
	background-image:-webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-webkit-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);
	background-image:-moz-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),-moz-linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);
	background-image:linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff),linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%,#fff);
	background-size:60px 60px;
	background-position:0 0,30px 30px
}
.dd-dragel {
	position:absolute;
	pointer-events:none;
	z-index:9999
}
.dd-dragel>.dd-item .dd-handle {
	margin-top:0
}
.dd-dragel .dd-handle {
	-webkit-box-shadow:2px 4px 6px 0 rgba(0,0,0,.1);
	box-shadow:2px 4px 6px 0 rgba(0,0,0,.1)
}
.nestable-lists {
	display:block;
	clear:both;
	padding:0;
	width:100%;
	border:0
}
#nestable-menu {
	padding:0;
	margin:20px 0
}
#nestable-output,#nestable2-output {
	width:100%;
	height:7em;
	font-size:.75em;
	line-height:1.333333em;
	font-family:Consolas,monospace;
	padding:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box
}
.dark .dd-handle {
	color:#6f7b8a;
	border:0;
	background:#d9e0e4
}
.dark .dd-handle:hover {
	background:#d1dade;
	color:#505458
}
.dark .dd-item>button:before {
	color:#8e9aa2
}
.dd-hover>.dd-handle {
	background:#2ea8e5 !important
}
.dd3-content {
	display:block;
	height:30px;
	margin:5px 0;
	padding:5px 10px 5px 40px;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #ccc;
	background:#fafafa;
	background:-webkit-linear-gradient(top,#fafafa 0,#eee 100%);
	background:-moz-linear-gradient(top,#fafafa 0,#eee 100%);
	background:linear-gradent(top,#fafafa 0,#eee 100%);
	-webkit-border-radius:3px;
	border-radius:3px;
	box-sizing:border-box;
	-moz-box-sizing:border-box
}
.dd3-content:hover {
	color:#2ea8e5;
	background:#fff
}
.dd-dragel>.dd3-item>.dd3-content {
	margin:0
}
.dd3-item>button {
	margin-left:30px
}
.dd3-handle {
	position:absolute;
	margin:0;
	left:0;
	top:0;
	cursor:pointer;
	width:30px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	border:1px solid #aaa;
	background:#dddddd;
	background:-webkit-linear-gradient(top,#ddd 0,#bbb 100%);
	background:-moz-linear-gradient(top,#ddd 0,#bbb 100%);
	background:linear-gradient(top,#ddd 0,#bbb 100%);
	border-top-right-radius:0;
	border-bottom-right-radius:0
}
.dd3-handle:before {
	content:'≡';
	display:block;
	position:absolute;
	left:0;
	top:3px;
	width:100%;
	text-align:center;
	text-indent:0;
	color:#fff;
	font-size:20px;
	font-weight:normal
}
.dd3-handle:hover {
	background:#ddd
}
.nestable-dark .dd-handle {
	background:#30353d;
	color:#dadada
}
.nestable-dark .dd-item>button {
	color:#dadada
}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td {
	vertical-align:middle
}
.table tbody .icheckbox_flat,.table tbody .icheckbox_flat-red,.table tbody .icheckbox_flat-green,.table tbody .icheckbox_flat-blue,.table tbody .icheckbox_flat-aero,.table tbody .icheckbox_flat-grey,.table tbody .icheckbox_flat-orange,.table tbody .icheckbox_flat-yellow,.table tbody .icheckbox_flat-pink,.icheckbox_flat-purple,.table tbody .iradio_flat,.iradio_flat-red,.table tbody .iradio_flat-green,.table tbody .iradio_flat-blue,.table tbody .iradio_flat-aero,.table tbody .iradio_flat-grey,.table tbody .iradio_flat-orange,.table tbody .iradio_flat-yellow,.table tbody .iradio_flat-pink,.table tbody .iradio_flat-purple {
	top:-9px
}
.table thead .icheckbox_flat,.table thead .icheckbox_flat-red,.table thead .icheckbox_flat-green,.table thead .icheckbox_flat-blue,.table thead .icheckbox_flat-aero,.table thead .icheckbox_flat-grey,.table thead .icheckbox_flat-orange,.table thead .icheckbox_flat-yellow,.table thead .icheckbox_flat-pink,.icheckbox_flat-purple,.table thead .iradio_flat,.iradio_flat-red,.table thead .iradio_flat-green,.table thead .iradio_flat-blue,.table thead .iradio_flat-aero,.table thead .iradio_flat-grey,.table thead .iradio_flat-orange,.table thead .iradio_flat-yellow,.table thead .iradio_flat-pink,.table thead .iradio_flat-purple {
	top:10px
}
th .div_checkbox {
	margin-top:-20px
}
table .progress {
	margin-bottom:0
}
table tr.selected td {
	background-color:#f7fed5 !important;
	font-weight:500
}
table>tbody>tr.selected:hover>td,.table-hover>tbody>tr.selected:hover>th {
	background-color:#f4fec1 !important
}
.table th {
	text-transform:uppercase
}
.table-striped td:last-child {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px
}
.table-striped td:last-child {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px
}
.table-hover thead th {
	/* border-bottom:2px solid #f0f4f8 */
}
thead tr:first-child th:first-child {
	border-top-left-radius: 12px;
  }
  thead tr:first-child th:last-child {
	border-top-right-radius: 12px;
  }
  
  /* Bo góc dưới */
  tbody tr:last-child td:first-child {
	border-bottom-left-radius: 12px;
  }
  tbody tr:last-child td:last-child {
	border-bottom-right-radius: 12px;
  }
.table-hover td {
	/*border-bottom:2px solid #f0f4f8*/
}
.table-bordered thead th {
	background-color:#f0f4f8
}
.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th {
	/*background-color:#f5f5f5;*/
	/*color:#000*/
}
table.dataTable thead .sorting_desc:before {
	content:"\f107";
	font-family:fontAwesome;
	float:right;
	color:#1eafc8
}
table.dataTable thead .sorting_asc:before {
	content:"\f106";
	font-family:fontAwesome;
	float:right;
	color:#1eafc8
}
.table-red .pagination>.active>a,.table-red .pagination>.active>span,.table-red .pagination>.active>a:hover,.table-red .pagination>.active>span:hover,.table-red .pagination>.active>a:focus,.table-red .pagination>.active>span:focus {
	background-color:#1eafc8;
	border-color:#1eafc8
}
.table-red .pagination>.active>span:focus {
	background-color:#1eafc8;
	border-color:#1eafc8
}
.table-red div.dataTables_info {
	color:#d64545
}
#main-content .table a {
	color:#666;
}
#main-content .table a.btn-dark {
	color:#fff;
}
div.dataTables_info {
	padding-top:8px;
	color:#8ba0b6;
	font-size:13px
}
.dataTables_filter {
	float:right
}
.dataTable .fa-plus-square-o {
	cursor:pointer
}
.dataTable .sorting_asc,.dataTable .sorting_desc,.dataTable .sorting {
	cursor:pointer
}
div.DTTT_container {
	position:relative;
	float:right;
	margin-bottom:1em
}
button.DTTT_button,div.DTTT_button,a.DTTT_button {
	position:relative;
	float:left;
	margin-left:6px;
	padding:6px 24px 7px
}
@media(max-width:767px) {
	.table-responsive {
	border:0
}

}
.calender-options-wrapper {
	padding:13px;
	padding:20px
}
.calender-options-wrapper .events-wrapper {
	margin-top:50px
}
.calender-options-wrapper .events-heading {
	font-size:13px;
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,0.25);
	padding-bottom:14px;
	margin-bottom:20px
}
.calender-options-wrapper .external-event {
	font-size:12px;
	color:#fff;
	background-color:#d44443;
	display:block;
	padding:5px 8px;
	border-radius:3px;
	width:100%;
	margin-bottom:8px;
	cursor:move
}
.fc-view {
	margin-top:15px
}
table.fc-border-separate {
	margin-top:20px
}
.fc-grid th {
	text-transform:uppercase;
	padding-bottom:10px
}
.fc-border-separate th,.fc-border-separate td {
	border-width:0;
	border-bottom:1px solid #e5e9ec
}
.fc-border-separate tr.fc-last th,.fc-border-separate tr.fc-last td {
	border-right-width:0
}
.fc-border-separate td.fc-last {
	border-right-width:0
}
.fc-border-separate tr.fc-last td {
	border-bottom-width:0
}
.fc-grid .fc-day-number {
	padding:10px
}
.fc-state-highlight {
	background-color:transparent
}
.fc-state-highlight .fc-day-number {
	background-color:#292929;
	border-radius:2px;
	color:#fff;
	margin-top:10px
}
.fc-ltr .fc-event-hori.fc-event-start,.fc-rtl .fc-event-hori.fc-event-end {
	margin-top:10px
}
.fc table thead tr th {
	font-size:.9em
}
.fc-button-prev,.fc-button-next {
	background-color:#0090d9 !important;
	color:#FFF !important;
	font-weight:400
}
.fc-button-prev:hover,.fc-button-next:hover {
	background-color:#0688ca !important
}
..fc-border-separate tbody tr.fc-first td div {
	max-height:80px !important
}
.fc-event-title {
	font-size:12px
}
#external-events h4 {
	font-size:16px;
	margin-top:0;
	padding-top:1em
}
.external-event {
	margin:10px 0;
	padding:6px;
	cursor:pointer;
	padding:6px;
	border-radius:3px
}
.fc-event-time {
	display:none
}
#external-events p input {
	margin:0;
	vertical-align:middle
}
.map-panel .panel-body {
	padding:0
}
.map-panel #instructions li {
	display:block;
	height:21px;
	padding-left:15px;
	color:#6175a0
}
.map {
	display:block;
	width:100%;
	height:350px;
	margin:0 auto
}
.overlay_arrow {
	left:50%;
	margin-left:-16px;
	width:0;
	height:0;
	position:absolute
}
.overlay_arrow.above {
	bottom:-15px;
	border-left:16px solid transparent;
	border-right:16px solid transparent;
	border-top:16px solid #369
}
.overlay_arrow.below {
	top:-15px;
	border-left:16px solid transparent;
	border-right:16px solid transparent;
	border-bottom:16px solid #369
}
.map.large {
	height:500px
}
.map_geocoding {
	position:absolute;
	background-color:#FFF;
	padding:20px;
	top:5px;
	left:20%;
	width:50%
}
.flot-chart {
	display:block;
	height:400px
}
.flot-chart-content {
	width:100%;
	height:100%
}
.jqstooltip {
	position:absolute;
	left:0;
	top:0;
	visibility:hidden;
	background:#000 transparent;
	background-color:rgba(0,0,0,0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
	color:white;
	font:10px arial,san serif;
	text-align:left;
	white-space:nowrap;
	padding:5px;
	border:1px solid white;
	z-index:10000;
	border:0
}
.jqsfield {
	color:white;
	font:10px arial,san serif;
	text-align:left
}
#tooltip {
	position:absolute;
	padding:2px;
	background-color:#cbe4f6;
	z-index:999;
	padding:2px 8px;
	opacity:.9;
	top:458px;
	left:565px;
	display:none
}
#flot-tooltip {
	font-size:12px;
	font-family:Verdana,Arial,sans-serif;
	position:absolute;
	display:none;
	padding:2px;
	background-color:#4f4f4f;
	color:#fff;
	opacity:.8
}
@media(max-width:480px) {
	.nvd3.nv-legend {
	display:none
}
#d3_chart1 {
	margin-top:-200px
}

}
#main-content.page-mailbox {
	padding:0 15px 0 0
}
.page-mailbox .col-md-4 {
	padding-right:0
}
.page-mailbox .col-lg-8 {
	padding-left:0;
	padding-right:0
}
.page-mailbox .panel {
	margin-bottom:0
}
#messages-list,#message-detail {
	overflow:hidden
}
.message-action-btn i {
	font-size:20px;
	line-height:40px
}
.icon-rounded {
	text-align:center;
	border-radius:50%;
	width:40px;
	height:40px;
	border:1px solid #bdbdbd;
	color:#bdbdbd;
	display:inline-block
}
.icon-rounded:hover {
	border:1px solid #121212;
	color:#121212;
	cursor:pointer
}
.icon-rounded.heart:hover {
	border:1px solid #f77d05;
	color:#f77d05
}
.icon-rounded.heart-red {
	border:1px solid #f77d05;
	color:#f77d05
}
.icon-rounded.gear:hover {
	border:1px solid #3f97c9;
	color:#3f97c9
}
.panel-body.messages {
	padding:0
}
.border-bottom {
	border-bottom:1px solid #efefef !important
}
#main-content .messages a.btn {
	color:#b3b3b3
}
.message-item {
	border:0;
	border-bottom:1px solid #ecebeb !important;
	margin:0;
	padding:10px 15px;
	display:block
}
.message-item h5 {
	margin-top:0
}
.message-item p {
	margin-bottom:0;
	height:20px;
	overflow:hidden
}
.message-item .message-checkbox {
	height:30px
}
.message-active {
	color:#fff;
	background-color:#1eafc8
}
a.message-item.message-active:hover {
	color:#fff;
	background-color:#008fc0
}
a.message-item:hover {
	text-decoration:none;
	background-color:#eaeaea
}
.messages .message-item img {
	border-radius:3px
}
.message-item-right {
	padding-left:33px
}
.withScroll {
	height:auto;
	overflow:auto;
	overflow:hidden
}
.messages .mCustomScrollBox {
	overflow:hidden !important
}
.message-result .message-item {
	padding-left:0
}
.message-result .message-item-right {
	padding-left:0
}
.message-title {
	margin-top:0
}
.message-body {
	padding:0 20px 20px 20px
}
.message-attache .media {
	float:left;
	padding-right:30px;
	margin-top:0;
	padding-bottom:30px
}
.message-attache {
	border-top:1px solid #ecebeb !important;
	padding-top:10px
}
.message-between {
	height:8px;
	background-color:#e7e7e7
}
.footer-message {
	padding-top:20px
}
.send-message .form-control {
	height:34px
}
@media(min-width:992px) {
	.email-go-back {
	display:none
}

}
@media(max-width:991px) {
	.email-hidden-sm {
	display:none
}
.email-go-back {
	display:inline-block
}

}
.jcrop-holder #preview-pane {
	display:block;
	position:absolute;
	z-index:20;
	top:10px;
	right:10px;
	padding:6px;
	border:1px rgba(0,0,0,.4) solid;
	background-color:white;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:1px 1px 5px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:1px 1px 5px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 5px 2px rgba(0,0,0,0.2)
}
#style-button {
	display:block;
	width:282px;
	margin:auto;
	margin-top:10px;
	padding:6px;
	border:1px rgba(0,0,0,.4) solid;
	background-color:white;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:1px 1px 5px 2px rgba(0,0,0,0.2);
	-moz-box-shadow:1px 1px 5px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 5px 2px rgba(0,0,0,0.2)
}
#preview-pane .preview-container {
	width:250px;
	height:170px;
	overflow:hidden
}
.image-croping img {
	display:block;
	height:auto;
	max-width:100%
}
.media-manager .panel-body {
	padding:10px
}
.media-header {
	list-style:none;
	margin:15px;
	padding:0;
	margin-bottom:20px;
	background:#Fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);
	box-shadow:0 1px 1px rgba(0,0,0,0.05)
}
.media-header li {
	display:inline-block;
	padding:15px;
	border-right:1px solid #EEE;
	font-size:12px;
	color:#666
}
.media-header li:hover {
	background-color:#1eafc8;
	color:#fff;
	cursor:pointer
}
.media-header li:hover a {
	text-decoration:none;
	color:#fff
}
.media-header .pull-right {
	background-color:#1eafc8;
	color:#fff
}
.media-header .pull-right:hover {
	background-color:#008fc0
}
.media-header .pull-right a {
	color:#fff
}
.media-checkbox {
	position:relative
}
.media-checkbox label {
	padding-left:26px;
	margin-bottom:0
}
.media-checkbox .icheckbox_flat-aero {
	top:-2px
}
.media-type {
	color:#121212
}
.media-type a {
	color:#121212;
	padding-right:10px
}
.media-title a {
	color:#1eafc8;
	font-weight:600
}
.media-manager .thmb.checked {
	border-color:#ccc
}
.media-manager .media-group {
	position:absolute;
	top:14px;
	right:14px;
	display:none
}
.col-xs-6:hover .media-group {
	display:block
}
.media-manager .dropdown-toggle {
	border:1px solid #CCC !important;
	padding:5px 4px;
	line-height:normal;
	background:#fff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px
}
.media-manager .media-menu {
	min-width:128px
}
.media-manager .media-menu a {
	color:#333
}
.media-manager .media-menu i {
	margin-right:5px;
	color:#999;
	width:15px;
	font-size:12px
}
.media-manager .media-menu li {
	margin:0 5px;
	border-radius:3px
}
.media-manager .media-menu li:hover {
	background-color:#dfe5e9 !important
}
.media-manager .media-menu li:hover i {
	color:#1eafc8
}
.media-manager .col-xs-6 {
	padding-right:0
}
.media-manager .glyphicon {
	margin-right:10px
}
.media-manager .panel-body {
	padding:10px
}
.media-manager .panel-body table tr td {
	padding-left:15px
}
.media-manager .panel-body .table {
	margin-bottom:0
}
table {
	overflow-x: scroll;
	/* display: block; */
}
@media(max-width:767px) {
	table {
		display: block;
	}
}
#main-content .media-manager .table a {
	color:#121212
}
.media-manager .panel-heading .panel-title>a:after {
	display:none
}
.media-manager .panel-heading .panel-title>a.collapsed:after {
	display:none
}
.media-menu .panel-body {
	padding:0
}
.media-menu .panel-heading:hover {
	cursor:pointer
}
.media-menu .panel-heading:hover .collapsed {
	background-color:#f5f6f7 !important
}
.media-menu.dropdown-menu>li>a {
	padding:3px 20px 3px 10px
}
.media-menu table td:hover {
	background-color:#f1f1f1
}
.media-menu table a:hover {
	text-decoration:none
}
.gallery {
	padding-top:20px
}
.gallery .mix {
	position:relative;
	display:none;
	font-weight:400;
	color:#fff;
	height:auto;
	overflow:hidden
}
.gallery .mix .thumbnail {
	background:url('../img/gradient-big.png') repeat-x
}
.gallery.list .mix {
	width:100%;
	height:160px
}
.thumbnail {
	position:relative;
	padding:0;
	border-width:0;
	border-radius:3px;
	margin: 5px 0;
}
.thumbnail>.overlay {
	position:absolute;
	z-index:4;
	border-radius:3px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,0.4);
	opacity:0;
	-webkit-transition:opacity .3s ease;
	-moz-transition:opacity .3s ease;
	-o-transition:opacity .3s ease;
	transition:opacity .3s ease
}
.thumbnail:hover>.overlay {
	opacity:1
}
.thumbnail>.overlay>.thumbnail-actions {
	position:absolute;
	top:50%;
	margin-top:-20px;
	width:100%;
	text-align:center
}
.thumbnail>.overlay>.thumbnail-actions i {
	margin-left:-2px;
	margin-right:2px
}
.thumbnail>.overlay>.thumbnail-actions .btn {
	-webkit-transition:all .2s ease-in !important;
	-moz-transition:all .2s ease-in !important;
	-o-transition:all .2s ease-in !important;
	transition:all .2s ease-in !important;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0)
}
.thumbnail:hover>.overlay>.thumbnail-actions .btn {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
.thumbnail .thumbnail-meta h5 {
	margin:0
}
.thumbnail .thumbnail-meta small {
	color:#cfcfcf
}
.thumbnail .thumbnail-meta {
	position:absolute;
	z-index:6;
	top:auto;
	bottom:0;
	left:0;
	right:0;
	color:#FFF;
	padding:10px;
	background:url('../img/gradient-big.png') repeat-x bottom
}
.thumbnail {
	#background:#c7d6e9
}
.mfp-fade.mfp-bg {
	opacity:0;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	transition:all .2s ease-out
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity:.8
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity:0
}
.mfp-fade.mfp-wrap .mfp-content {
	opacity:0;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .52s ease-out;
	transition:all .2s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity:1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity:0
}
.categories-list li {
	padding:8px 0 8px 0
}
.categories-list a {
	color:#1eafc8
}
.categories-list li i {
	padding-right:10px;
	color:#1eafc8
}
.blog-sidebar {
	font-weight:600 !important
}
.blog-sidebar h4 {
	font-weight:500 !important
}
.blog-results a:hover,.blog-result a:hover {
	color:#1eafc8 !important;
	text-decoration:none
}
.blog-result h1 {
	color:#1eafc8
}
.timeline {
	list-style:none;
	padding:20px 0 20px;
	position:relative
}
.timeline-options {
	font-size:22px;
	border-bottom:2px solid #fff;
	margin-bottom:15px;
	padding-top:30px;
	font-weight:600;
	margin-left:5px;
	margin-right:5px
}
.timeline-options .col-md-3 {
	padding-bottom:10px
}
.timeline-options .btn {
	font-size:16px
}
.timeline-btn-day {
	text-align:center
}
.timeline:before {
	top:0;
	bottom:0;
	position:absolute;
	content:" ";
	width:7px;
	left:50%;
	margin-left:-3.5px;
	background:#1eafc8;
	background:-moz-linear-gradient(top,#1eafc8 0,#ddd 55%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#1eafc8),color-stop(55%,#ddd));
	background:-webkit-linear-gradient(top,#1eafc8 0,#ddd 55%);
	background:-o-linear-gradient(top,#1eafc8 0,#ddd 55%);
	background:-ms-linear-gradient(top,#1eafc8 0,#ddd 55%);
	background:linear-gradient(to bottom,#1eafc8 0,#ddd 55%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1eafc8',endColorstr='#dddddd',GradientType=0)
}
.timeline>li {
	margin-bottom:20px;
	position:relative
}
.timeline-heading .pull-left {
	width:50%
}
.timeline-heading .pull-right {
	font-size:16px;
	display:none
}
.timeline-panel:hover .timeline-heading .pull-right {
	display:block
}
.timeline-heading {
	height:75px
}
.timeline-heading .pull-right a:hover {
	color:#1eafc8
}
.timeline-heading .pull-right i {
	padding-left:12px
}
.timeline>li:before,.timeline>li:afttimeline-paneler {
	content:" ";
	display:table
}
.timeline>li:after {
	clear:both
}
.timeline>li:before,.timeline>li:after {
	content:" ";
	display:table
}
.timeline>li:after {
	clear:both
}
.timeline>li>.timeline-panel {
	background:#FFF;
	width:46%;
	float:left;
	border:1px solid #d4d4d4;
	border-radius:2px;
	padding:0;
	position:relative;
	-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.175);
	box-shadow:0 1px 6px rgba(0,0,0,0.175)
}
.timeline>li>.timeline-panel .timeline-heading {
	padding:20px 20px 15px 20px
}
.timeline>li>.timeline-panel .timeline-body {
	padding:20px
}
.timeline>li>.timeline-panel:before {
	position:absolute;
	top:26px;
	right:-15px;
	display:inline-block;
	border-top:15px solid transparent;
	border-left:15px solid #ccc;
	border-right:0 solid #ccc;
	border-bottom:15px solid transparent;
	content:" "
}
.timeline>li>.timeline-panel:after {
	position:absolute;
	top:27px;
	right:-14px;
	display:inline-block;
	border-top:14px solid transparent;
	border-left:14px solid #fff;
	border-right:0 solid #fff;
	border-bottom:14px solid transparent;
	content:" "
}
.timeline>li>.timeline-badge {
	color:#fff;
	width:26px;
	height:26px;
	line-height:26px;
	font-size:1.4em;
	text-align:center;
	position:absolute;
	top:16px;
	left:50%;
	margin-left:-13px;
	border:4px solid #dfe5e9;
	z-index:20;
	border-top-right-radius:50%;
	border-top-left-radius:50%;
	border-bottom-right-radius:50%;
	border-bottom-left-radius:50%
}
.timeline>li.timeline-inverted>.timeline-panel {
	float:right
}
.timeline-info {
	float:left !important;
	width:48%;
	padding-top:16px
}
.timeline-info .fa {
	font-size:34px
}
.timeline-info-time {
	float:right;
	width:40px
}
.timeline-info-hour {
	font-size:12px;
	font-weight:500
}
.timeline-info-type {
	float:right;
	padding-right:10px;
	font-size:23px;
	font-weight:700
}
.timeline-info.inverted {
	float:right !important;
	width:48%;
	padding-top:16px
}
.timeline-info.inverted .timeline-info-time {
	float:left;
	width:40px
}
.timeline-info.inverted .timeline-info-type {
	float:left;
	font-size:23px;
	font-weight:700
}
.timeline>li>.timeline-panel .timeline-body.media {
	margin-top:0;
	padding-top:10px
}
.timeline>li.timeline-inverted>.timeline-panel:before {
	border-left-width:0;
	border-right-width:15px;
	left:-15px;
	right:auto
}
.timeline>li.timeline-inverted>.timeline-panel:after {
	border-left-width:0;
	border-right-width:14px;
	left:-14px;
	right:auto
}
.timeline-badge.primary {
	background-color:#2e6da4 !important
}
.timeline-badge.success {
	background-color:#3f903f !important
}
.timeline-badge.warning {
	background-color:#f0ad4e !important
}
.timeline-badge.danger {
	background-color:#f77d05 !important
}
.timeline-badge.info {
	background-color:#5bc0de !important
}
.timeline-title {
	margin-top:0;
	color:inherit
}
.timeline-body>p,.timeline-body>ul {
	margin-bottom:0
}
.timeline-body>p+p {
	margin-top:5px
}
.timeline-day {
	font-weight:700;
	font-size:1.1em
}
.timeline-day-number {
	float:left;
	height:40px;
	font-size:44px;
	font-weight:700;
	padding-right:8px;
	margin-top:-10px;
	font-family:arial
}
.timeline-month {
	font-weight:600
}
@media(max-width:767px) {
	ul.timeline:before {
	left:40px
}
.timeline-btn-day {
	text-align:left
}
ul.timeline>li>.timeline-panel {
	width:calc(100% - 90px);
	width:-moz-calc(100% - 90px);
	width:-webkit-calc(100% - 90px)
}
ul.timeline>li>.timeline-badge {
	left:28px;
	margin-left:0;
	top:16px
}
ul.timeline>li>.timeline-panel {
	float:right
}
ul.timeline>li>.timeline-panel:before {
	border-left-width:0;
	border-right-width:15px;
	left:-15px;
	right:auto
}
ul.timeline>li>.timeline-panel:after {
	border-left-width:0;
	border-right-width:14px;
	left:-14px;
	right:auto
}
.timeline-info.inverted {
	float:left !important;
	padding-left:92px;
	width:100%
}
.timeline-info {
	float:left !important;
	padding-left:92px;
	width:100%
}
.timeline-info .float-right {
	float:left !important
}

}
#main-content.page-profil {
	padding:0 15px 0;
	background:#FFF
}
.page-profil .col-md-3 {
	padding-left:0;
	padding-right:0;
	background-color:#fff
}
.page-profil .col-md-9 {
	background-color:#fff
}
.page-profil .profil-content {
	border-left:1px solid #ebebeb
}
.profil-sidebar img {
	padding-right:0
}
.page-profil h4 {
	font-weight:600;
	width:50%
}
.profil-sidebar h5 {
	font-size:14px;
	font-weight:600
}
.profil-sidebar-element {
	padding-bottom:10px;
	padding-top:15px;
	border-bottom:1px solid #ebebeb
}
.profil-sidebar-element:last-child {
	border-bottom:0
}
.profil-sidebar-element:first-child {
	padding-top:0
}
.sidebar-number {
	color:#1eafc8;
	font-size:36px;
	font-weight:500;
	margin-top:-16px
}
.profil-sidebar img.img-small-friend {
	width:100%;
	padding-right:0;
	margin-bottom:10px
}
.more-friends {
	width:100%;
	height:100%
}
.profil-sidebar .col-md-2 {
	padding-left:5px;
	padding-right:5px
}
.profil-sidebar .btn {
	text-align:left;
	padding-left:10px
}
.profil-sidebar .btn i {
	padding-right:8px
}
.profil-sidebar .fa-ellipsis-h {
	position:absolute;
	top:8px;
	left:17px;
	color:#1892bb;
	font-size:39px
}
.profil-sidebar #stars .fa {
	color:#1892bb;
	font-size:16px;
	padding-right:10px
}
.page-profil .profil-review .col-md-9 {
	padding-left:0
}
.page-profil .col-md-9 {
	padding-left:40px
}
.profil-presentation {
	font-size:16px;
	padding:0 15px 0 15px
}
.section-box h2 {
	margin-top:0
}
.section-box h2 a {
	font-size:15px
}
.glyphicon-heart {
	color:#e74c3c
}
.profil-content a:hover {
	color:#1eafc8 !important
}
.separator {
	padding-right:5px;
	padding-left:5px
}
.section-box hr {
	margin-top:0;
	margin-bottom:5px;
	border:0;
	border-top:1px solid #ebebeb
}
.page-profil .stars {
	float:left
}
.page-profil .stars .fa,.page-profil .fa-comments-o {
	color:#1892bb;
	font-size:15px;
	padding-right:5px
}
.profil-groups {
	padding-bottom:10px
}
.profil-groups img {
	width:100%;
	margin-bottom:4px
}
.profil-group {
	padding-left:10px !important
}
.profil-groups .thumb {
	padding-left:2px;
	padding-right:2px
}
.profil-review {
	margin-bottom:20px
}
.panel-image img.panel-image-preview {
	width:100%;
	border-radius:4px 4px 0 0;
	max-height:335px;
	overflow:hidden
}
.panel-heading ~ .panel-image img.panel-image-preview {
	border-radius:0
}
.panel-image ~ .panel-footer a {
	padding:0 10px;
	font-size:1.3em;
	color:#646464
}
.col-md-3.profil-sidebar .img-responsive {
	width:100%
}
.dashboard .panel-stat .glyph-icon {
	opacity:.5;
	font-size:55px
}
.dashboard .panel-stat .glyph-icon.flaticon-educational,.dashboard .panel-stat .glyph-icon.flaticon-incomes {
	font-size:65px
}
.dashboard .panel-stat .col-xs-6:last-child {
	text-align:right
}
@media(max-width:1500px) {
	.dashboard .fc-header-right {
	display:none
}
.dashboard .fc-header-center {
	text-align:right;
	padding-right:40px
}
.dashboard .panel-stat .glyph-icon {
	font-size:42px
}
.dashboard .panel-stat .glyph-icon.flaticon-educational,.dashboard .panel-stat .glyph-icon.flaticon-incomes {
	font-size:52px
}

}
@media(max-width:1250px) {
	.dashboard .panel-stat .glyph-icon {
	font-size:30px
}
.dashboard .panel-stat .glyph-icon.flaticon-educational,.dashboard .panel-stat .glyph-icon.flaticon-incomes {
	font-size:38px
}

}
@media(max-width:992px) {
	.dashboard .panel-stat .glyph-icon {
	font-size:50px
}
.dashboard .panel-stat .glyph-icon.flaticon-educational,.dashboard .panel-stat .glyph-icon.flaticon-incomes {
	font-size:60px
}
.dashboard .panel-stat .col-xs-9 {
	text-align:right
}

}
.error-page {
	background:#dfe5e9;
	background:-moz-radial-gradient(center,ellipse cover,rgba(223,229,233,1) 2%,rgba(223,229,233,1) 2%,rgba(178,192,202,1) 100%);
	background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(2%,rgba(223,229,233,1)),color-stop(2%,rgba(223,229,233,1)),color-stop(100%,rgba(178,192,202,1)));
	background:-webkit-radial-gradient(center,ellipse cover,rgba(223,229,233,1) 2%,rgba(223,229,233,1) 2%,rgba(178,192,202,1) 100%);
	background:-o-radial-gradient(center,ellipse cover,rgba(223,229,233,1) 2%,rgba(223,229,233,1) 2%,rgba(178,192,202,1) 100%);
	background:-ms-radial-gradient(center,ellipse cover,rgba(223,229,233,1) 2%,rgba(223,229,233,1) 2%,rgba(178,192,202,1) 100%);
	background:radial-gradient(ellipse at center,rgba(223,229,233,1) 2%,rgba(223,229,233,1) 2%,rgba(178,192,202,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfe5e9',endColorstr='#b2c0ca',GradientType=1);
	padding:0;
	overflow:hidden
}
.error-main {
	text-align:center;
	margin-top:20%;
	color:#2b2e33
}
.error-page h1 {
	font-size:120px;
	text-align:center;
	font-weight:600
}
.error-page a {
	color:#2b2e33
}
.error-page a:hover {
	text-decoration:none;
	color:#616873
}
.error-page .footer {
	position:absolute;
	bottom:30px;
	width:100%
}
.error-page .copyright {
	font-size:12px;
	text-align:center
}
.error-page .btn {
	padding:8px 50px
}
body.login {
	background:#dfe5e9;
	background:-moz-radial-gradient(center,ellipse cover,rgba(223,229,233,1) 2%,rgba(223,229,233,1) 2%,rgba(178,192,202,1) 100%);
	background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(2%,rgba(223,229,233,1)),color-stop(2%,rgba(223,229,233,1)),color-stop(100%,rgba(178,192,202,1)));
	background:-webkit-radial-gradient(center,ellipse cover,rgba(223,229,233,1) 2%,rgba(223,229,233,1) 2%,rgba(178,192,202,1) 100%);
	background:-o-radial-gradient(center,ellipse cover,rgba(223,229,233,1) 2%,rgba(223,229,233,1) 2%,rgba(178,192,202,1) 100%);
	background:-ms-radial-gradient(center,ellipse cover,rgba(223,229,233,1) 2%,rgba(223,229,233,1) 2%,rgba(178,192,202,1) 100%);
	background:radial-gradient(ellipse at center,rgba(223,229,233,1) 2%,rgba(223,229,233,1) 2%,rgba(178,192,202,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfe5e9',endColorstr='#b2c0ca',GradientType=1);
	color:#8d8d8d;
}
.alert {
	width:auto;
	margin:20px auto
}
.login h2,.login h3 {
	/* font-family:'Open Sans' */
}
#login-block {
	padding-top:50px;
	padding-bottom:25px
}
#login-block h3 {
	color:#FFF;
	text-align:center;
	font-size:1.5em;
	opacity:.8;
	text-shadow:2px 2px 2px #000;
	font-weight:400
}
.login-box {
	position:relative;
	max-width:480px;
	background:#222d3a;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding-bottom:20px;
	margin-top:80px
}
.login-logo {
	text-align:center;
	padding:15px 0 10px
}
.login-logo img {
	border:0;
	display:inline-block
}
.login-form form p {
	width:80%;
	text-align:center;
	margin:5px auto 10px
}
.login-box hr {
	width:70%;
	border-top:1px solid rgba(0,0,0,0.13);
	border-bottom:1px solid rgba(255,255,255,0.15);
	margin:10px auto 20px
}
.page-icon {
    height: 70px;
    margin: 0px auto 0;
    padding: 0px 10px;
    text-align: center;
}
.login-form input {
	display:block;
	width:70%;
	background:#fefefe;
	border:0;
	color:#6c6c6c;
	border-radius:2px;
	margin:0 auto 15px;
	padding:8px
}
.login-form .input-icon {
	width:70%;
	margin-left:15%
}
.btn.btn-login {
	/* display:block;
	border:1px solid rgba(0,0,0,0);
	color:#FFF;
	text-transform:uppercase;
	background:#12181f;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
	margin:20px auto */
}
.btn.btn-login:hover {
	/* border:1px solid #FFF;
	opacity:.8 */
}
.btn.btn-reset {
	width:180px
}
.login-links {
	text-align:center
}
.login-links a {
	color:#FFF;
	display:inline-block;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-ms-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
	opacity:.7;
	padding:5px
}
.login-links a:hover {
	opacity:1;
	text-decoration:none
}
label.checkbox {
	width:70%;
	display:block;
	margin:0 auto
}
label.checkbox input {
	width:14px;
	background:0;
	border:0;
	margin:4px 0 0;
	padding:0
}
#footer-text,#footer-text a {
	text-align:center;
	color:#999;
	opacity:1
}
.social-login {
	margin:10px 0 5px
}
.social-login .btn {
	text-align:center;
	color:#FFF;
	text-shadow:1px 1px 1px #333;
	width:95%;
	margin:5px auto;
	padding:5px
}
.btn.btn-facebook {
	background:#385496;
	background-size:100%;
	font-size:12px
}
.btn.btn-facebook:hover {
	background:#4365b4
}
.btn.btn-twitter {
	background:#4a9eff;
	font-size:12px
}
.btn.btn-twitter:hover {
	background:#73b4ff
}
.fb-login,.twit-login {
	-webkit-animation-delay:.9s;
	-moz-animation-delay:.9s;
	-o-animation-delay:.9s;
	animation-delay:.9s;
	padding:5px
}
@media only screen and (max-width:479px) {
	#login-block {
	padding-top:10px;
	padding-bottom:25px
}

}
@media only screen and (min-width:300px) and (max-width:767px) {
	#login-block {
	margin:0 auto;
	width:420px
}

}
.lockscreen {
	text-align:center
}
.lockscreen .page-icon img {
	width:100px;
	height:100px;
	margin:0;
	border-radius:50%;
	opacity:1
}
.lockscreen i {
	margin-top:20px;
	opacity:.5;
	font-size:35px
}
.lockscreen h3 {
	margin-top:5px
}
.login .form-input {
	width:70%;
	margin-left:15%
}
body.login.lockscreen {
	background:#aab5a4;
	color:#8d8d8d;
}
.widget-fullwidth {
	margin-left:-20px;
	margin-right:-20px;
	margin-top:-10px;
	height:100%
}
.widget-body {
	padding:20px
}
.widget h2 {
	display:inline-block;
	font-size:16px;
	font-weight:400;
	margin:0;
	padding:0;
	margin-bottom:7px;
	width:60%
}
.panel-weather .panel-body {
	padding:0;
	position:relative;
	overflow:hidden;
	color:#fff
}
.panel-weather img.weather-bg {
	position:absolute
}
.panel-weather .weather-body {
	padding:0
}
@font-face {
	font-family:'weather';
	src:url('icons/weather/artill_clean_icons-webfont.eot');
	src:url('icons/weather/artill_clean_icons-webfontd41d.eot?#iefix') format('embedded-opentype'),url('icons/weather/artill_clean_icons-webfont.woff') format('woff'),url('icons/weather/artill_clean_icons-webfont.ttf') format('truetype'),url('icons/weather/weatherfont/artill_clean_icons-webfont.html#artill_clean_weather_iconsRg') format('svg');
	font-weight:normal;
	font-style:normal
}
#weather {
	width:100%;
	margin:0 auto;
	text-align:center;
	text-transform:uppercase
}
#weather [class^="icon-"]:before,#weather [class*=" icon-"]:before {
	color:#fff;
	font-family:weather;
	font-size:80px;
	font-weight:normal;
	margin-left:0;
	font-style:normal;
	line-height:1.0
}
.icon-0:before {
	content:":"
}
.icon-1:before {
	content:"p"
}
.icon-2:before {
	content:"S"
}
.icon-3:before {
	content:"Q"
}
.icon-4:before {
	content:"S"
}
.icon-5:before {
	content:"W"
}
.icon-6:before {
	content:"W"
}
.icon-7:before {
	content:"W"
}
.icon-8:before {
	content:"W"
}
.icon-9:before {
	content:"I"
}
.icon-10:before {
	content:"W"
}
.icon-11:before {
	content:"I"
}
.icon-12:before {
	content:"I"
}
.icon-13:before {
	content:"I"
}
.icon-14:before {
	content:"I"
}
.icon-15:before {
	content:"W"
}
.icon-16:before {
	content:"I"
}
.icon-17:before {
	content:"W"
}
.icon-18:before {
	content:"U"
}
.icon-19:before {
	content:"Z"
}
.icon-20:before {
	content:"Z"
}
.icon-21:before {
	content:"Z"
}
.icon-22:before {
	content:"Z"
}
.icon-23:before {
	content:"Z"
}
.icon-24:before {
	content:"E"
}
.icon-25:before {
	content:"E"
}
.icon-26:before {
	content:"3"
}
.icon-27:before {
	content:"a"
}
.icon-28:before {
	content:"A"
}
.icon-29:before {
	content:"a"
}
.icon-30:before {
	content:"A"
}
.icon-31:before {
	content:"6"
}
.icon-32:before {
	content:"1"
}
.icon-33:before {
	content:"6"
}
.icon-34:before {
	content:"1"
}
.icon-35:before {
	content:"W"
}
.icon-36:before {
	content:"1"
}
.icon-37:before {
	content:"S"
}
.icon-38:before {
	content:"S"
}
.icon-39:before {
	content:"S"
}
.icon-40:before {
	content:"M"
}
.icon-41:before {
	content:"W"
}
.icon-42:before {
	content:"I"
}
.icon-43:before {
	content:"W"
}
.icon-44:before {
	content:"a"
}
.icon-45:before {
	content:"S"
}
.icon-46:before {
	content:"U"
}
.icon-47:before {
	content:"S"
}
.weather-body h1 {
	margin-top:0
}
.weather-currently {
	color:#fff;
	text-align:right;
	font-weight:bold
}
.big-img-weather {
	padding-left:30px !important
}
.big-img-weather:before {
	font-size:170px !important
}
.weather-left {
	text-align:center
}
#weather h2 {
	margin:0 0 8px;
	color:#fff;
	font-weight:300;
	text-align:center;
	text-shadow:0 1px 3px rgba(0,0,0,0.15)
}
#weather ul {
	margin:0;
	padding:0
}
#weather li {
	background:#fff;
	background:rgba(255,255,255,0.90);
	padding:20px;
	display:inline-block;
	border-radius:5px
}
#weather .currently {
	margin:0 20px
}
.weather-place {
	font-size:24px;
	width:50%;
	text-align:right
}
.weather-place i {
	font-size:50px;
	float:right
}
.weather-footer {
	position:absolute;
	bottom:0;
	left:15px;
	right:15px;
	background-color:rgba(0,0,0,0.6)
}
.weather-footer-block {
	padding:5px;
	border-right:1px solid #000;
	font-weight:500
}
.weather-footer-block:last-child {
	border-right:0
}
@media(max-width:768px) {
	.big-img-weather:before {
	font-size:80px !important
}
#weather [class^="icon-"]:before,#weather [class*=" icon-"]:before {
	font-size:40px
}

}
.user-comment {
	display:block;
	margin-bottom:10px;
	padding:0 15px
}
.chat {
	list-style:none;
	margin:0;
	padding:0
}
.chat .header {
	background:0;
	border:0;
	width:auto;
	position:relative;
	min-height:0;
	height:auto;
	z-index:1
}
.chat li {
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px solid #d6d6d6
}
.chat li.left .chat-body {
	margin-left:60px
}
.chat li.right .chat-body {
	margin-right:60px
}
.chat li .chat-body p {
	margin:0;
	color:#777
}
.chat .panel .slidedown .glyphicon,.chat .glyphicon {
	margin-right:5px
}
.chat .panel-body {
	height:340px !important;
	overflow:hidden;
	padding:0
}
.chat .panel-body ul {
	padding:15px 25px
}
.profil-name-heading {
	position:absolute;
	top:40px;
	color:#fff;
	width:100%
}
.widget-profil-img-center {
	margin-top:-40px;
	border:10px solid #fff;
	box-shadow:2px 4px 6px 0 rgba(0,0,0,.3)
}
.font-animation {
	padding:10px 0
}
.font-animation a {
	font-size:16px;
	color:#121212
}
.font-animation a i {
	color:#3598db
}
.font-animation a:hover {
	text-decoration:none
}
.animation_title {
	font-family:'Open Sans',verdana,arial;
	font-size:6rem;
	color:#3598db
}
#animationSandbox {
	display:block;
	overflow:hidden
}
#tooltip,.graph-info a {
	background:#fff;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px
}
.graph-info {
	width:100%;
	margin-bottom:10px
}
#tooltip,.graph-info a {
	font-size:12px;
	line-height:20px;
	color:#646464
}
.tickLabel {
	font-weight:bold;
	font-size:12px;
	color:#666
}
#tooltip {
	position:absolute;
	display:none;
	padding:5px 10px;
	border:1px solid #e1e1e1
}
#lines,#bars {
	width:34px;
	height:32px;
	padding:0;
	margin-right:0;
	margin-left:10px;
	float:right;
	cursor:pointer
}
#lines.active,#bars.active {
	background:#1eafc8
}
#lines span,#bars span {
	display:block;
	width:34px;
	height:32px;
	background:url('../img/small/lines.png') no-repeat 9px 12px
}
#bars span {
	background:url('../img/small/bars.png') no-repeat center 10px
}
#lines.active span {
	background-image:url('../img/small/lines_active.png')
}
#bars.active span {
	background-image:url('../img/small/bars_active.png')
}
.yAxis .tickLabel:first-child,.yAxis .tickLabel:last-child {
	display:none
}
.graph-info:before,.graph-info:after,.graph-container:before,.graph-container:after {
	content:'';
	display:block;
	clear:both
}
.alert-null {
	margin: 0;
	padding: 2px 8px;
}

.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}


.video_content {
    margin-bottom: 5px;
}
.status_online {
    background: transparent url("../../images/online.gif") no-repeat;
    display: inline-block;
    height: 16px;
    width: 38px;
}
.status_offline {
    background: transparent url("../../images/offline.gif") no-repeat;
    display: inline-block;
    height: 16px;
    width: 38px;
}
.user_money_icon {
    background: transparent url("../../images/coin.png") no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
	vertical-align: middle;
}
.user_money {
    display: inline-block;
	vertical-align: middle;
}
.user_style {
	width: 110px;
	display: block;
	overflow: hidden;
	height: 20px;
}

.modal-header {
    border-bottom: 0 none;
    display: block;
    height: 0 !important;
    overflow: hidden;
    padding: 0;
    text-indent: 999px;
}
.modal-header .close {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 50%;
    height: 22px;
    opacity: 1;
    position: absolute;
    right: -12px;
    top: -12px;
    width: 22px;
}
.modal-footer {
    border-top: medium none;
    margin-top: 0;
    padding: 0 20px 20px;
    text-align: right;
}
.action-button {
    line-height: 1.4;
    padding: 2px 0px;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.bootstrap-filestyle .form-control {
	display: none;
}
.modal-sm {
    width: 400px;
}

.ui-spinner {
    display: block;
    position: relative;
}
.ui-spinner-button {
    background-color: #eee;
    border-left: 1px solid #ccc;
    position: absolute;
    font-size: 10px;
    height: 12px;
    right: 1px;
	padding: 0 3px;
	color: #333;
	cursor: pointer;
}
.ui-spinner-up {
    top: 1px;
}
.ui-spinner-down {
    top: 13px;
}
.ui-spinner-button span {
	display: block;
	margin-top: -1px;
}

@media(min-width:769px){
	.desktop-only {
		display: block;
	}
	.mobile-only {
		display: none;
	}
}

@media(max-width:768px) {
	.desktop-only {
		display: none;
	}
	.mobile-only {
		display: block;
	}
}

@media (max-width: 768px) {
    .sidebar-nav > li.active .submenu,
    .sidebar-nav > li.current .submenu {
        max-height: 500px !important;
        opacity: 1 !important;
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    .sidebar-nav .submenu {
        transition: max-height 0.3s, opacity 0.3s;
    }
}

.btn, .form-control {
    /* box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) !important; */
	border-radius: 7px;
}

.btn-danger {
	background: #f77d05;
}

.table-responsive.table-red {
	border-bottom: none !important;
	background: transparent !important;
	box-shadow: none !important;
}

/* Tùy chỉnh thanh cuộn ngang cho bảng */
.table-responsive.table-red {
	overflow-x: auto;
	scrollbar-width: thin;              /* Firefox */
	scrollbar-color: #1eafc8 #e3e6f0;   /* Firefox */
}

/* Chrome, Edge, Safari */
.table-responsive.table-red::-webkit-scrollbar {
	height: 6px;                        /* Độ dày thanh cuộn ngang */
	background: #e3e6f0;                /* Màu nền thanh cuộn */
	border-radius: 4px;
}
.table-responsive.table-red::-webkit-scrollbar-thumb {
	background: #1eafc8;                /* Màu thanh cuộn */
	border-radius: 4px;
}
.table-responsive.table-red::-webkit-scrollbar-thumb:hover {
	background: #0090D9;                /* Màu khi hover */
}

table td table th {
	/* style cho th trong table con */
	text-transform: none !important;
  }

  table > thead > tr > th {
	text-align: center !important;
  }

  td, th {
	/* text-align: center !important; */
  }