/*@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,600,700,800';*/
@import "../icons/font-awesome/css/font-awesome.min.css";
/*@import "../icons/simple-line-icons/css/simple-line-icons.css";
@import "../icons/weather-icons/css/weather-icons.min.css";
@import "../icons/linea-icons/linea.css";
@import "../icons/cryptocoins/css/cryptocoins.css";
@import "../icons/cryptocoins/css/cryptocoins-colors.css";*/
@import "../icons/themify-icons/themify-icons.css";
/*@import "../icons/flag-icon-css/flag-icon.min.css";
@import "../icons/material-design-iconic-font/css/materialdesignicons.min.css";*/
@import "lib/bootstrap/bootstrap.min.css";
@import "helper.css";
@import "spinners.css";
@import "animate.css";

@font-face {
  font-family: 'roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Roboto-Regular.ttf');
}
* {
	outline: 0
}
body {
	background: #fafafa;
	font-family: roboto, sans-serif;
	margin: 0;
	overflow-x: hidden;
	color: #607d8b;
	font-size:.9rem;
}
html {
	position: relative;
	min-height: 100%;
	background: #fafafa
}
a:focus, a:hover {
	text-decoration: none
}
a.link {
	color: #ddd
}
a.link:focus, a.link:hover {
	color: #17a2b8
}
ul {
	padding: 0
}
ul li {
	list-style: none
}
.img-responsive, .carousel.vertical .carousel-inner>.item>img, .carousel.vertical .carousel-inner>.item>a>img {
	width: 100%;
	height: auto;
	display: inline-block
}
.img-rounded {
	border-radius: 4px
}
.img-flag {
	height: 15px;
	width: 18px
}
.mdi-set, .mdi:before {
	line-height: initial
}
h1, h2, h3, h4, h5, h6 {
	color: #454545;
	font-weight: 500
}
h1 {
	line-height: 40px;
	font-size: 36px
}
h2 {
	line-height: 36px;
	font-size: 24px
}
h3 {
	line-height: 30px;
	font-size: 21px
}
h4 {
	line-height: 22px;
	font-size: 18px
}
h5 {
	line-height: 18px;
	font-size: 16px;
	font-weight: 400
}
h6 {
	line-height: 16px;
	font-size: 14px;
	font-weight: 400
}
.display-5 {
	font-size: 3rem
}
.display-6 {
	font-size: 36px
}
.box {
	border-radius: 4px;
	padding: 10px
}
.thumb-sm {
	width: 35px
}
.dib {
	display: inline-block
}
.media-text-right {
	text-align: right
}
.media-text-left {
	text-align: left
}
.widget-card-circle i {
	font-size: 30px;
	left: 0;
	line-height: 97px;
	right: 0;
	text-align: center
}
.widget-line-list li {
	display: inline-block;
	font-size: 1.2em;
	line-height: 27px;
	padding: 5px 20px 0 15px
}
#main-wrappers {
    background: url(../images/login-bg.jpg) center center;
}
@media(max-width:992px) {
.widget-line-list li {
	padding: 5px 2px 0
}
}
@media(max-width:768px) {
.widget-line-list li {
	padding: 5px 20px 0 15px
}
}
.widget-line-list li span {
	font-size: 14px
}
#main-wrapper {
	width: 100%
}
.page-wrapper {
	background: #fafafa;
	padding-bottom: 60px
}
.container-fluid {
	/*padding: 0 30px 25px*/
}
@media(min-width:1024px) {
.page-wrapper {
	margin-left: 240px
}
.footer {
	left: 240px
}
}
@media(max-width:1023px) {
.page-wrapper {
	margin-left: 60px;
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in
}
.footer {
	left: 60px
}
.widget-app-columns {
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1
}
}
@media(min-width:768px) {
.hidden-md-up {
	display: none!important
}
}
@media(max-width:1024px) {
.hidden-sm-down {
	display: none!important
}
}
.color-primary, .text-primary {
	color: #4680ff
}
.color-secondary, .text-secondary {
	color: #673bb7
}
.color-success, .text-success {
	color: #4caf50
}
.color-info, .text-info {
	color: #17a2b8
}
.color-danger, .text-danger {
	color: #ff5722
}
.color-warning, .text-warning {
	color: #ffc107
}
.color-dark, .text-dark {
	color: #6a707e
}
.color-muted, .text-muted {
	color: #607d8b
}
.text-white {
	color: #fff
}
.text-orange {
	color: #ff5722!important
}
.bg-primary {
	background-color: #4680ff;
	color: #fff;
	fill: #4680ff
}
.bg-secondary {
	background-color: #673bb7;
	color: #fff;
	fill: #673bb7
}
.bg-success {
	background-color: #4caf50;
	color: #fff;
	fill: #4caf50
}
.bg-info {
	background-color: #17a2b8;
	color: #fff;
	fill: #17a2b8
}
.bg-danger {
	background-color: #ff5722;
	color: #fff;
	fill: #ff5722
}
.bg-warning {
	background-color: #ffc107;
	color: #fff;
	fill: #ffc107
}
.bg-dark {
	background-color: #6a707e;
	color: #fff;
	fill: #6a707e
}
.bg-white {
	background-color: #fff
}
.bg-transparent {
	background-color: transparent;
	color: #000
}
.bg-primary-darken-5 {
	background-color: #001646
}
.bg-secondary-darken-5 {
	background-color: #000
}
.bg-success-darken-5 {
	background-color: #000
}
.bg-info-darken-5 {
	background-color: #000
}
.bg-danger-darken-5 {
	background-color: #220800
}
.bg-warning-darken-5 {
	background-color: #070500
}
.border-primary {
	border-color: #4680ff
}
.border-secondary {
	border-color: #673bb7
}
.border-success {
	border-color: #4caf50
}
.border-info {
	border-color: #17a2b8
}
.border-danger {
	border-color: #ff5722
}
.border-warning {
	border-color: #ffc107
}
.border-dark {
	border-color: #6a707e
}
.bg-facebook {
	background: #3b5998;
	fill: #3b5998
}
.bg-twitter {
	background: #1da1f2;
	fill: #1da1f2
}
.bg-youtube {
	background: #cd201f;
	fill: #cd201f
}
.bg-google-plus {
	background: #db4439;
	fill: #db4439
}
.bg-linkedin {
	background: #007bb6;
	fill: #007bb6
}
@-webkit-keyframes rotate {
0% {
-webkit-transform:rotate(0deg)
}
to {
	-webkit-transform: rotate(360deg)
}
}
@-moz-keyframes rotate {
0% {
-moz-transform:rotate(0deg)
}
to {
	-moz-transform: rotate(360deg)
}
}
@keyframes rotate {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}
}
@-moz-keyframes heartbit {
0% {
-moz-transform:scale(0);
opacity:0
}
25% {
-moz-transform:scale(.1);
opacity:.1
}
50% {
-moz-transform:scale(.5);
opacity:.3
}
75% {
-moz-transform:scale(.8);
opacity:.5
}
to {
	-moz-transform: scale(1);
	opacity: 0
}
}
@-webkit-keyframes heartbit {
0% {
-webkit-transform:scale(0);
opacity:0
}
25% {
-webkit-transform:scale(.1);
opacity:.1
}
50% {
-webkit-transform:scale(.5);
opacity:.3
}
75% {
-webkit-transform:scale(.8);
opacity:.5
}
to {
	-webkit-transform: scale(1);
	opacity: 0
}
}
.header {
	position: relative;
	z-index: 50;
	background: #fff;
	box-shadow: 1px 0 5px rgba(0,0,0,.1);
	z-index: 999
}
.header .top-navbar {
	min-height: 50px;
	padding: 0 15px 0 0
}
.header .top-navbar .dropdown-toggle:after {
	display: none
}
.header .top-navbar .navbar-header {
	line-height: 45px;
	text-align: center;
	background: #fff
}
.header .top-navbar .navbar-header .navbar-brand {
	margin-right: 0;
	padding-bottom: 0;
	padding-top: 0
}
.header .top-navbar .navbar-header .navbar-brand .light-logo {
	display: none
}
.header .top-navbar .navbar-header .navbar-brand b {
	line-height: 60px;
	display: inline-block;
	width: 24px
}
.header .top-navbar .navbar-header .navbar-brand b img {
	max-width: 100%
}
.header .top-navbar .navbar-nav>.nav-item>.nav-link {
padding-left:.75rem;
padding-right:.75rem;
	font-size: 15px;
	line-height: 40px
}
.header .top-navbar .navbar-nav>.nav-item.show {
	background: rgba(0,0,0,.05)
}
.header .top-navbar .mailbox {
	width: 300px
}
.header .top-navbar .mailbox ul {
	padding: 0
}
.header .top-navbar .mailbox ul li {
	list-style: none
}
.header .profile-pic {
	width: 30px;
	border-radius: 100%
}
.header .dropdown-menu {
	background: #fff;
	box-shadow: 0 3px 12px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 12px rgba(0,0,0,.05);
	-moz-box-shadow: 0 3px 12px rgba(0,0,0,.05);
	border-color: rgba(120,130,140,.13)
}
.header .dropdown-menu .dropdown-item {
	padding: 7px 1.5rem
}
.header ul.dropdown-user {
	padding: 0;
	min-width: 170px
}
.header ul.dropdown-user li {
	list-style: none;
	padding: 0;
	margin: 0
}
.header ul.dropdown-user li .dw-user-box {
	padding: 10px 15px
}
.header ul.dropdown-user li .dw-user-box .u-img {
	width: 70px;
	display: inline-block;
	vertical-align: top
}
.header ul.dropdown-user li .dw-user-box .u-img img {
	width: 100%;
	border-radius: 5px
}
.header ul.dropdown-user li .dw-user-box .u-text {
	display: inline-block;
	padding-left: 10px
}
.header ul.dropdown-user li .dw-user-box .u-text h4 {
	margin: 0;
	font-size: 15px
}
.header ul.dropdown-user li .dw-user-box .u-text p {
	margin-bottom: 2px;
	font-size: 12px
}
.header ul.dropdown-user li .dw-user-box .u-text .btn {
	color: #fff;
	padding: 5px 10px;
	display: inline-block
}
.header ul.dropdown-user li .dw-user-box .u-text .btn:hover {
	background: #e6294b
}
.header ul.dropdown-user li a {
	padding: 9px 15px;
	display: block;
	color: #67757c
}
.header ul.dropdown-user li a:hover {
	background: #fff;
	color: #ddd;
	text-decoration: none
}
.header ul.dropdown-user li.divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: rgba(120,130,140,.13)
}
.search-box .app-search {
	position: absolute;
	margin: 0;
	display: block;
	z-index: 110;
	width: 100%;
	top: -1px;
	-webkit-box-shadow: 2px 0 10px rgba(0,0,0,.2);
	box-shadow: 2px 0 10px rgba(0,0,0,.2);
	display: none;
	left: 0
}
.search-box .app-search input {
	background: #fff;
	width: 100.5%;
	padding: 20px 40px 20px 20px;
	border-radius: 0;
	font-size: 17px;
	height: 70px;
	-webkit-transition: .5s ease-in;
	-o-transition: .5s ease-in;
	transition: .5s ease-in
}
.search-box .app-search input:focus {
	border-color: #fff
}
.search-box .app-search .srh-btn {
	position: absolute;
	top: 23px;
	cursor: pointer;
	background: #fff;
	width: 15px;
	height: 15px;
	right: 20px;
	font-size: 14px
}
.sidebar-mini .top-navbar .navbar-header {
	width: 60px;
	text-align: center
}
.logo-center .top-navbar .navbar-header {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto
}
.notify {
	position: relative;
	top: -22px;
	right: -9px
}
.notify .heartbit {
	position: absolute;
	top: -20px;
	right: -4px;
	height: 25px;
	width: 25px;
	z-index: 10;
	border: 5px solid #4680ff;
	border-radius: 70px;
	-moz-animation: heartbit 1s ease-out;
	-moz-animation-iteration-count: infinite;
	-o-animation: heartbit 1s ease-out;
	-o-animation-iteration-count: infinite;
	-webkit-animation: heartbit 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.notify .point {
	width: 6px;
	height: 6px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #4680ff;
	position: absolute;
	right: 6px;
	top: -10px
}
.fileupload {
	overflow: hidden;
	position: relative
}
.fileupload input.upload {
	cursor: pointer;
	filter: alpha(opacity=0);
	font-size: 20px;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0
}
.mega-menu {
	position: static;
	width: 100%
}
.mega-menu .dropdown-menu {
	width: 100%;
	padding: 30px;
	margin-top: 0
}
.mega-menu ul {
	padding: 0
}
.mega-menu ul li {
	list-style: none
}
.mega-menu .carousel-item .container {
	padding: 0
}
.mega-menu .nav-accordion .card {
	margin-bottom: 1px
}
.mega-menu .nav-accordion .card-header {
	background: #fff
}
.mega-menu .nav-accordion .card-header h5 {
	margin: 0
}
.mega-menu .nav-accordion .card-header h5 a {
	text-decoration: none;
	color: #67757c
}
.mega-menu-menu ul {
	margin: 0;
	padding: 0
}
.mega-menu-menu ul li {
	list-style: none
}
.mega-menu-menu ul li a {
	color: #67757c;
	padding: 8px 0;
	display: block;
	text-decoration: none
}
.mega-menu-menu ul li a:hover {
	color: #1976d2
}
ul.list-style-none {
	margin: 0;
	padding: 0
}
ul.list-style-none li {
	list-style: none
}
ul.list-style-none li a {
	color: #67757c;
	padding: 8px 0;
	display: block;
	text-decoration: none
}
ul.list-style-none li a:hover {
	color: #1976d2
}
.dropdown-item {
	padding: 8px 1rem;
	color: #67757c
}
.custom-select {
background:url(../../assets/images/custom-select.html) right .75rem center no-repeat
}
textarea {
	/*resize: none*/
}
.mailbox ul li .drop-title {
	font-weight: 500;
	padding: 11px 20px 15px;
	border-bottom: 1px solid rgba(120,130,140,.13);
	color: #fff
}
.mailbox ul li .nav-link {
	border-top: 1px solid rgba(120,130,140,.13);
	padding-top: 15px;
	color: #fff!important
}
.mailbox .header-notify {
	height: 200px;
	overflow: auto;
	position: relative
}
.mailbox .header-notify a {
	border-bottom: 1px solid rgba(120,130,140,.13);
	display: block;
	text-decoration: none;
	padding: 9px 15px
}
.mailbox .header-notify a:hover {
	background: #fff
}
.mailbox .header-notify a div {
	white-space: normal
}
.mailbox .header-notify a .user-img {
	width: 40px;
	position: relative;
	display: inline-block;
	margin: 0 10px 15px 0
}
.mailbox .header-notify a .user-img img {
	width: 100%
}
.mailbox .header-notify a .user-img .profile-status {
	border: 2px solid #fff;
	border-radius: 50%;
	display: inline-block;
	height: 10px;
	left: 30px;
	position: absolute;
	top: 1px;
	width: 10px
}
.mailbox .header-notify a .user-img .online {
	background: #26dad2
}
.mailbox .header-notify a .user-img .busy {
	background: #ef5350
}
.mailbox .header-notify a .user-img .away {
	background: #ffb22b
}
.mailbox .header-notify a .user-img .offline {
	background: #ffb22b
}
.mailbox .header-notify a .notification-contnet {
	display: inline-block;
	width: 75%;
	vertical-align: middle
}
.mailbox .header-notify a .notification-contnet h5 {
	margin: 5px 0 0
}
.mailbox .header-notify a .notification-contnet .mail-desc {
	font-size: 12px;
	display: block;
	margin: 1px 0;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #67757c;
	white-space: nowrap
}
.mailbox .header-notify a .notification-contnet .time {
	font-size: 12px;
	display: block;
	margin: 1px 0;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #67757c;
	white-space: nowrap
}
@media(min-width:768px) {
.navbar-header {
	width: 240px;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}
.navbar-header .navbar-brand {
	padding-top: 0
}
.page-titles .breadcrumb {
	float: right
}
.card-group .card:first-child {
	border-right: 1px solid rgba(0,0,0,.03)
}
.card-group .card:not(:first-child):not(:last-child) {
	border-right: 1px solid rgba(0,0,0,.03)
}
.material-icon-list-demo .icons div {
	width: 33%;
	padding: 15px;
	display: inline-block;
	line-height: 40px
}
.sidebar-mini .page-wrapper {
	margin-left: 60px
}
.sidebar-mini .footer {
	left: 60px
}
.flex-wrap {
	-ms-flex-wrap: nowrap!important;
	flex-wrap: nowrap!important;
	-webkit-flex-wrap: nowrap!important
}
}
@media(max-width:767px) {
.header {
	position: fixed;
	width: 100%
}
.header .top-navbar {
	padding-right: 15px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center
}
.header .top-navbar .navbar-collapse {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}
.header .top-navbar .navbar-nav {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row
}
.header .top-navbar .navbar-nav>.nav-item.show {
	position: static
}
.header .top-navbar .navbar-nav>.nav-item.show .dropdown-menu {
	width: 100%;
	margin-top: 0
}
.header .top-navbar .navbar-nav>.nav-item>.nav-link {
padding-left:.5rem;
padding-right:.5rem
}
.header .top-navbar .navbar-nav .dropdown-menu {
	position: absolute
}
.mega-menu .dropdown-menu {
	height: 480px;
	overflow: auto
}
.sidebar-mini .page-wrapper {
	margin-left: 0;
	padding-top: 60px
}
}
.sidebar-nav {
	background: #fff;
	padding: 0
}
.sidebar-nav ul {
	margin: 0;
	padding: 0
}
.sidebar-nav ul li {
	list-style: none
}
.sidebar-nav ul li a {
	color: #607d8b;
	padding: 7px 35px 7px 15px;
	display: block;
	font-size: 16px;
	white-space: nowrap
}
.sidebar-nav ul li a:hover {
	color: #1976d2
}
.sidebar-nav ul li a:hover i {
	color: #1976d2
}
.sidebar-nav ul li a.active {
	color: #1976d2;
	font-weight: 500
}
.sidebar-nav ul li a.active i {
	color: #607d8b
}
.sidebar-nav ul li ul {
	padding-left: 28px
}
.sidebar-nav ul li ul li a {
	padding: 7px 35px 7px 15px
}
.sidebar-nav ul li ul ul {
	padding-left: 15px
}
.sidebar-nav ul li.nav-label {
	font-size: 12px;
	margin-bottom: 0;
	padding: 14px 14px 14px 20px;
	color: #607d8b;
	font-weight: 600;
	text-transform: uppercase
}
.sidebar-nav ul li.nav-devider {
	height: 1px;
	background: rgba(120,130,140,.13);
	display: block
}
.sidebar-nav>ul>li {
	margin-bottom: 5px
}
.sidebar-nav>ul>li>a {
	border-left: 3px solid transparent
}
.sidebar-nav>ul>li>a i {
	width: 27px;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	color: #99abb4
}
.sidebar-nav>ul>li>a .label {
	position: absolute;
	right: 35px;
	top: 8px
}
.sidebar-nav>ul>li.active {
	background: #fff
}
.sidebar-nav>ul>li.active>a {
	color: #1976d2;
	font-weight: 500;
	border-left: 3px solid #1976d2
}
.sidebar-nav>ul>li.active>a i {
	color: #1976d2
}
.sidebar-nav .has-arrow {
	position: relative
}
.sidebar-nav .has-arrow:after {
	position: absolute;
	content: '';
	width: 7px;
	height: 7px;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #607d8b;
	right: 1em;
	-webkit-transform: rotate(135deg) translate(0, -50%);
	-ms-transform: rotate(135deg) translate(0, -50%);
	-o-transform: rotate(135deg) translate(0, -50%);
	transform: rotate(135deg) translate(0, -50%);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	top: 47%;
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}
.sidebar-nav .active>.has-arrow:after {
	-webkit-transform: rotate(-135deg) translate(0, -50%);
	-ms-transform: rotate(-135deg) translate(0, -50%);
	-o-transform: rotate(-135deg) translate(0, -50%);
	top: 45%;
	width: 7px;
	transform: rotate(-135deg) translate(0, -50%)
}
.sidebar-nav .has-arrow[aria-expanded=true]:after {
	-webkit-transform: rotate(-135deg) translate(0, -50%);
	-ms-transform: rotate(-135deg) translate(0, -50%);
	-o-transform: rotate(-135deg) translate(0, -50%);
	top: 45%;
	width: 7px;
	transform: rotate(-135deg) translate(0, -50%)
}
.sidebar-nav li>.has-arrow.active:after {
	-webkit-transform: rotate(-135deg) translate(0, -50%);
	-ms-transform: rotate(-135deg) translate(0, -50%);
	-o-transform: rotate(-135deg) translate(0, -50%);
	top: 45%;
	width: 7px;
	transform: rotate(-135deg) translate(0, -50%)
}
.left-sidebar {
	position: absolute;
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 20;
	padding-top: 60px;
	background: #fff;
	-webkit-box-shadow: 1px 0 20px rgba(0,0,0,.08);
	box-shadow: 1px 0 20px rgba(0,0,0,.08)
}
.fix-sidebar .left-sidebar {
	position: fixed
}
.sidebar-footer {
	position: fixed;
	z-index: 10;
	bottom: 0;
	left: 0;
	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
	width: 240px;
	background: #fff;
	border-top: 1px solid rgba(120,130,140,.13)
}
.sidebar-footer a {
	padding: 15px;
	width: 33.333337%;
	float: left;
	text-align: center;
	font-size: 18px
}
.scroll-sidebar {
	padding-bottom: 60px
}
.collapse.in {
	display: block
}
@media(min-width:768px) {
.sidebar-mini .sidebar-nav {
	background: 0 0
}
.sidebar-mini .sidebar-nav #sidebar-menu li {
	position: relative
}
.sidebar-mini .sidebar-nav #sidebar-menu>li>ul {
	position: absolute;
	left: 60px;
	top: 39px;
	width: 200px;
	z-index: 1001;
	background: #fff;
	display: none;
	padding-left: 1px
}
.sidebar-mini .sidebar-nav #sidebar-menu>li:hover>ul {
	height: auto!important;
	overflow: auto;
	display: block
}
.sidebar-mini .sidebar-nav #sidebar-menu>li:hover>ul.collapse {
	display: block
}
.sidebar-mini .sidebar-nav #sidebar-menu>li:hover>a {
	width: 260px;
	background: #fff
}
.sidebar-mini .sidebar-nav #sidebar-menu>li:hover>a .hide-menu {
	display: inline
}
.sidebar-mini .sidebar-nav #sidebar-menu>li:hover>a .label {
	display: none
}
.sidebar-mini .sidebar-nav #sidebar-menu>li>a.has-arrow:after {
	display: none
}
.sidebar-mini .sidebar-nav #sidebar-menu>li>a {
	padding: 9px 18px;
	width: 50px
}
.sidebar-mini .user-profile {
	padding-bottom: 15px;
	width: 60px;
	margin-bottom: 7px
}
.sidebar-mini .user-profile .profile-img {
	width: 50px;
	padding: 15px 0 0;
	margin: 0 0 0 6px
}
.sidebar-mini .user-profile .profile-img .setpos {
	top: -35px
}
.sidebar-mini .user-profile .profile-img:before {
	top: 15px
}
.sidebar-mini .user-profile .profile-text {
	display: none
}
.sidebar-mini .left-sidebar {
	width: 60px
}
.sidebar-mini .scroll-sidebar {
	padding-bottom: 0;
	position: absolute;
	overflow-x: hidden!important
}
.sidebar-mini .hide-menu {
	display: none
}
.sidebar-mini .nav-label {
	display: none
}
.sidebar-mini .sidebar-footer {
	display: none
}
.sidebar-mini>.label {
	display: none
}
.sidebar-mini .nav-devider {
	width: 60px
}
.sidebar-mini.fix-sidebar .left-sidebar {
	position: absolute
}
}
@media(max-width:767px) {
.sidebar-mini .left-sidebar {
	position: fixed;
	left: -240px
}
.sidebar-mini .sidebar-footer {
	left: -240px
}
.sidebar-mini.sidebar-show .left-sidebar {
	left: 0
}
.sidebar-mini.sidebar-show .sidebar-footer {
	left: 0
}
}
.badge {
	font-weight: 400;
	padding: .15em .4em;
	padding-top: 6px
}
.badge-xs {
	font-size: 9px;
	-webkit-transform: translate(0, -2px);
	-ms-transform: translate(0, -2px);
	-o-transform: translate(0, -2px);
	transform: translate(0, -2px)
}
.badge-sm {
	-webkit-transform: translate(0, -2px);
	-ms-transform: translate(0, -2px);
	-o-transform: translate(0, -2px);
	transform: translate(0, -2px)
}
.badge-success {
	background-color: #26dad2
}
.badge-info {
	background-color: #1976d2
}
.badge-primary {
	background-color: #5c4ac7
}
.badge-warning {
	background-color: #ffb22b;
	color: #fff
}
.badge-danger {
	background-color: #ef5350
}
.badge-purple {
	background-color: #7460ee
}
.badge-red {
	background-color: #fb3a3a
}
.badge-inverse {
	background-color: #2f3d4a
}
.label {
	padding: 3px 10px;
	line-height: 13px;
	color: #fff;
	font-weight: 400;
	border-radius: 4px;
	font-size: 75%
}
.label-rounded {
	border-radius: 60px
}
.label-custom {
	background-color: #00897b
}
.label-success {
	background-color: #26dad2
}
.label-info {
	background-color: #1976d2
}
.label-warning {
	background-color: #ffb22b
}
.label-danger {
	background-color: #ef5350
}
.label-megna {
	background-color: #00897b
}
.label-primary {
	background-color: #5c4ac7
}
.label-purple {
	background-color: #7460ee
}
.label-red {
	background-color: #fb3a3a
}
.label-inverse {
	background-color: #2f3d4a
}
.label-default {
	background-color: #f2f4f8
}
.label-white {
	background-color: #fff
}
.label-light-success {
	background-color: #e8fdeb;
	color: #26dad2
}
.label-light-info {
	background-color: #cfecfe;
	color: #1976d2
}
.label-light-warning {
	background-color: #fff8ec;
	color: #ffb22b
}
.label-light-danger {
	background-color: #f9e7eb;
	color: #ef5350
}
.label-light-megna {
	background-color: #e0f2f4;
	color: #00897b
}
.label-light-primary {
	background-color: #f1effd;
	color: #5c4ac7
}
.label-light-inverse {
	background-color: #f6f6f6;
	color: #2f3d4a
}
.breadcrumb {
	margin-bottom: 0
}
.page-titles {
	background: #fff;
	margin: 0 0 10px;
	padding: 15px 10px;
	position: relative;
	z-index: 10;
	-webkit-box-shadow: 1px 0 5px rgba(0,0,0,.1);
	box-shadow: 1px 0 5px rgba(0,0,0,.1)
}
.page-titles h3 {
	margin-bottom: 0;
	margin-top: 0
}
.page-titles .breadcrumb {
	padding: 0;
	background: 0 0;
	font-size: 14px
}
.page-titles .breadcrumb li {
	margin-top: 0;
	margin-bottom: 0
}
.page-titles .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
	content: "\e661";
	font-family: themify;
	color: #a6b7bf;
	font-size: 11px
}
.page-titles .breadcrumb .breadcrumb-item.active {
	color: #99abb4
}
.pagination>li:first-child>a {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}
.pagination>li:first-child>span {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px
}
.pagination>li:last-child>a {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px
}
.pagination>li:last-child>span {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px
}
.pagination>li>a {
	color: #263238
}
.pagination>li>a:focus {
	background-color: #f2f4f8
}
.pagination>li>a:hover {
	background-color: #f2f4f8
}
.pagination>li>span {
	color: #263238
}
.pagination>li>span:focus {
	background-color: #f2f4f8
}
.pagination>li>span:hover {
	background-color: #f2f4f8
}
.pagination>.active>a {
	background-color: #1976d2;
	border-color: #1976d2
}
.pagination>.active>a:focus {
	background-color: #1976d2;
	border-color: #1976d2
}
.pagination>.active>a:hover {
	background-color: #1976d2;
	border-color: #1976d2
}
.pagination>.active>span {
	background-color: #1976d2;
	border-color: #1976d2
}
.pagination>.active>span:focus {
	background-color: #1976d2;
	border-color: #1976d2
}
.pagination>.active>span:hover {
	background-color: #1976d2;
	border-color: #1976d2
}
.pagination-split li {
	margin-left: 5px;
	display: inline-block;
	float: left
}
.pagination-split li:first-child {
	margin-left: 0
}
.pagination-split li a {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px
}
.pager li>a {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #263238
}
.pager li>span {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #263238
}
.footer {
	background: #fff none repeat scroll 0 0;
	border-top: 1px solid rgba(120,130,140,.13);
	bottom: 0;
	color: #67757c;
	left: 0;
	padding: 17px 15px;
	position: absolute;
	right: 0;
	margin: 0
}
.footer {
	left: 240px
}
#chartdiv3 {
	height: 450px;
	width: 100%
}
#chartdiv {
	height: 450px;
	width: 100%
}
#zoomable {
	height: 450px;
	width: 100%
}
#chartMap {
	height: 450px;
	width: 100%
}
.amcharts-graph-g2 .amcharts-graph-stroke {
	stroke-dasharray: 3px 3px;
	stroke-linejoin: round;
	stroke-linecap: round;
	-webkit-animation: am-moving-dashes 1s linear infinite;
	animation: am-moving-dashes 1s linear infinite
}
@-webkit-keyframes am-moving-dashes {
100% {
stroke-dashoffset:-31px
}
}
@keyframes am-moving-dashes {
100% {
stroke-dashoffset:-31px
}
}
.lastBullet {
	-webkit-animation: am-pulsating 1s ease-out infinite;
	animation: am-pulsating 1s ease-out infinite
}
@-webkit-keyframes am-pulsating {
0% {
stroke-opacity:1;
stroke-width:0
}
100% {
stroke-opacity:0;
stroke-width:50px
}
}
@keyframes am-pulsating {
0% {
stroke-opacity:1;
stroke-width:0
}
100% {
stroke-opacity:0;
stroke-width:50px
}
}
.amcharts-graph-column-front {
	-webkit-transition: all .3s .3s ease-out;
	transition: all .3s .3s ease-out
}
.amcharts-graph-column-front:hover {
	fill: #496375;
	stroke: #496375;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}
.amcharts-graph-g3 {
	stroke-linejoin: round;
	stroke-linecap: round;
	stroke-dasharray: 500%;
	stroke-dasharray: 0/;
	stroke-dashoffset: 0/;
	-webkit-animation: am-draw 40s;
	animation: am-draw 40s
}
@-webkit-keyframes am-draw {
0% {
stroke-dashoffset:500%
}
100% {
stroke-dashoffset:0%
}
}
@keyframes am-draw {
0% {
stroke-dashoffset:500%
}
100% {
stroke-dashoffset:0%
}
}
.card {
	margin-bottom: 30px
}
.card .card-subtitle {
	color: #99abb4;
	font-weight: 300;
	margin-bottom: 2px
}
.card-inverse .card-bodyquote .blockquote-footer {
	color: rgba(255,255,255,.65)
}
.card-inverse .card-link {
	color: rgba(255,255,255,.65)
}
.card-inverse .card-subtitle {
	color: rgba(255,255,255,.65)
}
.card-inverse .card-text {
	color: rgba(255,255,255,.65)
}
.card-success {
	background: #26dad2 none repeat scroll 0 0;
	border-color: #26dad2
}
.card-danger {
	background: #ef5350 none repeat scroll 0 0;
	border-color: #ef5350
}
.card-warning {
	background: #ffb22b none repeat scroll 0 0;
	border-color: #ffb22b
}
.card-info {
	background: #1976d2 none repeat scroll 0 0;
	border-color: #1976d2
}
.card-primary {
	background: #5c4ac7 none repeat scroll 0 0;
	border-color: #5c4ac7
}
.card-dark {
	background: #2f3d4a none repeat scroll 0 0;
	border-color: #2f3d4a
}
.card-megna {
	background: #00897b none repeat scroll 0 0;
	border-color: #00897b
}
.card-actions {
	float: right
}
.card-actions a {
	color: #67757c;
	cursor: pointer;
	font-size: 13px;
	opacity: .7;
	padding-left: 7px
}
.card-actions a:hover {
	opacity: 1
}
.card-columns .card {
	margin-bottom: 20px
}
.collapsing {
	transition: height .08s ease 0s
}
.card-outline-info {
	border-color: #1976d2
}
.card-outline-info .card-header {
	background: #1976d2 none repeat scroll 0 0;
	border-color: #1976d2
}
.card-outline-inverse {
	border-color: #2f3d4a
}
.card-outline-inverse .card-header {
	background: #2f3d4a none repeat scroll 0 0;
	border-color: #2f3d4a
}
.card-outline-warning {
	border-color: #ffb22b
}
.card-outline-warning .card-header {
	background: #ffb22b none repeat scroll 0 0;
	border-color: #ffb22b
}
.card-outline-success {
	border-color: #26dad2
}
.card-outline-success .card-header {
	background: #26dad2 none repeat scroll 0 0;
	border-color: #26dad2
}
.card-outline-danger {
	border-color: #ef5350
}
.card-outline-danger .card-header {
	background: #ef5350 none repeat scroll 0 0;
	border-color: #ef5350
}
.card-outline-primary {
	border-color: #5c4ac7
}
.card-outline-primary .card-header {
	background: #5c4ac7 none repeat scroll 0 0;
	border-color: #5c4ac7
}
.card-body {
	padding: 0
}
.card {
	background: #fff;
	margin: 15px 0;
	padding: 12px;
	border: 0 solid rgba(120,130,140,.13);
	border-radius: 5px;
	box-shadow: 0 5px 20px rgba(0,0,0,.05)
}
.card-subtitle {
	font-size: 12px;
	margin: 10px 0
}
.card-title {
	font-weight: 400;
	font-size: 18px;
	line-height: 22px
}
.card-title h4 {
	display: inline-block;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	color: #454545
}
.card-title p {
	font-family: roboto, sans-serif;
	margin-bottom: 12px
}
.vtabs {
	display: table
}
.vtabs .tabs-vertical {
	border-bottom: 0;
	border-right: 1px solid rgba(120,130,140,.13);
	display: table-cell;
	vertical-align: top;
	width: 150px
}
.vtabs .tabs-vertical li .nav-link {
	border: 0;
	border-radius: 4px 0 0 4px;
	color: #1976d2;
	margin-bottom: 10px
}
.vtabs .tab-content {
	display: table-cell;
	padding: 20px;
	vertical-align: top
}
.tabs-vertical li .nav-link.active, .tabs-vertical li .nav-link.active:focus, .tabs-vertical li .nav-link:hover {
	background: #1976d2 none repeat scroll 0 0;
	border: 0;
	color: #fff
}
.customvtab .tabs-vertical li .nav-link.active, .customvtab .tabs-vertical li .nav-link:focus, .customvtab .tabs-vertical li .nav-link:hover {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: #1976d2;
	border-color: currentcolor #1976d2 currentcolor currentcolor;
	border-image: none;
	border-style: none solid none none;
	border-width: 0 2px 0 0;
	color: #fff;
	margin-right: -1px
}
.tabcontent-border {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: none!important;
	border-image: none;
	border-style: none solid solid;
	border-width: 0
}
.customtab2 li a.nav-link {
	border: 0;
	color: #67757c;
	margin-right: 3px
}
.customtab2 li a.nav-link.active {
	background: #1976d2 none repeat scroll 0 0;
	color: #fff
}
.customtab2 li a.nav-link:hover {
	background: #1976d2 none repeat scroll 0 0;
	color: #fff
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color: #1976d2;
	border-color: transparent;
	color: #fff
}
.modal-dialog {
	/*margin: 30px auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%)!important;
	width: 70%*/
}
.modal-header .close {
	font-size: 14px;
	margin-right: 15px;
	margin-top: 5px
}
.modal-content {
	border-radius: 3px
}
.timeline {
	list-style: none;
	padding: 0 0 8px;
	position: relative
}
.timeline:before {
	top: 7px;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 3px;
	background-color: rgba(120,130,140,.13);
	left: 25px;
	margin-right: -1.5px
}
.timeline-title {
	margin: 5px 0!important;
	font-size: 16px
}
.timeline>li {
	margin-bottom: 20px;
	position: relative
}
.timeline>li:after, .timeline>li:before {
	content: " ";
	display: table
}
.timeline>li:after {
	clear: both
}
.timeline>li>.timeline-panel {
	width: calc(100% - 70px);
	float: right;
	border-radius: 2px;
	padding: 5px 20px;
	position: relative
}
.timeline>li>.timeline-panel:before {
	position: absolute;
	top: 26px;
	left: -15px;
	display: inline-block;
	border-top: 0 solid transparent;
	border-right: 0 solid rgba(120,130,140,.13);
	border-left: 0 solid rgba(120,130,140,.13);
	border-bottom: 15px solid transparent;
	content: " "
}
.timeline>li>.timeline-panel:after {
	position: absolute;
	top: 27px;
	left: -14px;
	display: inline-block;
	border-top: 14px solid transparent;
	border-right: 14px solid #fff;
	border-left: 0 solid #fff;
	border-bottom: 14px solid transparent;
	content: " "
}
.timeline>li>.timeline-badge {
	color: #fff;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 10px;
	left: 8px;
	margin-right: -25px;
	background-color: #e91e63;
	z-index: 100;
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border-bottom-right-radius: 50%;
	border-bottom-left-radius: 50%
}
.timeline-body>p {
	font-size: 12px;
	margin-bottom: 10px
}
.timeline-badge.primary {
	background-color: #4680ff!important
}
.timeline-badge.success {
	background-color: #4caf50!important
}
.timeline-badge.warning {
	background-color: #ffc107!important
}
.timeline-badge.danger {
	background-color: #ff5722!important
}
.timeline-badge.info {
	background-color: #17a2b8!important
}
.dataTables_wrapper {
	padding-top: 10px
}
.dt-buttons {
	display: inline-block;
	margin-bottom: 15px;
	padding-top: 5px
}
.dt-buttons .dt-button {
	background: #1976d2 none repeat scroll 0 0;
	border-radius: 4px;
	color: #fff;
	margin-right: 3px;
	padding: 5px 15px
}
.dt-buttons .dt-button:hover {
	background: #2f3d4a none repeat scroll 0 0
}
.dataTables_info, .dataTables_length {
	display: inline-block
}
.dataTables_length {
	margin-top: 10px
}
.dataTables_length select {
	background-color: transparent;
	background-image: linear-gradient(#1976d2, #1976d2), linear-gradient(#b1b8bb, #b1b8bb);
	background-position: center bottom, center calc(99%);
	background-repeat: no-repeat;
	background-size: 0 2px, 100% 1px;
	border: 0;
	padding-bottom: 5px;
	transition: background 0s ease-out 0s
}
.dataTables_length select:focus {
	background-image: linear-gradient(#1976d2, #1976d2), linear-gradient(#b1b8bb, #b1b8bb);
	background-size: 100% 2px, 100% 1px;
	box-shadow: none;
	outline: medium 0;
	transition-duration: .3s
}
.dataTables_filter {
	float: right;
	margin-top: 10px
}
.dataTables_filter input {
	background-color: transparent;
	background-image: linear-gradient(#1976d2, #1976d2), linear-gradient(#b1b8bb, #b1b8bb);
	background-position: center bottom, center calc(99%);
	background-repeat: no-repeat;
	background-size: 0 2px, 100% 1px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	float: none;
	margin-left: 10px;
	transition: background 0s ease-out 0s
}
.dataTables_filter input:focus {
	background-image: linear-gradient(#1976d2, #1976d2), linear-gradient(#b1b8bb, #b1b8bb);
	background-size: 100% 2px, 100% 1px;
	box-shadow: none;
	outline: medium 0;
	transition-duration: .3s
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {
	background: transparent none repeat scroll 0 0
}
table.dataTable thead .sorting_asc::after {
	content: "";
	cursor: pointer;
	font-family: fontawesome;
	margin-left: 10px
}
table.dataTable thead .sorting_desc::after {
	content: "";
	cursor: pointer;
	font-family: fontawesome;
	margin-left: 10px
}
table.dataTable thead .sorting::after {
	color: rgba(50,50,50,.5);
	content: "";
	cursor: pointer;
	font-family: fontawesome!important;
	margin-left: 10px
}
.dataTables_wrapper .dataTables_paginate {
	float: right;
	padding-top: .25em;
	text-align: right
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	border: 1px solid rgba(120,130,140,.13);
	box-sizing: border-box;
	color: #67757c;
	cursor: pointer;
	display: inline-block;
	min-width: 1.5em;
	padding: .5em 1em;
	text-align: center;
	text-decoration: none
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background-color: #1976d2;
	border: 1px solid #1976d2;
	color: #fff!important
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
	background: transparent none repeat scroll 0 0;
	border: 1px solid rgba(120,130,140,.13);
	box-shadow: none;
	color: #67757c;
	cursor: default
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background-color: #1976d2;
	border: 1px solid #1976d2;
	color: #fff
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
	background-color: #67757c;
	outline: medium 0
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
	padding: 0 1em
}
.tablesaw-bar .btn-group label {
	color: #67757c!important
}
.dt-bootstrap {
	display: block
}
.paging_simple_numbers .pagination .paginate_button {
	background: #fff none repeat scroll 0 0;
	padding: 0
}
.paging_simple_numbers .pagination .paginate_button:hover {
	background: #fff none repeat scroll 0 0
}
.paging_simple_numbers .pagination .paginate_button a {
	border: 0;
	padding: 2px 10px
}
.paging_simple_numbers .pagination .paginate_button.active a, .paging_simple_numbers .pagination .paginate_button:hover a {
	background: #1976d2 none repeat scroll 0 0;
	color: #fff
}
.panel {
	border-radius: 0;
	margin: 15px 0
}
.panel-body {
	font-family: roboto, sans-serif
}
.panel-primary {
	border-color: #4680ff
}
.panel-primary .panel-heading {
	background: #4680ff;
	border-color: #4680ff;
	color: #fff
}
.panel-success {
	border-color: #4caf50
}
.panel-success .panel-heading {
	background: #4caf50;
	border-color: #4caf50;
	color: #fff
}
.panel-info {
	border-color: #17a2b8
}
.panel-info .panel-heading {
	background: #17a2b8;
	border-color: #17a2b8;
	color: #fff
}
.panel-danger {
	border-color: #ff5722
}
.panel-danger .panel-heading {
	background: #ff5722;
	border-color: #ff5722;
	color: #fff
}
.panel-warning {
	border-color: #ffc107
}
.panel-warning .panel-heading {
	background: #ffc107;
	border-color: #ffc107;
	color: #fff
}
.panel-pink {
	border-color: #e91e63
}
.panel-pink .panel-heading {
	background: #e91e63;
	border-color: #e91e63;
	color: #fff
}
.panel-dark {
	border-color: #6a707e
}
.panel-dark .panel-heading {
	background: #6a707e;
	border-color: #6a707e;
	color: #fff
}
.panel-white {
	border-color: #000
}
.panel-white .panel-heading {
	background: #fff;
	border-color: #000;
	color: #000
}
.btn {
	padding: 7px 10px;
	cursor: pointer;
	font-size: 15px
}
.btn-group label {
	color: #fff!important;
	margin-bottom: 0
}
.btn-group label.btn-secondary {
	color: #67757c!important
}
.btn-lg {
padding:.75rem 1.5rem;
	font-size: 1.25rem
}
.btn-md {
	padding: 12px 55px;
	font-size: 16px
}
.btn-circle {
	border-radius: 100%;
	width: 40px;
	height: 40px;
	padding: 10px
}
.btn-circle.btn-sm {
	width: 35px;
	height: 35px;
	padding: 8px 10px;
	font-size: 14px
}
.btn-circle.btn-lg {
	width: 50px;
	height: 50px;
	padding: 14px 15px;
	font-size: 18px;
	line-height: 22px
}
.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 14px 15px;
	font-size: 24px
}
.btn-sm {
padding:.25rem .5rem;
	font-size: 12px
}
.btn-xs {
padding:.25rem .5rem;
	font-size: 10px
}
.button-list a {
	margin: 5px 12px 5px 0
}
.button-list button {
	margin: 5px 12px 5px 0
}
.btn-outline {
	color: inherit;
	background-color: transparent;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.btn-rounded {
	border-radius: 60px;
	padding: 7px 18px
}
.btn-rounded.btn-lg {
padding:.75rem 1.5rem
}
.btn-rounded.btn-sm {
padding:.25rem .5rem;
	font-size: 12px
}
.btn-rounded.btn-xs {
padding:.25rem .5rem;
	font-size: 10px
}
.btn-rounded.btn-md {
	padding: 12px 35px;
	font-size: 16px
}
.btn-secondary {
	-webkit-box-shadow: 0 2px 2px 0 rgba(169,169,169,.14), 0 3px 1px -2px rgba(169,169,169,.2), 0 1px 5px 0 rgba(169,169,169,.12);
	box-shadow: 0 2px 2px 0 rgba(169,169,169,.14), 0 3px 1px -2px rgba(169,169,169,.2), 0 1px 5px 0 rgba(169,169,169,.12);
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
	background-color: #fff;
	color: #67757c;
	border-color: #b1b8bb
}
.btn-secondary:hover {
	-webkit-box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2);
	box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2)
}
.btn-secondary:active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2);
	box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2)
}
.btn-secondary:focus {
	-webkit-box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2);
	box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2)
}
.btn-secondary.disabled {
	-webkit-box-shadow: 0 2px 2px 0 rgba(169,169,169,.14), 0 3px 1px -2px rgba(169,169,169,.2), 0 1px 5px 0 rgba(169,169,169,.12);
	box-shadow: 0 2px 2px 0 rgba(169,169,169,.14), 0 3px 1px -2px rgba(169,169,169,.2), 0 1px 5px 0 rgba(169,169,169,.12);
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
	background-color: #fff;
	color: #67757c;
	border-color: #b1b8bb
}
.btn-secondary.disabled:hover {
	-webkit-box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2);
	box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2)
}
.btn-secondary.disabled:active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2);
	box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2)
}
.btn-secondary.disabled:focus {
	-webkit-box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2);
	box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2)
}
.btn-secondary.active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2);
	box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2)
}
.btn-secondary.disabled.active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2);
	box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2)
}
.btn-primary {
	background: #5c4ac7;
	border: 1px solid #5c4ac7;
	-webkit-box-shadow: 0 2px 2px 0 rgba(116,96,238,.14), 0 3px 1px -2px rgba(116,96,238,.2), 0 1px 5px 0 rgba(116,96,238,.12);
	box-shadow: 0 2px 2px 0 rgba(116,96,238,.14), 0 3px 1px -2px rgba(116,96,238,.2), 0 1px 5px 0 rgba(116,96,238,.12);
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
	color: #fff
}
.btn-primary:hover {
	background: #5c4ac7;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	border: 1px solid #5c4ac7
}
.btn-primary:active {
	background: #6352ce;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2)
}
.btn-primary:active:focus {
	background-color: #6352ce;
	border: 1px solid #6352ce
}
.btn-primary:active:hover {
	background-color: #6352ce;
	border: 1px solid #6352ce
}
.btn-primary:focus {
	background: #6352ce;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	background-color: #6352ce;
	border: 1px solid #6352ce
}
.btn-primary.disabled {
	background: #5c4ac7;
	border: 1px solid #5c4ac7;
	-webkit-box-shadow: 0 2px 2px 0 rgba(116,96,238,.14), 0 3px 1px -2px rgba(116,96,238,.2), 0 1px 5px 0 rgba(116,96,238,.12);
	box-shadow: 0 2px 2px 0 rgba(116,96,238,.14), 0 3px 1px -2px rgba(116,96,238,.2), 0 1px 5px 0 rgba(116,96,238,.12);
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in
}
.btn-primary.disabled:hover {
	background: #5c4ac7;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	border: 1px solid #5c4ac7
}
.btn-primary.disabled:active {
	background: #6352ce;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2)
}
.btn-primary.disabled:focus {
	background: #6352ce;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2)
}
.btn-primary.active {
	background: #6352ce;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2)
}
.btn-primary.active:focus {
	background-color: #6352ce;
	border: 1px solid #6352ce
}
.btn-primary.active:hover {
	background-color: #6352ce;
	border: 1px solid #6352ce
}
.btn-primary.disabled.active {
	background: #6352ce;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2)
}
.btn-themecolor {
	background: #1976d2;
	color: #fff;
	border: 1px solid #1976d2
}
.btn-themecolor:hover {
	background: #1976d2;
	opacity: .7;
	border: 1px solid #1976d2
}
.btn-themecolor:active {
	background: #028ee1
}
.btn-themecolor:focus {
	background: #028ee1
}
.btn-themecolor.disabled {
	background: #1976d2;
	color: #fff;
	border: 1px solid #1976d2
}
.btn-themecolor.disabled:hover {
	background: #1976d2;
	opacity: .7;
	border: 1px solid #1976d2
}
.btn-themecolor.disabled:active {
	background: #028ee1
}
.btn-themecolor.disabled:focus {
	background: #028ee1
}
.btn-themecolor.active {
	background: #028ee1
}
.btn-themecolor.disabled.active {
	background: #028ee1
}
/*.btn-success {
	background: #28a745;
	border: 1px solid #26dad2;
	-webkit-box-shadow: 0 2px 2px 0 rgba(40,190,189,.14), 0 3px 1px -2px rgba(40,190,189,.2), 0 1px 5px 0 rgba(40,190,189,.12);
	box-shadow: 0 2px 2px 0 rgba(40,190,189,.14), 0 3px 1px -2px rgba(40,190,189,.2), 0 1px 5px 0 rgba(40,190,189,.12);
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
	color: #fff
}
.btn-success:hover {
	background: #28a745;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	border: 1px solid #26dad2
}
.btn-success:active {
	background: #28a745;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2)
}
.btn-success:active:focus {
	background-color: #1eacbe;
	border: 1px solid #1eacbe
}
.btn-success:active:hover {
	background-color: #1eacbe;
	border: 1px solid #1eacbe
}
.btn-success:focus {
	background: #1eacbe;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	background-color: #1eacbe;
	border: 1px solid #1eacbe
}*/
.btn-success.disabled {
	background: #26dad2;
	border: 1px solid #26dad2;
	-webkit-box-shadow: 0 2px 2px 0 rgba(40,190,189,.14), 0 3px 1px -2px rgba(40,190,189,.2), 0 1px 5px 0 rgba(40,190,189,.12);
	box-shadow: 0 2px 2px 0 rgba(40,190,189,.14), 0 3px 1px -2px rgba(40,190,189,.2), 0 1px 5px 0 rgba(40,190,189,.12);
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in
}
.btn-success.disabled:hover {
	background: #26dad2;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	border: 1px solid #26dad2
}
.btn-success.disabled:active {
	background: #1eacbe;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2)
}
.btn-success.disabled:focus {
	background: #1eacbe;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2)
}
.btn-success.active {
	background: #1eacbe;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2)
}
.btn-success.active:focus {
	background-color: #1eacbe;
	border: 1px solid #1eacbe
}
.btn-success.active:hover {
	background-color: #1eacbe;
	border: 1px solid #1eacbe
}
.btn-success.disabled.active {
	background: #1eacbe;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2)
}
.btn-info {
	background: #1976d2;
	border: 1px solid #1976d2;
	-webkit-box-shadow: 0 2px 2px 0 rgba(66,165,245,.14), 0 3px 1px -2px rgba(66,165,245,.2), 0 1px 5px 0 rgba(66,165,245,.12);
	box-shadow: 0 2px 2px 0 rgba(66,165,245,.14), 0 3px 1px -2px rgba(66,165,245,.2), 0 1px 5px 0 rgba(66,165,245,.12);
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
	color: #fff
}
.btn-info:hover {
	background: #1976d2;
	border: 1px solid #1976d2;
	-webkit-box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2);
	box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2)
}
.btn-info:active {
	background: #028ee1;
	-webkit-box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2);
	box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2)
}
.btn-info:active:focus {
	background-color: #028ee1;
	border: 1px solid #028ee1
}
.btn-info:active:hover {
	background-color: #028ee1;
	border: 1px solid #028ee1
}
.btn-info:focus {
	background: #028ee1;
	-webkit-box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2);
	box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2);
	background-color: #028ee1;
	border: 1px solid #028ee1
}
.btn-info.disabled {
	background: #1976d2;
	border: 1px solid #1976d2;
	-webkit-box-shadow: 0 2px 2px 0 rgba(66,165,245,.14), 0 3px 1px -2px rgba(66,165,245,.2), 0 1px 5px 0 rgba(66,165,245,.12);
	box-shadow: 0 2px 2px 0 rgba(66,165,245,.14), 0 3px 1px -2px rgba(66,165,245,.2), 0 1px 5px 0 rgba(66,165,245,.12);
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in
}
.btn-info.disabled:hover {
	background: #1976d2;
	border: 1px solid #1976d2;
	-webkit-box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2);
	box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2)
}
.btn-info.disabled:active {
	background: #028ee1;
	-webkit-box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2);
	box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2)
}
.btn-info.disabled:focus {
	background: #028ee1;
	-webkit-box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2);
	box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2)
}
.btn-info.active {
	background: #028ee1;
	-webkit-box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2);
	box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2)
}
.btn-info.active:focus {
	background-color: #028ee1;
	border: 1px solid #028ee1
}
.btn-info.active:hover {
	background-color: #028ee1;
	border: 1px solid #028ee1
}
.btn-info.disabled.active {
	background: #028ee1;
	-webkit-box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2);
	box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2)
}
.btn-warning {
	background: #ffb22b;
	-webkit-box-shadow: 0 2px 2px 0 rgba(248,194,0,.14), 0 3px 1px -2px rgba(248,194,0,.2), 0 1px 5px 0 rgba(248,194,0,.12);
	box-shadow: 0 2px 2px 0 rgba(248,194,0,.14), 0 3px 1px -2px rgba(248,194,0,.2), 0 1px 5px 0 rgba(248,194,0,.12);
	border: 1px solid #ffb22b;
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
	color: #fff
}
.btn-warning:hover {
	background: #ffb22b;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	border: 1px solid #ffb22b
}
.btn-warning:active {
	background: #e9ab2e;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2)
}
.btn-warning:active:focus {
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e
}
.btn-warning:active:hover {
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e
}
.btn-warning:focus {
	background: #e9ab2e;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e
}
.btn-warning.disabled {
	background: #ffb22b;
	-webkit-box-shadow: 0 2px 2px 0 rgba(248,194,0,.14), 0 3px 1px -2px rgba(248,194,0,.2), 0 1px 5px 0 rgba(248,194,0,.12);
	box-shadow: 0 2px 2px 0 rgba(248,194,0,.14), 0 3px 1px -2px rgba(248,194,0,.2), 0 1px 5px 0 rgba(248,194,0,.12);
	border: 1px solid #ffb22b;
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
	color: #fff
}
.btn-warning.disabled:hover {
	background: #ffb22b;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	border: 1px solid #ffb22b
}
.btn-warning.disabled:active {
	background: #e9ab2e;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2)
}
.btn-warning.disabled:focus {
	background: #e9ab2e;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2)
}
.btn-warning.active {
	background: #e9ab2e;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2)
}
.btn-warning.active:focus {
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e
}
.btn-warning.active:hover {
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e
}
.btn-warning.disabled.active {
	background: #e9ab2e;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2)
}
.btn-danger {
	background: #ef5350;
	border: 1px solid #ef5350;
	-webkit-box-shadow: 0 2px 2px 0 rgba(239,83,80,.14), 0 3px 1px -2px rgba(239,83,80,.2), 0 1px 5px 0 rgba(239,83,80,.12);
	box-shadow: 0 2px 2px 0 rgba(239,83,80,.14), 0 3px 1px -2px rgba(239,83,80,.2), 0 1px 5px 0 rgba(239,83,80,.12);
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in;
	color: #fff
}
.btn-danger:hover {
	background: #ef5350;
	-webkit-box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	border: 1px solid #ef5350
}
.btn-danger:active {
	background: #e6294b;
	-webkit-box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2)
}
.btn-danger:active:focus {
	background-color: #e6294b;
	border: 1px solid #e6294b
}
.btn-danger:active:hover {
	background-color: #e6294b;
	border: 1px solid #e6294b
}
.btn-danger:focus {
	background: #e6294b;
	-webkit-box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	background-color: #e6294b;
	border: 1px solid #e6294b
}
.btn-danger.disabled {
	background: #ef5350;
	border: 1px solid #ef5350;
	-webkit-box-shadow: 0 2px 2px 0 rgba(239,83,80,.14), 0 3px 1px -2px rgba(239,83,80,.2), 0 1px 5px 0 rgba(239,83,80,.12);
	box-shadow: 0 2px 2px 0 rgba(239,83,80,.14), 0 3px 1px -2px rgba(239,83,80,.2), 0 1px 5px 0 rgba(239,83,80,.12);
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in
}
.btn-danger.disabled:hover {
	background: #ef5350;
	-webkit-box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	border: 1px solid #ef5350
}
.btn-danger.disabled:active {
	background: #e6294b;
	-webkit-box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2)
}
.btn-danger.disabled:focus {
	background: #e6294b;
	-webkit-box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2)
}
.btn-danger.active {
	background: #e6294b;
	-webkit-box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2)
}
.btn-danger.active:focus {
	background-color: #e6294b;
	border: 1px solid #e6294b
}
.btn-danger.active:hover {
	background-color: #e6294b;
	border: 1px solid #e6294b
}
.btn-danger.disabled.active {
	background: #e6294b;
	-webkit-box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2)
}
.btn-inverse {
	background: #2f3d4a;
	border: 1px solid #2f3d4a;
	color: #fff
}
.btn-inverse:hover {
	background: #2f3d4a;
	opacity: .7;
	color: #fff;
	border: 1px solid #2f3d4a;
	background-color: #232a37;
	border: 1px solid #232a37
}
.btn-inverse:active {
	background: #232a37;
	color: #fff;
	background-color: #232a37;
	border: 1px solid #232a37
}
.btn-inverse:focus {
	background: #232a37;
	color: #fff;
	background-color: #232a37;
	border: 1px solid #232a37
}
.btn-inverse.disabled {
	background: #2f3d4a;
	border: 1px solid #2f3d4a;
	color: #fff
}
.btn-inverse.disabled:hover {
	background: #2f3d4a;
	opacity: .7;
	color: #fff;
	border: 1px solid #2f3d4a
}
.btn-inverse.disabled:active {
	background: #232a37;
	color: #fff
}
.btn-inverse.disabled:focus {
	background: #232a37;
	color: #fff
}
.btn-inverse.active {
	background: #232a37;
	color: #fff;
	background-color: #232a37;
	border: 1px solid #232a37
}
.btn-inverse.disabled.active {
	background: #232a37;
	color: #fff
}
.btn-red {
	background: #fb3a3a;
	border: 1px solid #fb3a3a;
	color: #fff
}
.btn-red:hover {
	opacity: .7;
	border: 1px solid #fb3a3a;
	background: #fb3a3a;
	background-color: #d61f1f;
	border: 1px solid #d61f1f;
	color: #fff
}
.btn-red:active {
	background: #e6294b;
	background-color: #d61f1f;
	border: 1px solid #d61f1f;
	color: #fff
}
.btn-red:focus {
	background: #e6294b;
	background-color: #d61f1f;
	border: 1px solid #d61f1f;
	color: #fff
}
.btn-red.disabled {
	background: #fb3a3a;
	border: 1px solid #fb3a3a;
	color: #fff
}
.btn-red.disabled:hover {
	opacity: .7;
	border: 1px solid #fb3a3a;
	background: #fb3a3a
}
.btn-red.disabled:active {
	background: #e6294b
}
.btn-red.disabled:focus {
	background: #e6294b
}
.btn-red.active {
	background: #e6294b;
	background-color: #d61f1f;
	border: 1px solid #d61f1f;
	color: #fff
}
.btn-red.disabled.active {
	background: #e6294b
}
.btn-outline-secondary {
	background-color: #fff;
	-webkit-box-shadow: 0 2px 2px 0 rgba(169,169,169,.14), 0 3px 1px -2px rgba(169,169,169,.2), 0 1px 5px 0 rgba(169,169,169,.12);
	box-shadow: 0 2px 2px 0 rgba(169,169,169,.14), 0 3px 1px -2px rgba(169,169,169,.2), 0 1px 5px 0 rgba(169,169,169,.12);
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in
}
.btn-outline-secondary:focus {
	-webkit-box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2);
	box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2)
}
.btn-outline-secondary:hover {
	-webkit-box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2);
	box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2)
}
.btn-outline-secondary:active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2);
	box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2)
}
.btn-outline-secondary.focus {
	-webkit-box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2);
	box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2)
}
.btn-outline-secondary.active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2);
	box-shadow: 0 14px 26px -12px rgba(169,169,169,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(169,169,169,.2)
}
.btn-outline-primary {
	color: #5c4ac7;
	background-color: #fff;
	border-color: #5c4ac7;
	-webkit-box-shadow: 0 2px 2px 0 rgba(116,96,238,.14), 0 3px 1px -2px rgba(116,96,238,.2), 0 1px 5px 0 rgba(116,96,238,.12);
	box-shadow: 0 2px 2px 0 rgba(116,96,238,.14), 0 3px 1px -2px rgba(116,96,238,.2), 0 1px 5px 0 rgba(116,96,238,.12);
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in
}
.btn-outline-primary:focus {
	background: #5c4ac7;
	color: #fff;
	border-color: #5c4ac7;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	background: #6352ce
}
.btn-outline-primary:hover {
	background: #5c4ac7;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	color: #fff;
	border-color: #5c4ac7
}
.btn-outline-primary:active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	background: #6352ce
}
.btn-outline-primary.focus {
	background: #5c4ac7;
	-webkit-box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	color: #fff;
	border-color: #5c4ac7
}
.btn-outline-primary.active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	box-shadow: 0 14px 26px -12px rgba(116,96,238,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(116,96,238,.2);
	background: #6352ce
}
.btn-outline-success {
	color: #26dad2;
	background-color: transparent;
	border-color: #26dad2;
	-webkit-box-shadow: 0 2px 2px 0 rgba(40,190,189,.14), 0 3px 1px -2px rgba(40,190,189,.2), 0 1px 5px 0 rgba(40,190,189,.12);
	box-shadow: 0 2px 2px 0 rgba(40,190,189,.14), 0 3px 1px -2px rgba(40,190,189,.2), 0 1px 5px 0 rgba(40,190,189,.12);
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in
}
.btn-outline-success:focus {
	background: #26dad2;
	border-color: #26dad2;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	background: #1eacbe
}
.btn-outline-success:hover {
	background: #26dad2;
	border-color: #26dad2;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2)
}
.btn-outline-success:active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	background: #1eacbe
}
.btn-outline-success.focus {
	background: #26dad2;
	border-color: #26dad2;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2)
}
.btn-outline-success.active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	box-shadow: 0 14px 26px -12px rgba(40,190,189,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(40,190,189,.2);
	background: #1eacbe
}
.btn-outline-info {
	color: #1976d2;
	background-color: transparent;
	border-color: #1976d2;
	-webkit-box-shadow: 0 2px 2px 0 rgba(66,165,245,.14), 0 3px 1px -2px rgba(66,165,245,.2), 0 1px 5px 0 rgba(66,165,245,.12);
	box-shadow: 0 2px 2px 0 rgba(66,165,245,.14), 0 3px 1px -2px rgba(66,165,245,.2), 0 1px 5px 0 rgba(66,165,245,.12);
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in
}
.btn-outline-info:focus {
	background: #1976d2;
	border-color: #1976d2;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2);
	box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2);
	background: #028ee1
}
.btn-outline-info:hover {
	background: #1976d2;
	border-color: #1976d2;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2);
	box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2)
}
.btn-outline-info:active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2);
	box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2);
	background: #028ee1
}
.btn-outline-info.focus {
	background: #1976d2;
	border-color: #1976d2;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2);
	box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2)
}
.btn-outline-info.active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2);
	box-shadow: 0 14px 26px -12px rgba(23,105,255,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(23,105,255,.2);
	background: #028ee1
}
.btn-outline-warning {
	color: #ffb22b;
	background-color: transparent;
	border-color: #ffb22b;
	-webkit-box-shadow: 0 2px 2px 0 rgba(248,194,0,.14), 0 3px 1px -2px rgba(248,194,0,.2), 0 1px 5px 0 rgba(248,194,0,.12);
	box-shadow: 0 2px 2px 0 rgba(248,194,0,.14), 0 3px 1px -2px rgba(248,194,0,.2), 0 1px 5px 0 rgba(248,194,0,.12);
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in
}
.btn-outline-warning:focus {
	background: #ffb22b;
	border-color: #ffb22b;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	background: #e9ab2e
}
.btn-outline-warning:hover {
	background: #ffb22b;
	border-color: #ffb22b;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2)
}
.btn-outline-warning:active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	background: #e9ab2e
}
.btn-outline-warning.focus {
	background: #ffb22b;
	border-color: #ffb22b;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2)
}
.btn-outline-warning.active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	box-shadow: 0 14px 26px -12px rgba(248,194,0,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(248,194,0,.2);
	background: #e9ab2e
}
.btn-outline-danger {
	color: #ef5350;
	background-color: transparent;
	border-color: #ef5350;
	-webkit-box-shadow: 0 2px 2px 0 rgba(239,83,80,.14), 0 3px 1px -2px rgba(239,83,80,.2), 0 1px 5px 0 rgba(239,83,80,.12);
	box-shadow: 0 2px 2px 0 rgba(239,83,80,.14), 0 3px 1px -2px rgba(239,83,80,.2), 0 1px 5px 0 rgba(239,83,80,.12);
	-webkit-transition: .2s ease-in;
	-o-transition: .2s ease-in;
	transition: .2s ease-in
}
.btn-outline-danger:focus {
	background: #ef5350;
	border-color: #ef5350;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	background: #e6294b
}
.btn-outline-danger:hover {
	background: #ef5350;
	border-color: #ef5350;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2)
}
.btn-outline-danger:active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	background: #e6294b
}
.btn-outline-danger.focus {
	background: #ef5350;
	border-color: #ef5350;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2)
}
.btn-outline-danger.active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	background: #e6294b
}
.btn-outline-red {
	color: #fb3a3a;
	background-color: transparent;
	border-color: #fb3a3a
}
.btn-outline-red:focus {
	background: #fb3a3a;
	border-color: #fb3a3a;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	background: #e6294b
}
.btn-outline-red:hover {
	background: #fb3a3a;
	border-color: #fb3a3a;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2)
}
.btn-outline-red:active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	background: #e6294b
}
.btn-outline-red.focus {
	background: #fb3a3a;
	border-color: #fb3a3a;
	color: #fff;
	-webkit-box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2)
}
.btn-outline-red.active {
	-webkit-box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	box-shadow: 0 14px 26px -12px rgba(239,83,80,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(239,83,80,.2);
	background: #e6294b
}
.btn-outline-inverse {
	color: #2f3d4a;
	background-color: transparent;
	border-color: #2f3d4a
}
.btn-outline-inverse:focus {
	background: #2f3d4a;
	border-color: #2f3d4a;
	color: #fff
}
.btn-outline-inverse:hover {
	background: #2f3d4a;
	border-color: #2f3d4a;
	color: #fff
}
.btn-outline-inverse.focus {
	background: #2f3d4a;
	border-color: #2f3d4a;
	color: #fff
}
.btn-primary.active.focus {
	background-color: #6352ce;
	border: 1px solid #6352ce
}
.btn-primary.focus {
	background-color: #6352ce;
	border: 1px solid #6352ce
}
.btn-primary.focus:active {
	background-color: #6352ce;
	border: 1px solid #6352ce
}
.open>.dropdown-toggle.btn-primary.focus {
	background-color: #6352ce;
	border: 1px solid #6352ce
}
.open>.dropdown-toggle.btn-primary:focus {
	background-color: #6352ce;
	border: 1px solid #6352ce
}
.open>.dropdown-toggle.btn-primary:hover {
	background-color: #6352ce;
	border: 1px solid #6352ce
}
.open>.dropdown-toggle.btn-success.focus {
	background-color: #1eacbe;
	border: 1px solid #1eacbe
}
.open>.dropdown-toggle.btn-success:focus {
	background-color: #1eacbe;
	border: 1px solid #1eacbe
}
.open>.dropdown-toggle.btn-success:hover {
	background-color: #1eacbe;
	border: 1px solid #1eacbe
}
.open>.dropdown-toggle.btn-info.focus {
	background-color: #028ee1;
	border: 1px solid #028ee1
}
.open>.dropdown-toggle.btn-info:focus {
	background-color: #028ee1;
	border: 1px solid #028ee1
}
.open>.dropdown-toggle.btn-info:hover {
	background-color: #028ee1;
	border: 1px solid #028ee1
}
.open>.dropdown-toggle.btn-warning.focus {
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e
}
.open>.dropdown-toggle.btn-warning:focus {
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e
}
.open>.dropdown-toggle.btn-warning:hover {
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e
}
.open>.dropdown-toggle.btn-danger.focus {
	background-color: #e6294b;
	border: 1px solid #e6294b
}
.open>.dropdown-toggle.btn-danger:focus {
	background-color: #e6294b;
	border: 1px solid #e6294b
}
.open>.dropdown-toggle.btn-danger:hover {
	background-color: #e6294b;
	border: 1px solid #e6294b
}
.open>.dropdown-toggle.btn-inverse {
	background-color: #232a37;
	border: 1px solid #232a37
}
.open>.dropdown-toggle.btn-red {
	background-color: #d61f1f;
	border: 1px solid #d61f1f;
	color: #fff
}
.btn-success.active.focus {
	background-color: #1eacbe;
	border: 1px solid #1eacbe
}
.btn-success.focus {
	background-color: #1eacbe;
	border: 1px solid #1eacbe
}
.btn-success.focus:active {
	background-color: #1eacbe;
	border: 1px solid #1eacbe
}
.btn-info.active.focus {
	background-color: #028ee1;
	border: 1px solid #028ee1
}
.btn-info.focus {
	background-color: #028ee1;
	border: 1px solid #028ee1
}
.btn-info.focus:active {
	background-color: #028ee1;
	border: 1px solid #028ee1
}
.btn-warning.active.focus {
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e
}
.btn-warning.focus {
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e
}
.btn-warning.focus:active {
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e
}
.btn-danger.active.focus {
	background-color: #e6294b;
	border: 1px solid #e6294b
}
.btn-danger.focus {
	background-color: #e6294b;
	border: 1px solid #e6294b
}
.btn-danger.focus:active {
	background-color: #e6294b;
	border: 1px solid #e6294b
}
.btn-inverse.focus {
	background-color: #232a37;
	border: 1px solid #232a37
}
.btn-red.focus {
	background-color: #d61f1f;
	border: 1px solid #d61f1f;
	color: #fff
}
.button-box .btn {
	margin: 0 8px 8px 0
}
.btn-label {
	background: rgba(0,0,0,.05);
	display: inline-block;
	margin: -6px 12px -6px -14px;
	padding: 7px 15px
}
.btn-facebook {
	color: #fff;
	background-color: #3b5998
}
.btn-twitter {
	color: #fff;
	background-color: #55acee
}
.btn-linkedin {
	color: #fff;
	background-color: #007bb6
}
.btn-dribbble {
	color: #fff;
	background-color: #ea4c89
}
.btn-googleplus {
	color: #fff;
	background-color: #dd4b39
}
.btn-instagram {
	color: #fff;
	background-color: #3f729b
}
.btn-pinterest {
	color: #fff;
	background-color: #cb2027
}
.btn-dropbox {
	color: #fff;
	background-color: #007ee5
}
.btn-flickr {
	color: #fff;
	background-color: #ff0084
}
.btn-tumblr {
	color: #fff;
	background-color: #32506d
}
.btn-skype {
	color: #fff;
	background-color: #00aff0
}
.btn-youtube {
	color: #fff;
	background-color: #b00
}
.btn-github {
	color: #fff;
	background-color: #171515
}
.map {
	width: 100%;
	height: 400px
}
.chat-sidebar {
	background-color: #f8f9fa;
	border-left: 1px solid rgba(120,130,140,.13);
	position: fixed;
	right: -240px;
	bottom: 0;
	top: 55px;
	width: 240px;
	z-index: 2;
	-webkit-transition: all .5s ease 0s;
	transition: all .5s ease 0s
}
.chat-sidebar .user-name {
	font-family: roboto, sans-serif
}
.chat-sidebar .content {
	font-family: roboto, sans-serif
}
.chat-sidebar .textarea {
	font-family: roboto, sans-serif
}
.chat-sidebar .seen {
	font-family: roboto, sans-serif
}
.chat-sidebar.is-active {
	right: 0
}
.chat-user-search .input-group-addon {
	background: #fff;
	border-radius: 0;
	border: 0
}
.input-group-addon i {
	position: absolute;
	z-index: 10;
	vertical-align: middle;
	padding: 16px 8px
}
.form-type {
	padding: 0 1.95rem
}
.chat-user-search .form-control {
	border: 0
}
.hidden {
	display: none
}
.form-addon-icon {
	position: absolute;
	right: 35px
}
.chat-widget .chat_window {
	position: relative;
	width: 100%;
	height: 500px;
	border-radius: 10px;
	background-color: #fff;
	background-color: #f8f8f8;
	overflow: hidden
}
.chat-widget .messages {
	position: relative;
	list-style: none;
	padding: 20px 10px 0;
	margin: 0;
	min-height: 350px;
	overflow: scroll
}
.chat-widget .messages .message {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	transition: all .5s linear;
	opacity: 0
}
.chat-widget .messages .message .avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: inline-block
}
.chat-widget .messages .message .text_wrapper {
	display: inline-block;
	padding: 20px;
	border-radius: 6px;
	width: calc(100% - 100px);
	min-width: 100px;
	position: relative
}
.chat-widget .messages .message .text_wrapper .text {
	font-size: 18px;
	font-weight: 300
}
.chat-widget .messages .message .text_wrapper::after {
	top: 18px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 13px;
	margin-top: 0
}
.chat-widget .messages .message .text_wrapper:before {
	top: 18px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}
.chat-widget .messages .message .text_wrapper::before {
	border-width: 15px;
	margin-top: -2px
}
.chat-widget .messages .message.left .text_wrapper::after, .chat-widget .messages .message.left .text_wrapper::before {
	right: 100%;
	border-right-color: #ffe6cb
}
.chat-widget .messages .message.left .avatar {
	background-color: #f5886e;
	float: left
}
.chat-widget .messages .message.left .text_wrapper {
	background-color: #ffe6cb;
	margin-left: 20px
}
.chat-widget .messages .message.left .text {
	color: #c48843
}
.chat-widget .messages .message.right .text_wrapper::after, .chat-widget .messages .message.right .text_wrapper::before {
	left: 100%;
	border-left-color: #c7eafc
}
.chat-widget .messages .message.right .avatar {
	background-color: #fdbf68;
	float: right
}
.chat-widget .messages .message.right .text_wrapper {
	background-color: #c7eafc;
	margin-right: 20px;
	float: right
}
.chat-widget .messages .message.right .text {
	color: #45829b
}
.chat-widget .messages .message.appeared {
	opacity: 1
}
.chat-widget .bottom_wrapper {
	position: relative;
	position: absolute;
	width: 100%;
	background-color: #fff;
	padding: 20px;
	bottom: 0
}
.chat-widget .bottom_wrapper .message_input_wrapper {
	display: inline-block;
	height: 50px;
	border-radius: 25px;
	border: 1px solid #bcbdc0;
	width: calc(100% - 160px);
	position: relative;
	padding: 0 20px
}
.chat-widget .bottom_wrapper .message_input_wrapper .message_input {
	border: 0;
	height: 100%;
	box-sizing: border-box;
	width: calc(100% - 45px);
	position: absolute;
	outline-width: 0;
	color: gray
}
.chat-widget .bottom_wrapper .send_message {
	width: 140px;
	height: 50px;
	display: inline-block;
	border-radius: 50px;
	background-color: #a3d063;
	border: 2px solid #a3d063;
	color: #fff;
	cursor: pointer;
	transition: all .2s linear;
	text-align: center;
	float: right
}
.chat-widget .bottom_wrapper .send_message .text {
	font-size: 18px;
	font-weight: 300;
	display: inline-block;
	line-height: 48px
}
.chat-widget .bottom_wrapper .send_message:hover {
	color: #a3d063;
	background-color: #fff
}
.chat-widget .message_template {
	display: none
}
.testimonial-widget-one .testimonial-content {
	text-align: center
}
.testimonial-widget-one .testimonial-text {
	margin-bottom: 15px
}
.testimonial-widget-one .testimonial-author-position {
	font-family: roboto, sans-serif;
	position: relative;
	top: -5px;
	margin-top: 5px;
	text-align: center;
	font-size: 12px
}
.testimonial-widget-one .testimonial-author {
	padding-top: 15px;
	position: relative;
	top: -5px;
	font-weight: 600;
	color: #fff;
	text-align: center
}
.testimonial-widget-one .testimonial-author-img {
	border-radius: 100px;
	height: 50px!important;
	width: 50px!important;
	margin: 0 auto
}
.weather-one i {
	font-size: 100px;
	position: relative;
	top: 5px;
	color: #fff
}
.weather-one h2 {
	display: inline-block;
	float: right;
	font-size: 48px;
	color: #fff
}
.weather-one .city {
	position: relative;
	text-align: right;
	top: -25px
}
.weather-one .currently {
	font-size: 16px;
	font-weight: 400;
	position: relative;
	top: 25px
}
.weather-one .celcious {
	text-align: right;
	font-size: 20px;
	color: #fff
}
[contenteditable]:hover, [contenteditable]:focus {
	background: #93b5ff
}
.control-bar {
	position: relative;
	z-index: 100;
	background: #4680ff;
	color: #fff;
	padding: 15px;
	margin-bottom: 30px
}
.control-bar .slogan {
	font-weight: 700;
	font-size: 1.2rem;
	display: inline-block;
	margin-right: 2rem
}
.control-bar label {
	margin: 0;
	color: #fff
}
.control-bar a {
	margin: 0;
	padding: .5em 1em;
	background: #fff;
	color: #ddd
}
.control-bar a:hover {
	background: #93b5ff
}
.control-bar input {
	border: 0;
	background: #93b5ff;
	max-width: 30px;
	text-align: center;
	color: #ddd
}
.control-bar input:hover {
	background: #93b5ff
}
.hidetax .taxrelated {
	display: none
}
.showtax .notaxrelated {
	display: none
}
.hidedate .daterelated {
	display: none
}
.showdate .notdaterelated {
	display: none
}
.details input {
	display: inline;
margin:0 0 0 .5rem;
	border: 0;
	width: 55px;
	min-width: 0;
	background: 0 0;
	text-align: left
}
.invoice-edit .rate:before, .invoice-edit .price:before, .invoice-edit .sum:before, .invoice-edit .tax:before, .invoice-edit #total_price:before, .invoice-edit #total_tax:before {
	content: '€'
}
.invoice-edit .me, .invoice-edit .info, .invoice-edit .bank, .invoice-edit .smallme, .invoice-edit .client, .invoice-edit .bill, .invoice-edit .details {
	padding: 15px
}
.invoice-logo img {
	display: block;
	vertical-align: top;
	width: 50px
}
.invoicelist-body {
	margin: 1rem
}
.invoicelist-body table {
	width: 100%
}
.invoicelist-body thead {
	text-align: left;
	border-bottom: 2pt solid #666
}
.invoicelist-body td, .invoicelist-body th {
	position: relative;
	padding: 1rem
}
.invoicelist-body tr:nth-child(even) {
	background: #f8f9fa
}
.invoicelist-body tr:hover .removeRow {
	display: block
}
.invoicelist-body input {
	display: inline;
	margin: 0;
	border: 0;
	width: 80%;
	min-width: 0;
	background: 0 0;
	text-align: left
}
.invoicelist-body .control {
	display: inline-block;
	color: #fff;
	background: #4680ff;
	padding: 3px 7px;
font-size:.9rem;
	text-transform: uppercase;
	cursor: pointer
}
.invoicelist-body .control:hover {
	background: #6092ff
}
.invoicelist-body .newRow {
margin:.5rem 0;
	float: left
}
.invoicelist-body .removeRow {
	display: none;
	position: absolute;
top:.1rem;
bottom:.1rem;
	left: -1.3rem;
font-size:.7rem;
	border-radius: 3px 0 0 3px;
padding:.5rem
}
.invoicelist-footer {
	margin: 1rem
}
.invoicelist-footer table {
	float: right;
	width: 25%
}
.invoicelist-footer table td {
	padding: 1rem 2rem 0 1rem;
	text-align: right
}
.invoicelist-footer table tr:nth-child(2) td {
	padding-top: 0
}
.invoicelist-footer table #total_price {
	font-size: 2rem;
	color: #4680ff
}
.note {
	margin: 75px 15px
}
.hidenote .note {
	display: none
}
.note h2 {
	margin: 0;
	font-size: 12px;
	font-weight: 700
}
.note p {
	font-size: 12px;
	padding: 0 5px
}
footer {
	display: block;
	margin: 1rem 0;
	padding: 1rem 0 0
}
footer p {
	font-size: 12px
}
@media print {
.header, .sidebar, .chat-sidebar, .control, .control-bar {
	display: none!important
}
[contenteditable]:hover, [contenteditable]:focus {
	outline: 0
}
}
#invoice {
	position: relative;
	margin-bottom: 120px;
	background: #fafafa;
	padding: 30px
}
#invoice-table {
	border-bottom: 1px solid rgba(120,130,140,.13);
	padding: 30px 0
}
#invoice-top {
	min-height: 120px
}
#invoice-mid {
	min-height: 120px
}
#invoice-bot {
	min-height: 250px
}
.invoice-logo {
	float: left;
	height: 60px;
	width: 60px;
	background: url(../../../../../../michaeltruong.ca/images/logo1.png) no-repeat;
	background-size: 60px 60px
}
.clientlogo {
	float: left;
	height: 60px;
	width: 60px;
	background: url(http://michaeltruong.ca/images/client.jpg) no-repeat;
	background-size: 60px 60px;
	border-radius: 50px
}
.invoice-info {
	display: block;
	float: left;
	margin-left: 20px
}
.invoice-info h2 {
	color: #444;
	font-size: 14px
}
.invoice-info p {
	font-size: 12px
}
.title {
	float: right
}
.title h4 {
	color: #444;
	text-align: right
}
.title p {
	text-align: right;
	font-size: 12px
}
#project {
	margin-left: 52%
}
#project p {
	font-size: 12px
}
#invoice-table h2 {
	font-size: 18px
}
.tabletitle {
	padding: 5px;
	background: rgba(120,130,140,.13)
}
.service {
	border: 1px solid rgba(120,130,140,.13)
}
.table-item {
	width: 50%
}
.itemtext {
	font-size: .9em
}
#legalcopy {
	margin-top: 30px
}
#legalcopy p {
	font-size: 12px
}
.effect2 {
	position: relative
}
.effect2:before, .effect2:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width: 300px;
	background: #777;
	-webkit-box-shadow: 0 15px 10px #777;
	-moz-box-shadow: 0 15px 10px #777;
	box-shadow: 0 15px 10px #777;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg)
}
.effect2:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto
}
.legal {
	width: 70%
}
@media(max-width:480px) {
.control-bar {
	padding: 15px 15px 40px
}
}
@media(max-width:360px) {
.notaxrelated {
	margin-top: 15px
}
}
.stat-widget-one .stat-icon {
	vertical-align: top
}
.stat-widget-one .stat-icon i {
	font-size: 30px;
	border-width: 3px;
	border-style: solid;
	border-radius: 100px;
	padding: 15px;
	font-weight: 900;
	display: inline-block
}
.stat-widget-one .stat-content {
	margin-left: 4px;
	margin-top: 7px
}
.stat-widget-one .stat-text {
	font-size: 14px;
	color: #607d8b
}
.stat-widget-one .stat-digit {
	font-size: 24px;
	color: #ddd
}
.stat-widget-two {
	text-align: center
}
.stat-widget-two .stat-digit {
	font-size: 40px;
	font-weight: 700;
	color: #ddd
}
.stat-widget-two .stat-text {
	font-size: 17px;
	margin-bottom: 5px;
	color: #607d8b
}
.stat-widget-two .progress {
	height: 8px;
	margin-bottom: 0;
	margin-top: 20px;
	box-shadow: none
}
.stat-widget-two .progress-bar {
	box-shadow: none
}
.stat-widget-three .stat-icon {
	display: inline-block;
	padding: 33px;
	position: absolute;
	line-height: 21px
}
.stat-widget-three .stat-icon i {
	font-size: 30px;
	color: #fff
}
.stat-widget-three .stat-content {
	text-align: center;
	padding: 13px;
	margin-left: 90px
}
.stat-widget-three .stat-digit {
	font-size: 30px
}
.stat-widget-three .stat-text {
	padding-top: 7px
}
.home-widget-three .stat-icon {
	line-height: 19px;
	padding: 27px
}
.home-widget-three .stat-digit {
	font-size: 24px;
	font-weight: 300;
	color: #ddd
}
.home-widget-three .stat-content {
	text-align: center;
	margin-left: 60px;
	padding: 13px
}
.stat-widget-four {
	position: relative
}
.stat-widget-four .stat-icon {
	display: inline-block;
	position: absolute;
	top: 5px
}
.stat-widget-four i {
	display: block;
	font-size: 36px
}
.stat-widget-four .stat-content {
	margin-left: 40px;
	text-align: center
}
.stat-widget-four .stat-heading {
	font-size: 17px
}
.stat-widget-five .stat-icon {
	border-radius: 100px;
	display: inline-block;
	position: absolute
}
.stat-widget-five i {
	border-radius: 100px;
	display: block;
	font-size: 36px;
	padding: 30px
}
.stat-widget-five .stat-content {
	margin-left: 100px;
	padding: 24px 0;
	position: relative;
	text-align: right;
	vertical-align: middle
}
.stat-widget-five .stat-heading {
	text-align: right;
	font-size: 18px;
	font-weight: 400
}
@media(max-width:1200px) {
.stat-widget-five .stat-heading {
	font-size: 14px
}
}
.stat-widget-six {
	position: relative
}
.stat-widget-six .stat-icon {
	display: inline-block;
	position: absolute;
	top: 5px
}
.stat-widget-six i {
	display: block;
	font-size: 36px
}
.stat-widget-six .stat-content {
	margin-left: 40px;
	text-align: center
}
.stat-widget-six .stat-heading {
	font-size: 16px;
	font-weight: 300
}
.stat-widget-six .stat-text {
	font-size: 12px;
	padding-top: 4px
}
.stat-widget-seven {
	position: relative
}
.stat-widget-seven .cc {
	font-size: 42px;
	line-height: 40px
}
.stat-widget-seven h2 {
	display: inline-block;
	margin-left: 7px;
	color: #fff
}
.stat-widget-seven h3 {
	display: inline-block;
	color: #454545;
	font-weight: 400
}
.recent-comment .media {
	border-bottom: 1px solid rgba(120,130,140,.13);
	padding-bottom: 10px;
	padding-top: 10px
}
.recent-comment .media-left {
	padding-right: 25px
}
.recent-comment .media-left img {
	border-radius: 100px;
	width: 40px
}
.recent-comment .media-body {
	position: relative
}
.recent-comment .media-body h4 {
	font-size: 16px;
	margin-bottom: 10px
}
.recent-comment .media-body p {
	margin-bottom: 10px;
	line-height: 16px;
	color: #607d8b
}
.recent-comment .comment-date {
	position: absolute;
	right: 0;
	top: 0;
	color: #ddd;
	font-family: roboto, sans-serif;
	font-size: 12px
}
.comment-action {
	float: left
}
.comment-action .badge {
	text-transform: uppercase;
	font-family: roboto, sans-serif
}
.comment-action i {
	padding: 0 5px
}
.recent-meaasge {
	margin-top: 15px
}
.recent-meaasge .media {
	border-bottom: 1px solid rgba(120,130,140,.13);
	padding-top: 10px;
	padding-bottom: 10px
}
.recent-meaasge .media-left {
	padding-right: 25px
}
.recent-meaasge .media-left img {
	border-radius: 100px
}
.recent-meaasge .media-body {
	position: relative
}
.recent-meaasge .media-body h4 {
	font-size: 16px
}
.recent-meaasge .media-body p {
	margin-top: 10px;
	margin-bottom: 10px
}
.meaasge-date {
	float: right;
	color: #ddd;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 12px
}
.form-group {
	margin-bottom: 20px
}
.form-control {
	height: 44px;
	border-radius: 0;
	box-shadow: none;
	border: 1px solid rgba(120,130,140,.13);
	font-family: roboto, sans-serif;
	background: #fafafa;
	color: #000
}
.form-control:hover {
	box-shadow: none;
	border: 1px solid rgba(120,130,140,.13);
	background: #fafafa;
	color: #000
}
.form-control.active, .form-control:focus {
	box-shadow: none;
	border: 1px solid rgba(120,130,140,.13);
	background: #fafafa;
	color: #000
}
.input-default {
	border-radius: 4px
}
.input-flat {
	border-radius: 0
}
.input-rounded {
	border-radius: 100px
}
.input-focus {
	border-color: #4680ff
}
.input-focus:focus {
	border-color: #4680ff
}
.input-group-btn .btn {
	padding: 10px 12px
}
.input-group-default .form-control {
	border-radius: 4px
}
.input-group-flat .form-control {
	border-radius: 4px
}
.input-group-flat .btn {
	border-radius: 0
}
.input-group-rounded .form-control {
	border-radius: 100px
}
.input-group-rounded .btn-group-left {
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px
}
.input-group-rounded .btn-group-right {
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px
}
.input-group-close-icon {
	background: 0 0;
	color: #000;
	border-color: rgba(120,130,140,.13)
}
.input-group-close-icon.active, .input-group-close-icon:focus, .input-group-close-icon:hover {
	background: 0 0;
	border-color: rgba(120,130,140,.13);
	color: #000
}
.has-default .form-control.active, .has-error .form-control.active, .has-success .form-control.active, .has-warning .form-control.active, .has-default .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .has-default .form-control:hover, .has-error .form-control:hover, .has-success .form-control:hover, .has-warning .form-control:hover {
	box-shadow: none
}
.has-default .control-label {
	color: #ddd
}
.has-default .form-control {
	border-color: #ddd
}
.has-default .form-control.active, .has-default .form-control:focus, .has-default .form-control:hover {
	border-color: #ddd
}
.has-success .control-label {
	color: #4caf50
}
.has-success .form-control {
	border-color: #4caf50
}
.has-success .form-control.active, .has-success .form-control:focus, .has-success .form-control:hover {
	border-color: #4caf50
}
.has-warning .control-label {
	color: #ffc107
}
.has-warning .form-control {
	border-color: #ffc107
}
.has-warning .form-control.active, .has-warning .form-control:focus, .has-warning .form-control:hover {
	border-color: #ffc107
}
.has-error .control-label {
	color: #ff5722
}
.has-error .form-control {
	border-color: #ff5722
}
.has-error .form-control.active, .has-error .form-control:focus, .has-error .form-control:hover {
	border-color: #ff5722
}
.has-feedback label~.form-control-feedback {
	top: 35px
}
.form-horizontal .has-feedback .form-control-feedback {
	top: 5px
}
.has-success .form-control-feedback {
	color: #4caf50
}
.has-warning .form-control-feedback {
	color: #ffc107
}
.has-error .form-control-feedback {
	color: #ff5722
}
.has-success .input-group-addon {
	background-color: #a3d7a5;
	border-color: #4caf50;
	color: #4caf50
}
.has-warning .input-group-addon {
	background-color: #ffe186;
	border-color: #ffc107;
	color: #ffc107
}
.has-error .input-group-addon {
	background-color: #ffb8a2;
	border-color: #ff5722;
	color: #ff5722
}
.input-sm {
	font-size: 12px;
	height: 30px;
	line-height: 1.5
}
.input-lg {
	font-size: 18px;
	height: 46px;
	line-height: 1.33333
}
label {
	font-weight: 400;
	margin-bottom: 10px
}
.form-horizontal .control-label {
	padding: 12px 0 0
}
.form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0
}
.dropdown-menu li {
	font-size: 14px;
	padding: 5px 15px
}
.form-control:disabled, .form-control[readonly] {
	background-color: #fafafa;
	opacity: 1
}
.is-invalid .form-control {
	border-color: #ff5722
}
.invalid-feedback {
	color: #ef5350;
	display: none;
margin-top:.25rem
}
.is-invalid .invalid-feedback, .is-invalid .invalid-tooltip {
	display: block
}
.message-list {
	display: block;
	padding-left: 0
}
.message-list li {
	position: relative;
	display: block;
	line-height: 50px;
	cursor: default;
	transition-duration: .3s;
	border-bottom: 1px solid #e6e9f1
}
.message-list li .subject {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.message-list li .content {
	font-weight: 400;
	line-height: 1;
	margin-bottom: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.text-nowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: calc(100% - 100px);
	display: inline-block
}
@media(max-width:1200px) {
.message-list li .subject {
	line-height: 1;
	margin-bottom: 10px
}
.message-list li .subject, .message-list li .content {
	margin-left: 55px
}
}
.message-list li a {
	color: #777
}
.message-list li:hover {
	background: rgba(152,166,173,.15);
	transition-duration: .05s
}
.message-list li .col-mail {
	float: left;
	position: relative
}
.message-list li .col-mail-1 {
	width: 320px
}
.message-list li .col-mail-1 .star-toggle {
	display: block;
	float: left;
	margin-top: 18px;
	font-size: 16px;
	margin-left: 5px
}
.message-list li .checkbox-wrapper-mail {
	display: block;
	float: left;
	margin: 18px 0 0 20px
}
.message-list li .dot {
	display: block;
	float: left;
	border: 4px solid transparent;
	border-radius: 100px;
	margin: 22px 26px 0;
	height: 0;
	width: 0;
	line-height: 0;
	font-size: 0
}
.message-list li .col-mail-1 .title {
	position: absolute;
	left: 110px;
	right: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
.message-list li .col-mail-2 {
	position: absolute;
	top: 0;
	left: 320px;
	right: 0;
	bottom: 0
}
.message-list li .col-mail-2 .subject {
	position: absolute;
	top: 0;
	left: 0;
	right: 200px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}
.message-list li .col-mail-2 .date {
	position: absolute;
	top: 0;
	right: 0;
	width: 170px;
	padding-left: 80px
}
.message-list li.active {
	background: rgba(152,166,173,.15);
	transition-duration: .05s;
	box-shadow: inset 3px 0 0 #3c86d8
}
.message-list li.active:hover {
	box-shadow: inset 3px 0 0 #3c86d8
}
.message-list li.selected {
	background: rgba(152,166,173,.15);
	transition-duration: .05s
}
.message-list li.unread a {
	font-weight: 600;
	color: #555!important
}
.message-list li.blue-dot .col-mail-1 .dot {
	border-color: #5d6dc3
}
.message-list li.orange-dot .col-mail-1 .dot {
	border-color: #f9bc0b
}
.message-list li.green-dot .col-mail-1 .dot {
	border-color: #3ec396
}
.message-list .checkbox-wrapper-mail {
	cursor: pointer;
	height: 16px;
	width: 16px;
	position: relative;
	display: inline-block;
	box-shadow: inset 0 0 0 1px #98a6ad;
	border-radius: 1px
}
.message-list .checkbox-wrapper-mail input {
	opacity: 0;
	cursor: pointer
}
.message-list .checkbox-wrapper-mail input:checked label {
	opacity: 1
}
.message-list .checkbox-wrapper-mail label {
	position: absolute;
	top: 3px;
	left: 3px;
	right: 3px;
	bottom: 3px;
	cursor: pointer;
	background: #98a6ad;
	opacity: 0;
	margin-bottom: 0!important;
	transition-duration: .05s
}
.message-list .checkbox-wrapper-mail label:active {
	background: #87949b
}
.inbox-content h5 {
	line-height: 1.7
}
.inbox-content p {
	line-height: 1.7
}
.inbox-content .img-thumbnail {
	max-width: 100px;
	margin-right: 10px
}
.mail-list a {
	font-family: roboto, sans-serif;
	color: #797979;
	background: 0 0;
	padding: 10px 15px;
	display: block
}
.email-avatar {
	margin: 0 10px
}
.email-avatar img {
	border-radius: 50%;
	max-width: 30px
}
.mail-list a.active {
	background: #fff3f0;
	border-left: 2px solid #ff5722!important;
	border-radius: 0
}
@media(max-width:520px) {
.message-list li .col-mail-1 {
	width: 150px
}
.message-list li .col-mail-1 .title {
	left: 80px
}
.message-list li .col-mail-2 {
	left: 160px
}
.message-list li .col-mail-2 .date {
	text-align: right;
	padding-right: 10px;
	padding-left: 20px
}
}
.progress-bar {
	background-color: #4680ff
}
.progress-bar-primary {
	background-color: #4680ff
}
.progress-bar-success {
	background-color: #4caf50
}
.progress-bar-info {
	background-color: #17a2b8
}
.progress-bar-danger {
	background-color: #ff5722
}
.progress-bar-warning {
	background-color: #ffc107
}
.progress-bar-pink {
	background-color: #e91e63
}
.progress {
	height: 6px
}
.progress-bar.active, .progress.active .progress-bar {
	animation: 2s linear 0s normal none infinite running progress-bar-stripes
}
.progress-vertical {
	display: inline-block;
	height: 250px;
	margin-bottom: 0;
	margin-right: 20px;
	min-height: 250px;
	position: relative
}
.progress-vertical-bottom {
	display: inline-block;
	height: 250px;
	margin-bottom: 0;
	margin-right: 20px;
	min-height: 250px;
	position: relative;
	transform: rotate(180deg)
}
.progress-animated {
	animation-duration: 5s;
	animation-name: myanimation;
	transition: all 5s ease 0s
}
@keyframes myanimation {
0% {
width:0
}
}
@keyframes myanimation {
0% {
width:0
}
}
.browser .progress {
	height: 8px
}
.tdl-holder {
	margin: 0 auto
}
.tdl-holder ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.tdl-holder li {
	background-color: transparent;
	list-style: outside none none;
	margin: 0
}
.tdl-holder li span {
	margin: 0 30px;
	font-family: roboto, sans-serif;
	vertical-align: middle;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear
}
.tdl-holder label {
	cursor: pointer;
	display: block;
	line-height: 45px;
	padding: 0 15px;
	position: relative;
	margin: 0!important
}
.tdl-holder label:hover {
	background-color: #f8f9fa;
	color: #607d8b
}
.tdl-holder label:hover a {
	display: block
}
.tdl-holder label a {
	border-radius: 50%;
	color: #607d8b;
	display: none;
	right: 10px;
	top: 0;
	position: absolute;
	font-weight: 700;
	line-height: normal;
	height: 16px;
	margin-top: 15px;
	text-align: center;
	text-decoration: none;
	width: 16px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear
}
.tdl-holder input[type=checkbox] {
	cursor: pointer;
	opacity: 0;
	position: absolute
}
.tdl-holder input[type=checkbox]+i {
	background-color: #fff;
	display: block;
	height: 18px;
	position: absolute;
	top: 15px;
	width: 18px;
	z-index: 1
}
.tdl-holder input[type=checkbox]:checked+i::after {
	content: "\e64c";
	font-family: themify;
	display: block;
	left: 0;
	position: absolute;
	top: -17px;
	z-index: 2
}
.tdl-holder input[type=checkbox]:checked~span {
	text-decoration: line-through
}
.tdl-holder input[type=text] {
	height: 60px;
	margin-top: 20px;
	font-size: 14px
}
.datamap-sales-hover-tooltip {
	background: #6a707e;
	font-family: roboto, sans-serif;
	padding: 5px 10px;
	color: #fff;
	font-weight: 400;
	font-size: 12px;
	text-transform: capitalize;
	border-radius: 3px
}
thead tr th {
	font-weight: 500
}
thead tr th:last-child {
	text-align: right
}
tbody tr th {
	color: #ddd;
	font-family: roboto, sans-serif;
	font-weight: 400
}
tbody tr td {
	font-family: roboto, sans-serif;
	color: #607d8b
}
tbody tr td:last-child {
	text-align: right
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	border-top: 1px solid rgba(120,130,140,.13);
	line-height: 32px;
	vertical-align: top
}
.table>thead>tr>th {
	border-bottom: 1px solid rgba(120,130,140,.13);
	font-weight: 600
}
.table {
	margin-bottom: 0;
	white-space: nowrap
}
.table .badge {
	text-transform: uppercase
}
.student-data-table label {
	margin-right: 7px
}
.student-data-table td span a {
	padding: 3px
}
.table td, .table th {
	border-top: 1px solid rgba(120,130,140,.13);
padding:.75rem;
	vertical-align: top
}
.search-action {
	bottom: 0;
	display: inline-block;
	position: absolute;
	right: 92px;
	text-align: right
}
.search-type .form-control {
	height: 30px
}
@media(max-width:1199px) {
.search-action {
	text-align: center;
	position: relative;
	right: 0
}
.search-type .form-control {
	margin-bottom: 8px;
	margin-top: 8px
}
}
.table td, .table th {
padding:.50rem
}
.table .round-img img {
	width: 38px
}
.table-bordered td, .table-bordered th {
	border: 1px solid rgba(120,130,140,.13)!important
}
.current-progress {
	margin-top: 15px
}
.progress-content {
	margin-bottom: 20px
}
.progress-content:last-child {
	margin-bottom: 0
}
.current-progressbar {
	margin-top: 3px
}
.current-progressbar .progress {
	height: 15px;
	margin: 0;
	box-shadow: none
}
.current-progressbar .progress-bar {
	box-shadow: 0;
	line-height: 14px;
	font-size: 11px;
	box-shadow: none
}
.login-logo {
	text-align: center;
	margin-bottom: 15px
}
.login-logo span {
	color: #fff;
	font-size: 24px
}
.login-logo img {
	height: 75px
}
.login-content {
	margin: 100px 0
}
.login-form {
	background: #fff;
	padding: 30px 30px 20px;
	border-radius: 2px
}
.login-form h4 {
	color: #444;
	text-align: center;
	margin-bottom: 50px
}
.login-form .checkbox {
	color: #444
}
.login-form .checkbox label {
	text-transform: none
}
.login-form .btn {
	width: 100%;
	text-transform: uppercase;
	font-size: 14px;
	padding: 15px;
	border: 0
}
.login-form label {
	color: #444;
	text-transform: uppercase
}
.login-form label a {
	color: #4680ff
}
.social-login-content {
	margin: 0 -30px;
	border-top: 1px solid rgba(120,130,140,.13);
	border-bottom: 1px solid rgba(120,130,140,.13);
	padding: 30px 0;
	background: #fcfcfc
}
.social-button {
	padding: 0 30px
}
.social-button i {
	padding: 19px
}
.register-link a {
	color: #4680ff
}
.cpu-load {
	width: 100%;
	height: 272px;
	font-size: 14px;
	line-height: 1.2em
}
.cpu-load-data-content {
	font-size: 18px;
	font-weight: 400;
	line-height: 40px
}
.cpu-load-data {
	margin-bottom: 30px
}
.cpu-load-data li {
	display: inline-block;
	width: 32.5%;
	text-align: center;
	border-right: 1px solid rgba(120,130,140,.13)
}
.cpu-load-data li:last-child {
	border-right: 0
}
#barChart {
	height: 400px!important
}
.nestable-cart {
	overflow: hidden
}
.dd-handle, .dd3-content {
	color: #000!important
}
.profiletimeline {
	border-left: 1px solid rgba(120,130,140,.13);
	margin-left: 30px;
	margin-right: 10px;
	padding-left: 40px;
	position: relative
}
.profiletimeline .sl-left {
	float: left;
	margin-left: -60px;
	margin-right: 15px;
	z-index: 1
}
.profiletimeline .sl-left img {
	max-width: 40px
}
.profiletimeline .sl-item {
	margin-bottom: 30px;
	margin-top: 8px
}
.profiletimeline .sl-date {
	color: #99abb4;
	font-size: 12px
}
.profiletimeline .time-item {
	border-color: rgba(120,130,140,.13);
	padding-bottom: 1px;
	position: relative
}
.profiletimeline .time-item::before {
	content: " ";
	display: table
}
.profiletimeline .time-item::after {
	background-color: #fff;
	border-color: rgba(120,130,140,.13);
	border-radius: 10px;
	border-style: solid;
	border-width: 2px;
	bottom: 0;
	content: "";
	height: 14px;
	left: 0;
	margin-left: -8px;
	position: absolute;
	top: 5px;
	width: 14px
}
.profiletimeline .time-item-item::after {
	content: " ";
	display: table
}
.profiletimeline .item-info {
	margin-bottom: 15px;
	margin-left: 15px
}
.profiletimeline .item-info p {
	margin-bottom: 10px!important
}
.customtab li a.nav-link, .profile-tab li a.nav-link {
	border: 0;
	color: #007bff;
	padding: 15px 20px
}
.customtab li a.nav-link.active, .profile-tab li a.nav-link.active {
	border-bottom: 2px solid #1976d2;
	color: #fff
}
.card-two {
	position: relative;
	margin: 0!important;
	border: 0
}
.card-two header {
	position: relative;
	width: 100%;
	height: 60px
}
.card-two header .avatar {
	position: absolute;
	left: 50%;
	top: 30px;
	margin-left: -50px;
	z-index: 5;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	background: #ccc;
	border: 3px solid #fff
}
.card-two header .avatar img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100px;
	height: auto
}
.card-two h3 {
	position: relative;
	margin: 80px 0 30px;
	text-align: center
}
.card-two h3::after {
	content: '';
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -15px;
	width: 30px;
	height: 1px;
	background: #000
}
.card-two .desc {
	padding: 0 1rem 2rem;
	text-align: center;
	line-height: 1.5;
	color: #777
}
.card-two .contacts {
	width: 200px;
	max-width: 100%;
	margin: 0 auto 3.5rem
}
.card-two .contacts a {
	display: block;
	width: 33.333333%;
	float: left;
	text-align: center;
	color: #1976d2
}
.card-two .contacts a:hover {
	color: #333
}
.card-two .contacts a:hover .fa::before {
	color: #fff
}
.card-two .contacts a:hover .fa::after {
	top: 0
}
.card-two .contacts a .fa {
	position: relative;
	width: 40px;
	height: 40px;
	line-height: 39px;
	overflow: hidden;
	text-align: center;
	border: 2px solid #1976d2;
	border-radius: 50%
}
.card-two .contacts a .fa:before {
	position: relative;
	z-index: 1
}
.card-two .contacts a .fa::after {
	content: '';
	position: absolute;
	top: -50px;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: top .3s;
	transition: top .3s;
	background: #1976d2
}
.card-two .contacts a:last-of-type .fa {
	line-height: 36px
}
.profile-widget-one .profile-one-bg {
	position: relative
}
.profile-widget-one .profile-one-user-photo {
	position: relative
}
.profile-widget-one .profile-one-user-photo .bg-overlay {
	background: rgba(0,0,0,.6);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}
.profile-widget-one .profile-one-user-photo .user-photo {
	bottom: 0;
	height: 100%;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%
}
.profile-widget-one .profile-one-user-photo .user-photo img {
	border-radius: 100px;
	height: 100px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 100px
}
.profile-widget-one .profile-one-user-content ul li {
	background: #fff;
	border-right: 1px solid rgba(120,130,140,.13);
	border-bottom: 1px solid rgba(120,130,140,.13);
	display: block;
	float: left;
	padding: 10px 0;
	text-align: center;
	width: 32%
}
.profile-widget-one .profile-one-user-content ul li:last-child {
	border-right: 0
}
.profile-widget-one .profile-one-user-content h4 {
	line-height: 30px;
	font-size: 14px;
	margin: 0
}
.profile-widget-one .profile-one-user-content .earning-amount, .profile-widget-one .profile-one-user-content .sold-amount {
	color: #4caf50;
	font-size: 24px;
	font-weight: 400;
	margin-top: 10px
}
.profile-widget-one .profile-one-user-content .sold-amount {
	color: #4680ff;
	font-size: 24px;
	font-weight: 400;
	margin-top: 10px
}
.profile-widget-one .profile-one-user-button {
	text-align: center;
	padding: 26px 0
}
.profile-widget-one .profile-btn-one {
	font-size: 18px;
	text-transform: uppercase;
	padding: 8px 15px;
	font-weight: 400;
	color: #4680ff
}
.calendar {
	float: left;
	margin-bottom: 0
}
.fc-view {
	margin-top: 30px
}
.none-border .modal-footer {
	border-top: 0
}
.fc-toolbar {
	margin-bottom: 5px;
	margin-top: 15px
}
.fc-toolbar h2 {
	font-size: 18px;
	font-weight: 600;
	line-height: 30px;
	text-transform: uppercase
}
.fc-day {
	background: #fff
}
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar button:focus, .fc-toolbar button:hover, .fc-toolbar .ui-state-hover {
	z-index: 0
}
.fc-widget-header {
	border: 1px solid rgba(120,130,140,.13)
}
.fc-widget-content {
	border: 1px solid rgba(120,130,140,.13)
}
.fc th.fc-widget-header {
	background: rgba(120,130,140,.13);
	font-size: 14px;
	line-height: 20px;
	padding: 10px 0;
	text-transform: uppercase
}
.fc-button {
	background: #fff;
	border: 1px solid rgba(120,130,140,.13);
	color: #ddd;
	text-transform: capitalize
}
.fc-text-arrow {
	font-family: inherit;
	font-size: 16px
}
.fc-state-hover {
	background: #f8f9fa!important
}
.fc-state-highlight {
	background: #f8f9fa!important
}
.fc-cell-overlay {
	background: #f8f9fa!important
}
.fc-unthemed .fc-today {
	background: #fff!important
}
.fc-event {
	border-radius: 2px;
	border: 0;
	cursor: move;
	font-size: 13px;
	margin: 5px 7px;
	padding: 5px;
	text-align: center
}
.external-event {
	color: #fff;
	cursor: move;
	margin: 10px 0;
	padding: 6px 10px
}
.fc-basic-view td.fc-week-number span {
	padding-right: 5px
}
.fc-basic-view td.fc-day-number {
	padding-right: 5px
}
#drop-remove {
	margin: 0;
	top: 3px
}
#event-modal .modal-dialog, #add-category .modal-dialog {
	max-width: 600px
}
.flotTip {
	background: #000;
	border: 1px solid #000;
	padding: 5px 15px;
	color: #fff
}
.flot-container {
	box-sizing: border-box;
	width: 100%;
	height: 275px;
	padding: 20px 15px 15px;
	margin: 15px auto 30px;
	background: 0 0
}
.flot-pie-container {
	height: 275px
}
.flotBar-container {
	height: 275px
}
.flot-line {
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1.2em
}
.legend table {
	border-spacing: 5px
}
#chart1, #flotBar, #flotCurve {
	width: 100%;
	height: 275px
}
.cpu-load {
}
.morris-hover {
	position: absolute;
	z-index: 1
}
.morris-hover.morris-default-style .morris-hover-row-label {
	font-weight: 700;
	margin: .25em 0
}
.morris-hover.morris-default-style .morris-hover-point {
	white-space: nowrap;
	margin: .1em 0
}
.morris-hover.morris-default-style {
	border-radius: 2px;
	padding: 10px 12px;
	color: #666;
	background: rgba(0,0,0,.7);
	border: 0;
	color: #fff!important
}
.morris-hover-point {
	color: rgba(255,255,255,.8)!important
}
#morris-area-chart1, #morris-area-chart2, #morris-area-chart3, #morris-area-chart4, #morris-area-chart5, #morris-area-chart6 {
	height: 350px
}
.products_1 {
	padding-top: 5px;
	padding-bottom: 5px
}
.products_1 .pr_img_price {
	position: relative
}
.products_1 .pr_img_price .product_price {
	min-width: 50px;
	min-height: 50px;
	background: #4caf50;
	border-radius: 100%;
	position: absolute;
	top: 0;
	right: 0
}
.products_1 .pr_img_price .product_price p {
	padding-top: 15px;
	color: #fff;
	font-size: 14px;
	font-weight: 600
}
.products_1 .product_details .product_name {
	padding-top: 30px
}
.products_1 .product_details .prdt_add_to_cart {
	padding-top: 10px
}
.products_1 .product_details .prdt_add_to_cart button {
	padding: 10px 20px;
	text-transform: uppercase;
	font-weight: 600
}
.product-2-details .table>tbody>tr>td {
	border: 0
}
.product-2-details .product-2-des {
	margin-top: 25px
}
.product-2-details .product-2-des .product_name h4 {
	font-size: 15px;
	font-weight: 600
}
.product-2-details .product-2-des .product_des p {
	font-size: 13px;
	font-style: italic
}
.product-2-details .product-2-button {
	border-left: 1px solid rgba(120,130,140,.13);
	margin-top: 25px
}
.product-2-details .product-2-button .prdt_add_to_curt {
	padding-top: 10px
}
.product-2-details .product-2-button .prdt_add_to_curt button {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600
}
.product-3-img img {
	width: 100%
}
.product_details_3 {
	padding: 15px 0
}
.product_details_3 .product_name h4 {
	font-size: 15px;
	font-weight: 600
}
.product_details_3 .product_des {
	padding-bottom: 5px
}
.product_details_3 .prdt_add_to_curt {
	padding-top: 10px
}
.product_details_3 .prdt_add_to_curt button {
	text-transform: uppercase;
	font-weight: 600
}
.favourite-menu-details .table>tbody>tr>td {
	border-top: 0;
	border-bottom: 1px solid rgba(120,130,140,.13)
}
.favourite-menu-details .favourite-menu-img {
	border-right: 1px solid rgba(120,130,140,.13);
	margin-bottom: 25px;
	width: 120px
}
.favourite-menu-details .favourite-menu-des {
	margin-top: 40px;
	margin-right: 465px
}
.favourite-menu-details .favourite-menu-des .product_name h4 {
	font-weight: 600;
	text-align: left
}
.favourite-menu-details .favourite-menu-button {
	margin-top: 40px
}
.favourite-menu-details .favourite-menu-button .prdt_add_to_curt {
	padding-top: 10px
}
.favourite-menu-details .favourite-menu-button .prdt_add_to_curt button {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: 600
}
.order-list-item table tbody>tr>td {
	padding-top: 8px;
	border-top: 1px solid rgba(120,130,140,.13)
}
.order-list-item table thead>tr>th {
	border-bottom: 1px solid rgba(120,130,140,.13)
}
.order-list-item thead {
	background: #4680ff;
	text-align: left
}
.order-list-item thead th {
	color: #fff;
	font-weight: 700
}
.order-list-item tbody {
	background: #fff;
	text-align: left
}
.order-list-item tbody td {
	color: #444
}
.booking-system-feedback {
	top: 5px!important;
	right: 15px
}
.booking-system-top {
	padding-top: 15px
}
.media-body {
	vertical-align: middle
}
.media-body span {
	font-size: 10px;
	color: #4680ff
}
.media-body p {
	color: #000;
	line-height: 15px
}
.example {
	overflow: hidden;
	border: 1px solid rgba(120,130,140,.13);
	-webkit-box-shadow: 1px 1px 2px 0 rgba(200,200,200,.3);
	-moz-box-shadow: 1px 1px 2px 0 rgba(200,200,200,.3);
	box-shadow: 1px 1px 2px 0 rgba(200,200,200,.3);
	background-color: #f8f9fa;
	text-align: justify
}
.example p {
	padding: 20px 20px 0;
	font-size: 12px
}
.box, .simple {
	height: 300px
}
.scrollable-auto-x {
	overflow-x: auto;
	overflow-y: hidden
}
.scrollable-auto-y {
	overflow-y: auto;
	overflow-x: hidden
}
.scrollable-auto {
	overflow: auto
}
.vmap {
	width: 100%;
	height: 400px;
	background: #fff!important
}
.jqvmap-zoomin, .jqvmap-zoomout {
	background: #b1b1b1
}
.dark-browse-input-box {
	border-radius: 0;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
	font-size: 12px;
	color: #000;
	border: 1px solid rgba(120,130,140,.13)
}
.dark-browse-input-box .dark-input-button {
	border-radius: 0;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	background: #fff;
	border: 0!important;
	color: #4680ff
}
.dark-browse-input-box .dark-input-button i {
	font-weight: 700;
	font-size: 17px
}
.dark-browse-input-box .dark-input-button:hover {
	background: #fff;
	color: #4680ff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	border: 0!important
}
.dark-browse-input-box .dark-input-button:focus {
	outline: 0;
	border: 0!important;
	background: 0 0!important
}
.file-input {
	position: relative;
	font-size: 14px
}
.file-input label {
	position: absolute;
	top: -2px;
	right: 0;
	bottom: 0;
	margin: 0
}
.file-input label:focus {
	outline: 0;
	border: 0!important;
	background: 0 0!important
}
.file-input .btn {
	position: absolute;
	right: 6px;
	top: 7px;
	bottom: 6px;
	max-width: 100px;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 12px;
	line-height: 32px
}
.file-input .btn input {
	width: 0;
	height: 0
}
.file-input .file-name {
	float: left;
	width: 100%;
	border: 0;
	background: 0 0
}
.media-stats-content .stats-content {
	padding: 30px 0
}
.media-stats-content .stats-content .stats-digit {
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 10px
}
.media-stats-content .stats-content .stats-text {
	font-size: 14px
}
.media-stats-content .stats-content .table td {
	line-height: 40px!important
}
.carousel.vertical .carousel-inner {
	position: relative;
	overflow: hidden;
	width: 100%
}
.carousel.vertical .carousel-inner>.item {
	display: none;
	position: relative;
	transition: top .6s ease-in-out
}
.carousel.vertical .carousel-inner>.item>img, .carousel.vertical .carousel-inner>.item>a>img {
	line-height: 1
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel.vertical .carousel-inner>.item {
	transition: transform .6s ease-in-out;
	backface-visibility: hidden;
	perspective: 1000
}
.carousel.vertical .carousel-inner>.item.next, .carousel.vertical .carousel-inner>.item.active.right {
	transform: translate3d(0, 100%, 0);
	top: 0
}
.carousel.vertical .carousel-inner>.item.prev, .carousel.vertical .carousel-inner>.item.active.left {
	transform: translate3d(0, -100%, 0);
	top: 0
}
.carousel.vertical .carousel-inner>.item.next.left, .carousel.vertical .carousel-inner>.item.prev.right, .carousel.vertical .carousel-inner>.item.active {
	transform: translate3d(0, 0, 0);
	top: 0;
	width: 100%
}
}
.carousel.vertical .carousel-inner>.active, .carousel.vertical .carousel-inner>.next, .carousel.vertical .carousel-inner>.prev {
	display: block
}
.carousel.vertical .carousel-inner>.active {
	top: 0
}
.carousel.vertical .carousel-inner>.next, .carousel.vertical .carousel-inner>.prev {
	position: absolute;
	top: 0;
	width: 100%
}
.carousel.vertical .carousel-inner>.next {
	top: 100%
}
.carousel.vertical .carousel-inner>.prev {
	top: -100%
}
.carousel.vertical .carousel-inner>.next.left, .carousel.vertical .carousel-inner>.prev.right {
	top: 0
}
.carousel.vertical .carousel-inner>.active.left {
	top: -100%
}
.carousel.vertical .carousel-inner>.active.right {
	top: 100%
}
.ct-label {
	color: rgba(0,0,0,.8);
	fill: rgba(0,0,0,.8);
	font-size: 10px
}
.ct-chart-pie .ct-label {
	color: rgba(0,0,0,.8);
	fill: rgba(0,0,0,.8);
	font-size: 12px
}
.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
	stroke: #4caf50
}
.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
	stroke: #4680ff
}
.ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut {
	stroke: #ff5722
}
.ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut {
	stroke: #ffc107
}
.ct-series-a .ct-area, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-slice-pie {
	fill: #4caf50
}
.ct-series-b .ct-area, .ct-series-b .ct-slice-donut-solid, .ct-series-b .ct-slice-pie {
	fill: #4680ff
}
.ct-series-c .ct-area, .ct-series-c .ct-slice-donut-solid, .ct-series-c .ct-slice-pie {
	fill: #ff5722
}
@media(max-width:667px) {
.dt-buttons {
	margin-left: 10px
}
}
@media(max-width:480px) {
.dt-buttons {
	display: inline-block
}
}
.superpose {
	color: #eee;
	height: 350px;
	width: 100%
}
.superclock {
	position: relative;
	width: 300px;
	margin: auto
}
.superclock1 {
	position: absolute;
	left: 10px;
	top: 10px
}
.superclock2 {
	position: absolute;
	left: 60px;
	top: 60px
}
.superclock3 {
	position: absolute;
	left: 110px;
	top: 110px
}
.header-search {
	float: right;
	margin-left: 15px;
	position: relative
}
.header-search .form-control {
	height: 36px;
	width: 250px;
	border-radius: 5px;
	font-size: 14px
}
.header-search i {
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
	height: 30px;
	padding: 5px;
	width: 30px
}
.blockquote-box {
	border-right: 5px solid #e6e6e6;
	margin-bottom: 25px
}
.blockquote-box .square {
	width: 100px;
	min-height: 50px;
	margin-right: 22px;
	text-align: center!important;
	background-color: #e6e6e6;
	padding: 20px 0
}
.blockquote-box .blockquote-primary {
	border-color: #4680ff
}
.blockquote-box .blockquote-primary .square {
	background-color: #4680ff;
	color: #fff
}
.blockquote-box .blockquote-success {
	border-color: #4caf50
}
.blockquote-box .blockquote-success .square {
	background-color: #4caf50;
	color: #fff
}
.blockquote-box .blockquote-info {
	border-color: #17a2b8
}
.blockquote-box .blockquote-info .square {
	background-color: #17a2b8;
	color: #fff
}
.blockquote-box .blockquote-warning {
	border-color: #ffc107
}
.blockquote-box .blockquote-warning .square {
	background-color: #ffc107;
	color: #fff
}
.blockquote-box .blockquote-danger {
	border-color: #d43f3a
}
.blockquote-box .blockquote-danger .square {
	background-color: #ff5722;
	color: #fff
}
.error-box {
	height: 100%;
	position: fixed;
	width: 100%;
	background: #fafafa
}
.error-box .footer {
	left: 0;
	right: 0;
	width: 100%
}
.error-body {
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}
.error-body h1 {
	font-size: 150px;
	font-weight: 900;
	line-height: 210px;
	color: #6a707e
}
.accordion .card-header:after {
	font-family: fontawesome;
	content: "\f068";
	float: right
}
.accordion .card-header.collapsed:after {
	content: "\f067"
}
.accordion .card {
	padding: 0
}
.accordion .card-header {
	cursor: pointer;
	color: #ddd!important
}
.accordion .collapse {
	padding: 20px 0 30px
}
@media(min-width:992px) and (max-width:1199px) {
.title-margin-right {
	margin-right: 7px!important
}
.title-margin-left {
	margin-left: 7px!important
}
}
@media(min-width:768px) and (max-width:991px) {
.title-margin-right {
	margin-right: 7px!important
}
.title-margin-left {
	margin-left: 7px!important
}
}
@media(min-width:680px) and (max-width:767px) {
.title-margin-right {
	margin-right: 7px!important
}
.title-margin-left {
	margin-left: 7px!important
}
.footer {
	left: 0
}
}
@media(min-width:480px) and (max-width:679px) {
.title-margin-right {
	margin-right: 7px!important
}
.title-margin-left {
	margin-left: 7px!important
}
.inbox-pagination {
	margin-top: 30px;
	float: left!important
}
.card-badge .label {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px
}
.mail-box .sm-side {
	width: 100%
}
.mail-box aside {
	display: inline
}
.footer {
	left: 0
}
}
@media(min-width:360px) and (max-width:479px) {
.title-margin-right {
	margin-right: 7px!important
}
.title-margin-left {
	margin-left: 7px!important
}
#project {
	margin-left: 0
}
.fc-toolbar .fc-right {
	float: left;
	margin-top: 15px
}
.card-badge .label {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px
}
.mail-box .sm-side {
	width: 100%
}
.mail-box aside {
	display: inline
}
.footer {
	left: 0
}
}
@media(min-width:320px) and (max-width:359px) {
.title-margin-right {
	margin-right: 7px!important
}
.title-margin-left {
	margin-left: 7px!important
}
#project {
	margin-left: 0
}
.fc-toolbar .fc-right {
	float: left;
	margin-top: 15px
}
.br-theme-bars-pill .br-widget a {
	padding: 7px 12px
}
.br-theme-bars-reversed .br-widget .br-current-rating {
	padding: 0
}
.alert-rating {
	padding-bottom: 40px
}
.card-badge .label {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px
}
.mail-box .sm-side {
	width: 100%
}
.mail-box aside {
	display: inline
}
.chk-group {
	margin-bottom: 10px
}
.pagination-list {
	float: left!important;
	margin-top: 10px
}
.inner-append {
	position: relative
}
.inner-append .append-btn {
	position: absolute;
	right: 0;
	top: 0
}
.input-text {
	margin-bottom: 12px
}
.footer {
	left: 0
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:192dpi), only screen and (min-resolution:2dppx) {
.default-logo {
display:none!important
}
.retina-logo {
display:inline-block!important
}
}
@media(max-width:1200px) {
.peity {
	margin: 0 auto 30px;
	display: block
}
.stat-widget-one .stat-content {
	margin-left: 0
}
}
@media(max-width:992px) {
.stat-widget-one .stat-content {
	margin-left: 15px
}
}
@media(max-width:576px) {
.invoice-logo-wrap {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-bottom: 10px
}
.invoice-logo-wrap .invoice-logo {
	float: none;
	margin: 0 auto
}
.invoice-logo-wrap .invoice-info {
	width: 100%;
	margin: 0
}
.invoice-title {
	display: block;
	width: 100%;
	margin: 0!important;
	text-align: center
}
.invoice-title h4, .invoice-title p {
	text-align: center
}
.invoice-logo-wrap .clientlogo {
	float: none;
	margin: 15px auto 0
}
.progressbar-sm {
	text-align: center
}
}
@media(max-width:1400px) {
.responsive-50 {
	max-width: 50%;
	flex: 50%
}
.responsive-100 {
	max-width: 100%;
	flex: 100%
}
}
@media(max-width:1200px) {
.responsive-md-100 {
	max-width: 100%;
	flex: 100%
}
}
@media(max-width:992px) {
.responsive-50 {
	max-width: 100%;
	flex: 100%
}
}
.jqstooltip {
	width: auto!important;
	height: auto!important
}
.sparkline-unix {
	overflow: hidden
}
.ti-3x {
	font-size: 50px;
	padding: 10px
}
.color-light {
	color: #e7ecf5
}