@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700,900);

/* Globals
   ========================================================================== */
html {
	height: 100%;
}
body {
	font-family: "Source Sans Pro", sans-serif;
	height: 100%;
	color: #505050;
}
body.login-page {
	background: url("../images/bg-body.jpg") center 100px no-repeat #26272b;
	color: #fff;
}
img {
	max-width: 100%;
	height: auto;
}
img.avatar {
	width: 60px;
	height: 60px;
}
hr {
	border-color: #dedede;
	border-bottom: solid 1px #FFF;
}
.entry-header:after {
	clear: both;
}
.no-margins {
	margin: 0 !important;
}
.col-with-divider div[class*="col-"] {
	border-left: solid 1px #ddd;
}
.col-with-divider div[class*="col-"]:first-child {
	border: 0 none;
}
.no-border {
	border: 0 none !important;
}
i.ellipsis-icon {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	font-size: 18px;
	margin: 0 0 0 5px;
}
.height-13 {
	height: 13px;
}
.height-15 {
	height: 15px;
}
.height-50 {
	height: 50px;
}
.embed-section {
	margin-bottom: 20px;
}
.m-r-15 {
	margin-right: 15px;
}
.m-l-20 {
	margin-left: 20px;
}
.line-dashed {
	border-top: 1px dashed #DDD;
	height: 1px;
	margin: 20px auto;
}
.entry-header {
	border-bottom: solid 1px #dedede;
	padding: 0 15px 8px;
	margin-bottom: 30px;
}
.page-title {
	font-size: 24px;
	margin-bottom: 15px;
}
.page-heading .page-title {
	margin-bottom: 10px;
}
.page-heading .btn-add {
	margin: 3px 0 0 15px;
}
.entry-header .page-title {
	float: left;
	margin: 10px 0;
}


/* Typography
   ========================================================================== */
a {
	color: #434343;
}
a:hover, a:active, a:focus {
	outline: 0;
	text-decoration: none;
}
a:hover, a:focus, a.link {
	color: #02afab;
}
a.link:hover {
	color: #000;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	font-family: "Source Sans Pro", sans-serif;
	margin: 0 0 15px;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
	margin-bottom: 12px;
}
h5 {
	font-size: 14px;
	margin-bottom: 10px;
}
h6 {
	font-size: 12px;
	margin-bottom: 8px;
}
.title {
	font-weight: 400;
}
h3.title {
	font-size: 18px;
}
em {
	font-style: italic;
}
b, strong {
	font-weight: 600;
}
small, .small {
	font-size: 90%;
}
.uppercase {
	text-transform: uppercase;
}
.smaller {
	font-size: 10px;
}
p {
	margin-bottom: 15px;
}
.text-primary {
	color: #02afab;
}
a.text-primary:hover, a.text-primary:focus {
	color: #18a5a2;
}
.text-success {
	color: #025500;
}
a.text-success:hover, a.text-success:focus {
	color: #012200;
}
.text-info {
	color: #2b7da0;
}
a.text-info:hover, a.text-info:focus {
	color: #205e78;
}
.text-warning {
	color: #946c28;
}
a.text-warning:hover, a.text-warning:focus {
	color: #6c4f1d;
}
.text-danger {
	color: #ab1717;
}
a.text-danger:hover, a.text-danger:focus {
	color: #7e1111;
}
.green-color {
	color: #00bf6c;
}
a.green-color:hover, a.green-color:focus {
	color: #008c4f;
}
.red-color {
	color: #FF0000;
}
a.red-color:hover, a.red-color:focus {
	color: #cc0000;
}
.text-purple {
	color: #7E57C2;
}
a.text-purple:hover, a.text-purple:focus {
	color: #643da9;
}


/* Base
   ========================================================================== */
.page-container {
	height: 100%;
	width: 100%;
	position: relative;
	display: table;
	table-layout: fixed;
	background-color: #f5f5f5;
}
.page-container.horizontal-menu {
	padding-top: 60px;
}
.main-container {
	background-color: #FFF;
	padding: 0 15px;
	position: relative;
	display: table-cell;
	width: 100%;
	vertical-align: top;
}
.main-header {
	padding: 10px;
	border-bottom: solid 3px #e8fafa;
	background-color: rgba(0,176,171,0.075) 
	/*background-color: #f4fdfc;*/
}
.header-secondary {
	padding: 20px 10px 10px;
}
.main-content {
	padding: 30px 10px;
}
@media screen and (max-width: 767px) {
	.page-container {
		display: block;
		height: auto;
	}
	.main-container {
		display: block;
		height: auto;
	}
}


/* Sidebar
   ========================================================================== */
.page-sidebar {
	background: #2a2b2d;
	color: #b4b5b8;
	display: table-cell;
	height: 100%;
	position: relative;
	vertical-align: top;
	width: 280px;
	z-index: 101;
}
.site-header {
	overflow: hidden;
	padding: 25px 20px;
	position: relative;
	z-index: 101;
}
.site-logo {
	width: 100px;
	height: 100px;
	float: left;
	overflow: hidden;
	position: relative;
	margin-left: calc((100% - 90px)/2);
	border-radius: 50%;
	background-color: #fff;
}

.page-container.sidebar-collapsed .site-header {
	padding: 20px;
}
.page-container.sidebar-collapsed .site-logo {
	overflow: hidden;
	width: 0;
}
.site-logo a {
	color: #c8c8c8;
	display: block;
	font-weight: 700;
	text-transform: uppercase;
}
.sidebar-collapse, .sidebar-mobile-menu {
	float: right;
	position: relative;
}
.sidebar-collapse a.sidebar-collapse-icon, .sidebar-mobile-menu a.mobile-menu-icon {
	color: #02afab;
	display: inline-block;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	-webkit-transition: all 200ms ease-in-out 0s;
	-o-transition: all 200ms ease-in-out 0s;
	transition: all 200ms ease-in-out 0s;
}
.sidebar-collapse a.sidebar-collapse-icon i.icon-menu, .sidebar-mobile-menu a.mobile-menu-icon i.icon-menu {
	margin: 0;
}
.page-container.horizontal-menu header.navbar {
	background-color: #24272a;
	border: 0 none;
}
.page-container.horizontal-menu header.navbar .navbar-brand {
	height: 60px;
	padding: 18px 20px;
}
.page-sidebar .sidebar-fixed {
	position: fixed;
	height: 100%;
	width: 280px;
}
.sidebar-collapsed .page-sidebar, .sidebar-collapsed .page-sidebar .sidebar-fixed {
	width: 66px;
}
.sidebar-collapsed .page-sidebar .sidebar-fixed {
	position: relative;
}
.sidebar-collapsed .sidebar-fixed.ps-container {
	overflow: visible;
}


/* Sidebar Menu
   ========================================================================== */
ul.main-menu {
	font-size: 14px;
	list-style: outside none none;
	margin: 0 0 20px;
	padding: 0;
}
ul.main-menu li {
	position: relative;
}
ul.main-menu li a {
	color: #ebebeb;
	display: block;
	padding: 12px 20px;
	text-decoration: none;
}
ul.main-menu > li.active > a, ul.main-menu > li > a:hover, ul.main-menu > li > a:focus {
	background-color: #02adac;
	background: #02adac;
	color: #FFFFFF;
}
ul.main-menu .nav > li > a:hover, ul.main-menu .nav > li > a:focus, ul.main-menu .nav > li.has-sub.active > a {
	background-color: rgba(0,0,0,0.50);
	color: #FFFFFF;
}
ul.main-menu .nav > li > a {
	color: #a6a5a5;
}
ul.main-menu li i {
	margin-right: 16px;
	font-size: 15px;
}
ul.main-menu li ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
	background: url("../images/bgsubmenu.png") center bottom repeat-x #063446;
	overflow: hidden;
}
ul.main-menu > li > ul:before {
	background-color: #175e95;
	width: 1px;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 30px;
	display: block;
}
ul.main-menu > li.active > ul:before {
	background-color: #175e95;
	width: 1px;
	content: "";
	position: absolute;
	top: 0;
	bottom: 18px;
	left: 30px;
	display: block;
}
ul.main-menu > li > ul > li:before, ul.main-menu > li > ul > li:after {
	background-color: #1c3444;
	border: 1px solid #175e95;
	border-radius: 50%;
	color: #2f2e2e;
	content: "";
	font-weight: 400;
	height: 6px;
	left: 27px;
	position: absolute;
	top: 20px;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 6px;
	z-index: 2;
}
ul.main-menu li ul li:after {
	border: 0 none;
	height: 8px;
	left: 26px;
	top: 19px;
	width: 8px;
	z-index: 1;
}
ul.main-menu li ul li.active span.title {
	font-weight: 600;
}
ul.main-menu li ul li.active:after {
	background-color: #FFFFFF;
	z-index: 2;
	left: 25px;
	top: 18px;
	height: 10px;
	width: 10px;
}
ul.main-menu li ul li.active > a {
	color: #FFFFFF;
}
ul.main-menu li ul > li > a {
	padding-left: 56px;
}
ul.main-menu li ul > li > ul > li > a {
	padding-left: 76px;
}
ul.main-menu li ul > li > ul > li > ul > li > a {
	padding-left: 96px;
}
ul.main-menu li ul > li > ul > li > ul > li > ul > li > a {
	padding-left: 116px;
}
ul.main-menu li.has-sub > a:before, .page-container.horizontal-menu header.navbar .navbar-nav > li ul li.has-sub > a:before {
	color: #ebebeb;
	content: "\e75e";
	display: inline-block;
	float: right;
	font-family: "entypo";
	font-size: 15px;
	margin-left: 10px;
	position: relative;
	-webkit-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	font-weight: normal;
}
ul.main-menu li.active.has-sub > a:before {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	color:#02afab;
}
.sidebar-collapsed .page-sidebar .main-menu > li > a > span.title {
	background-color: #02afab;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	display: block;
	left: 66px;
	zoom: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	padding: 13px 20px;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 240px;
}
.sidebar-collapsed .page-sidebar .main-menu > li > a > span.label {
	left: 240px;
	zoom: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: 15px;
	visibility: hidden;
}
.sidebar-collapsed .page-sidebar .main-menu > li.has-sub:hover > a, .sidebar-collapsed .page-sidebar .main-menu > li:hover > a {
	background-color: #02afab;
}
.sidebar-collapsed .page-sidebar .main-menu > li.has-sub:hover > a > span.title, .sidebar-collapsed .page-sidebar .main-menu > li:hover > a > span.title, .sidebar-collapsed .page-sidebar .main-menu > li:hover > a > span.label {
	visibility: visible;
	zoom: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}
.sidebar-collapsed .page-sidebar .main-menu > li > ul {
	display: block;
	height: 0;
	left: 66px;
	zoom: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	top: auto;
	visibility: hidden;
	width: 240px;
}
.sidebar-collapsed .page-sidebar .main-menu > li.has-sub:hover > ul, .sidebar-collapsed .page-sidebar .main-menu > li:hover > ul {
	visibility: visible;
	zoom: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	height: auto;
}
.sidebar-collapsed .page-sidebar ul.main-menu > li > ul > li > a {
	padding-left: 20px;
}
.sidebar-collapsed .page-sidebar ul.main-menu li ul > li > ul > li > a {
	padding-left: 40px;
}
.sidebar-collapsed .page-sidebar ul.main-menu li ul > li > ul > li > ul > li > a {
	padding-left: 60px;
}
.sidebar-collapsed .page-sidebar ul.main-menu li ul > li > ul > li > ul > li > ul > li > a {
	padding-left: 80px;
}
.sidebar-collapsed .page-sidebar ul.main-menu > li.has-sub > a:before, .sidebar-collapsed .page-sidebar ul.main-menu li ul li:before, .sidebar-collapsed .page-sidebar ul.main-menu li ul li:after, .sidebar-collapsed .page-sidebar ul.main-menu li ul:before {
	display: none;
}
.page-container.horizontal-menu header.navbar .navbar-nav li {
	position: relative;
}
.page-container.horizontal-menu header.navbar .navbar-nav > li ul {
	display: none;
	background-color: #0f0f0f;
	display: none;
	left: 0;
	list-style: outside none none;
	margin: 0;
	min-width: 250px;
	padding: 0;
	position: absolute;
	top: auto;
}
.page-container.horizontal-menu header.navbar .navbar-nav > li ul a {
	color: #a6a5a5;
}
.page-container.horizontal-menu header.navbar .navbar-nav > li ul a:hover, .page-container.horizontal-menu header.navbar .navbar-nav > li ul li:hover > a {
	background-color: #fff;
	color: #FFFFFF;
}
.page-container.horizontal-menu header.navbar .navbar-nav > li.active > a, .page-container.horizontal-menu header.navbar .navbar-nav > li:hover > a, .page-container.horizontal-menu header.navbar .navbar-nav li > ul li.active a {
	background-color: #02afab;
	color: #FFFFFF;
}
.page-container.horizontal-menu header.navbar .navbar-nav > li:hover > ul {
	display: block;
}
.page-container.horizontal-menu header.navbar .navbar-nav > li ul li:hover ul {
	display: block;
	left: 100%;
	top: 0;
}
.page-container.horizontal-menu header.navbar .navbar-nav {
	list-style: none;
	padding: 0;
}
.page-container.horizontal-menu header.navbar .navbar-nav > li > a {
	color: #ebebeb;
	display: block;
	padding: 20px;
	position: relative;
	z-index: 10;
}
.page-container.horizontal-menu header.navbar .navbar-toggle {
	font-size: 30px;
	color: #c8c8c8;
	margin: 0;
	padding: 8px 10px;
}
.navbar-toggle i.icon-menu {
	line-height: 1;
}
@media screen and (max-width: 991px) {
	.page-sidebar .sidebar-fixed {
		position: relative;
		width: 100%;
		height: auto;
	}
	.sidebar-fixed.ps-container {
		overflow: visible !important;
	}
}
@media screen and (max-width: 767px) {
	.site-header {
		padding: 15px 20px;
	}
	.page-sidebar {
		display: block;
		width: 100%;
		height: auto;
	}
	ul.main-menu {
		margin-bottom: 0;
		border: 0 none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}


/* Header
   ========================================================================== */
ul.user-info {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.user-info > li {
	float: left;
	margin-right: 3px;
}
.profile-info a > .caret {
	border: 0 none;
	font-style: normal;
	height: auto;
	margin: -1px 0 0 3px;
	text-align: center;
	width: auto;
}
.profile-info a > .caret:after {
	content: "\e760";
	display: block;
	font-size: 16px;
	line-height: 1;
	font-family: entypo;
}
.profile-info.dropdown .dropdown-menu li a {
	color: #434343;
	padding: 8px 10px;
	-webkit-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	transition: all 300ms ease-in-out 0s;
}
.profile-info.dropdown .dropdown-menu li a i {
	margin-left: 0;
	margin-right: 6px;
}
.profile-info.dropdown .dropdown-menu li a:hover {
	color: #333;
	background-color: #f8f8f8;
}
.profile-info img.avatar {
	margin-right: 8px;
	height: 42px;
	width: 42px;
}
ul.list-links {
	padding-top: 10px;
	margin-left: 20px;
}








/* Breadcrumbs
   ========================================================================== */
.breadcrumb-2 {
	background-color: transparent;
	padding-left: 0;
}
.breadcrumb-3 {
	border: solid 1px #ddd;
	background-color: transparent;
}
.breadcrumb i.fa {
	margin-right: 6px;
}

.breadcrumb > .active {
    color: #02afab;
}


/* Panels
   ========================================================================== */
.panel {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
	margin-bottom: 25px;
	border-radius: 12px !important;
}
.shadowless, .panel-minimal {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.panel-body {
	position: relative;
	padding: 15px 24px;
}
.panel-minimal > .panel-heading {
	border-color: #ddd;
}
.panel-minimal > .panel-heading, .panel-minimal > .panel-body {
	padding-left: 0;
	padding-right: 0;
}
.panel-minimal > .panel-heading > .nav-right {
	float: right;
	margin: -1px 0 -13px;
}
.panel-minimal > .panel-heading > .nav-tabs > li > a {
	padding: 6px 15px;
}
.minimal .panel-body {
	padding: 15px;
}
.panel-group .panel + .panel {
	margin-top: 0;
}
.panel-heading, .panel-group .panel {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}
.panel-group .panel:first-child {
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-ms-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
.panel-group .panel:last-child {
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-ms-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.panel-heading {
	padding: 12px 24px;
}
.minimal .panel-heading {
	padding: 10px 15px;
}
.panel-heading > .panel-title {
	float: left;
	font-size: 14px;
}
.panel-heading > .panel-title-center {
	font-size: 18px;
	display: inline-block;
	margin: 5px 10px 0;
}
.panel-heading > h2.panel-title {
	font-size: 24px;
}
.panel-heading > h3.panel-title {
	font-size: 18px;
	font-weight: 400;
}
.panel-heading .panel-tool-options {
	float: right;
	list-style: none;
	padding: 0;
	margin-bottom: 0;
	margin-right: -0.5em;
}
.panel-heading .panel-tool-options > li > a {
	color: #434343;
}
.panel-success .panel-tool-options > li > a, .panel-primary .panel-tool-options > li > a, .panel-danger .panel-tool-options > li > a, .panel-warning .panel-tool-options > li > a, .panel-info .panel-tool-options > li > a {
	color: inherit;
}
.panel-heading .panel-tool-options > li {
	display: inline-block;
	vertical-align: middle;
}
.panel-heading .panel-tool-options .dropdown-menu > li > a {
	padding: 5px 12px;
}
.minimal .panel-heading .panel-tool-options {
	margin-right: -0.25em;
}
.panel-default > .panel-heading {
	background-color: #FFF;
}
.panel-invert {
	border-color: #02afab;
	background-color: #02afab;
	color: #FFF;
}
.panel-invert > .panel-heading {
	background-color: #02afab;
	color: #FFF;
}
.panel-content.panel-content {
	padding-top: 0;
}
.panel-content.panel-content h1 {
	margin-bottom: 5px;
}
.panel > .panel-body.with-table {
	border: 0 none;
	margin: -1px;
	padding: 0;
}
.panel-body.with-table .table {
	margin-bottom: 0;
}
.panel-update-content {
	padding: 8px 15px;
	font-weight: 600;
	color: #9ea7b3;
}
.panel-update-content h5 {
	font-weight: 600;
}
.panel-update-content h1 {
	color: #02afab;
	font-weight: 600;
	font-size: 34px;
	line-height: 1;
	margin-bottom: 8px;
}
.panel-default {
	border-color: #ddd;
}
.panel-default > .panel-heading {
	color: #505050;
	background: url("../images/bgtabletTH.png") left 3px repeat-x #fff;
	border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
	color: #fff;
	background-color: #505050;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #ddd;
}
.panel-primary {
	border-color: #02afab;
}
.panel-primary > .panel-heading {
	color: #fff;
	background-color: #02afab;
	border-color: #02afab;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #02afab;
}
.panel-primary > .panel-heading .badge {
	color: #02afab;
	background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #02afab;
}


/* Filter
   ========================================================================== */
.filter-wrapper {
	padding: 20px 10px 10px;
	color: #FFF;
	background-color: #02afab;
}
.filter-wrapper .form-inline .form-group {
	margin-right: 40px;
}
.filter-wrapper .form-label {
	font-weight: 600;
}
.filter-wrapper .checkbox-group {
	margin: 10px 0 6px;
}
.filter-header .close {
	color: #FFF;
	text-shadow: none;
	font-size: 20px;
	opacity: 1;
	filter: alpha(opacity=100);
	font-weight: normal;
}
.filter-wrapper .form-inline .filter-btn {
	margin: 15px 0 0;
}
.btn-filter {
	display: inline-block;
	border: solid 1px #DEDEDE;
	line-height: 1;
	padding: 8px 12px;
	font-size: 24px;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
@media screen and (max-width: 767px) {
	.filter-wrapper .form-inline .form-group {
		margin-right: 0;
	}
}


/* Pager pagination
   ========================================================================== */
.pager li > a, .pager li > span {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
.pagination [class^="icon-"], .pagination [class*=" icon-"] {
	line-height: 1;
}
.pagination > li > a, .pagination > li > span, .pager > li > a, .pager > li > span {
	color: #027ac4;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	z-index: 3;
	color: #505050;
	background-color: #f4fdfc;
	border-color: #dddddd;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #027ac4;
	border-color: #027ac4;
	color: #FFFFFF;
	z-index: 5;
}
.pager li > a:hover, .pager li > a:focus {
	color: #505050;
}





/* Popover
   ========================================================================== */
.popover-title {
	font-weight: 600;
}
.popover {
	font-family: "Source Sans Pro", sans-serif;
}


/* Tables
   ========================================================================== */
.table > thead > tr > th {
	text-transform: uppercase;
	font-weight: 400;
	background-color: #037dc4;
	color: #fff; 
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f4fdfc;
}
.table-separate {
	background-color: #FFF;
}
.table-separate th, .table-separate td {
	border-bottom: solid 25px #f5f5f5;
}
.table-separate tbody tr:last-child td {
	border-width: 0;
}
.table-unbordered > thead > tr > th, .table-unbordered > thead > tr > td, .table-unbordered > tbody > tr > th, .table-unbordered > tbody > tr > td, .table-unbordered > tfoot > tr > th, .table-unbordered > tfoot > tr > td {
	border-top: 0 none;
}
.table-users > thead > tr > th, .table-users > tbody > tr > th, .table-users > tfoot > tr > th {
	padding: 8px;
}
.table-users > thead > tr > td, .table-users > tbody > tr > td, .table-users > tfoot > tr > td {
	padding: 28px 8px;
}
.fluid-row .table-users > thead > tr > th:first-child, .fluid-row .table-users > thead > tr > td:first-child, .fluid-row .table-users > tbody > tr > th:first-child, .fluid-row .table-users > tbody > tr > td:first-child, .fluid-row .table-users > tfoot > tr > th:first-child, .fluid-row .table-users > tfoot > tr > td:first-child {
	padding-left: 25px;
}
.fluid-row .table-users > thead > tr > th:last-child, .fluid-row .table-users > thead > tr > td:last-child, .fluid-row .table-users > tbody > tr > th:last-child, .fluid-row .table-users > tbody > tr > td:last-child, .fluid-row .table-users > tfoot > tr > th:last-child, .fluid-row .table-users > tfoot > tr > td:last-child {
	padding-right: 25px;
}
.indent-row .table-users > thead > tr > th:first-child, .indent-row .table-users > thead > tr > td:first-child, .indent-row .table-users > tbody > tr > th:first-child, .indent-row .table-users > tbody > tr > td:first-child, .indent-row .table-users > tfoot > tr > th:first-child, .indent-row .table-users > tfoot > tr > td:first-child {
	padding-left: 18px;
}
.indent-row .table-users > thead > tr > th:last-child, .indent-row .table-users > thead > tr > td:last-child, .indent-row .table-users > tbody > tr > th:last-child, .indent-row .table-users > tbody > tr > td:last-child, .indent-row .table-users > tfoot > tr > th:last-child, .indent-row .table-users > tfoot > tr > td:last-child {
	padding-right: 18px;
}
.table-hover > tbody > tr:hover {
	background-color: #fffef1;
}
.table-users img.avatar {
	margin: -18px 0;
}
table.table-mails {
	margin-bottom: 0;
}
table.table-mails tr td {
	padding: 12px;
}
table.table-mails tr td.mail-select {
	padding-left: 20px;
}
table.table-mails tr td:last-of-type {
	padding-right: 20px;
}
.fluid-row {
	margin-left: -25px;
	margin-right: -25px;
}
.indent-row {
	margin-left: -10px;
	margin-right: -10px;
}
tr:last-child td:last-child .dropdown-menu {
	bottom: 100%;
	top: auto;
	margin-top: 0;
	margin-bottom: 8px;
}
.size-40 {
	width: 40px;
}
.size-60 {
	width: 60px;
}
.size-80 {
	width: 80px;
}
a.more-link {
	display: inline-block;
	-webkit-transition: all 250ms ease 0s;
	-o-transition: all 250ms ease 0s;
	transition: all 250ms ease 0s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	padding: 4px 5px;
	color: #585858;
	margin: -5px 0;
}
a.more-link + .dropdown-menu {
	margin-top: 8px;
}
 a.more-link:foucs {
 color: #585858;
}
a.more-link:hover, .open a.more-link {
	background-color: #f5f5f5;
	color: #5e5e5e;
}
@media screen and (max-width: 767px) {
	.table-responsive.indent-row,  .table-responsive.fluid-row {
		margin-right: 0;
		margin-left: 0;
	}
}

/* Forms
   ========================================================================== */
form {
	margin-bottom: 15px;
}
.form-control {
	height: 32px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}
.form-control:focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #02afab;
}
.input-sm {
	height: 26px;
	padding: 3px 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
}
select.input-sm {
	height: 26px;
	line-height: 26px;
}
.input-lg {
	height: 45px;
}
.form-label {
	display: block;
	font-weight: 600;
	margin-bottom: 8px;
}
.checkbox-group {
	margin: 8px 0;
}
.checkbox-group .checkbox-inline + .checkbox-inline {
	margin-left: 18px;
}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
	color: #025500;
}
.has-success .form-control {
	border-color: #025500;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-success .form-control:focus {
	border-color: #012200;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-success .input-group-addon {
	color: #025500;
	border-color: #025500;
	background-color: #bbebba;
}
.has-success .form-control-feedback {
	color: #025500;
}
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
	color: #946c28;
}
.has-warning .form-control {
	border-color: #946c28;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-warning .form-control:focus {
	border-color: #6c4f1d;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-warning .input-group-addon {
	color: #946c28;
	border-color: #946c28;
	background-color: #fff1a6;
}
.has-warning .form-control-feedback {
	color: #946c28;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
	color: #ab1717;
}
.has-error .form-control {
	border-color: #ab1717;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-error .form-control:focus {
	border-color: #7e1111;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.has-error .input-group-addon {
	color: #ab1717;
	border-color: #ab1717;
	background-color: #ffcaca;
}
.has-error .form-control-feedback {
	color: #ab1717;
}


/* Input Groups
   ========================================================================== */
.input-group-addon .icon-color-preview {
	background-color: #FFF;
	border: 1px solid #eee;
	display: inline-block;
	height: 16px;
	width: 16px;
	margin: 0;
	vertical-align: middle;
}
.color-picker .input-group-addon {
	cursor: pointer;
}

/* Labels
   ========================================================================== */
.label-default {
	background-color: #666;
}
.label-default[href]:hover, .label-default[href]:focus {
	background-color: #4d4d4d;
}
.label-primary {
	background-color: #10cfc9;
}
.label-primary[href]:hover, .label-primary[href]:focus {
	background-color: #008a9b;
}
.label-secondary {
	background-color: #ef4040;
}
.label-secondary[href]:hover, .label-secondary[href]:focus {
	background-color: #e91313;
}
.label-success {
	background-color: #029b17;
}
.label-success[href]:hover, .label-success[href]:focus {
	background-color: #016910;
}
.label-info {
	background-color: #5bc0de;
}
.label-info[href]:hover, .label-info[href]:focus {
	background-color: #31b0d5;
}
.label-warning {
	background-color: #fad839;
}
.label-warning[href]:hover, .label-warning[href]:focus {
	background-color: #f9ce07;
}
.label-danger {
	background-color: #db2c2c;
}
.label-danger[href]:hover, .label-danger[href]:focus {
	background-color: #b51f1f;
}
label {
	font-weight: 600;
}
.label {
	font-weight: normal;
	font-size: 12px;
	padding: 4px 8px;
	display: inline-block;
	vertical-align: middle;
}
.label-white {
	border: solid 1px #dedede;
	color: #5e5e5e;
}
.label-block {
	display: block;
	text-align: center;
}
.label-block + .label-block {
	margin-top: 5px;
}
.user-content .label + .label {
	margin-left: 8px;
}





/* Buttons
   ========================================================================== */
.btn {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.2867;
}
.btn-rounded {
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
}
.btn-2x {
	padding: 10px 16px;
}
.btn-sm, .btn-group-sm > .btn {
	padding: 4px 12px;
}
.btn-default {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
	color: #333;
	background-color: #e6e6e6;
	border-color: #8c8c8c;
}
.btn-default:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus {
	color: #333;
	background-color: #d4d4d4;
	border-color: #8c8c8c;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
	background-image: none;
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
	background-color: #fff;
	border-color: #ccc;
}
.btn-default .badge {
	color: #fff;
	background-color: #333;
}
.btn-primary {
	color: #fff;
	background-color: #02afab;
	border-color: #02afab;
}
.btn-primary:focus, .btn-primary.focus {
	color: #fff;
	background-color: #18a5a2;
	border-color: #00464f;
}
.btn-primary:hover {
	color: #fff;
	background-color: #18a5a2;
	border-color: #008191;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #18a5a2;
	border-color: #008191;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
	color: #fff;
	background-color: #006b77;
	border-color: #00464f;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
	background-image: none;
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
	background-color: #02afab;
	border-color: #02afab;
}
.btn-primary .badge {
	color: #02afab;
	background-color: #fff;
}
.btn-success {
	color: #fff;
	background-color: #029b17;
	border-color: #028213;
}
.btn-success:focus, .btn-success.focus {
	color: #fff;
	background-color: #016910;
	border-color: #000401;
}
.btn-success:hover {
	color: #fff;
	background-color: #016910;
	border-color: #01450a;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
	color: #fff;
	background-color: #016910;
	border-color: #01450a;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
	color: #fff;
	background-color: #01450a;
	border-color: #000401;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
	background-image: none;
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
	background-color: #029b17;
	border-color: #028213;
}
.btn-success .badge {
	color: #029b17;
	background-color: #fff;
}
.btn-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
}
.btn-info:focus, .btn-info.focus {
	color: #fff;
	background-color: #31b0d5;
	border-color: #1b6d85;
}
.btn-info:hover {
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
	color: #fff;
	background-color: #31b0d5;
	border-color: #269abc;
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
	color: #fff;
	background-color: #269abc;
	border-color: #1b6d85;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
	background-image: none;
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
	background-color: #5bc0de;
	border-color: #46b8da;
}
.btn-info .badge {
	color: #5bc0de;
	background-color: #fff;
}
.btn-warning {
	color: #fff;
	background-color: #fad839;
	border-color: #f9d320;
}
.btn-warning:focus, .btn-warning.focus {
	color: #fff;
	background-color: #f9ce07;
	border-color: #967c04;
}
.btn-warning:hover {
	color: #fff;
	background-color: #f9ce07;
	border-color: #d7b205;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
	color: #fff;
	background-color: #f9ce07;
	border-color: #d7b205;
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
	color: #fff;
	background-color: #d7b205;
	border-color: #967c04;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
	background-image: none;
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
	background-color: #fad839;
	border-color: #f9d320;
}
.btn-warning .badge {
	color: #fad839;
	background-color: #fff;
}
.btn-danger {
	color: #fff;
	background-color: #db2c2c;
	border-color: #cb2323;
}
.btn-danger:focus, .btn-danger.focus {
	color: #fff;
	background-color: #b51f1f;
	border-color: #5e1010;
}
.btn-danger:hover {
	color: #fff;
	background-color: #b51f1f;
	border-color: #971a1a;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #b51f1f;
	border-color: #971a1a;
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
	color: #fff;
	background-color: #971a1a;
	border-color: #5e1010;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
	background-image: none;
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
	background-color: #db2c2c;
	border-color: #cb2323;
}
.btn-danger .badge {
	color: #db2c2c;
	background-color: #fff;
}
.btn-red {
	color: #fff;
	background-color: #e31c93;
	border-color: #ed2828;
}
.btn-red:focus, .btn-red.focus {
	color: #fff;
	background-color: #b61676;
	border-color: #8a0c0c;
}
.btn-red:hover {
	color: #fff;
	background-color: #b61676;
	border-color: #c81111;
}
.btn-red:active, .btn-red.active, .open > .btn-red.dropdown-toggle {
	color: #fff;
	background-color: #b61676;
	border-color: #c81111;
}
.btn-red:active:hover, .btn-red:active:focus, .btn-red:active.focus, .btn-red.active:hover, .btn-red.active:focus, .btn-red.active.focus, .open > .btn-red.dropdown-toggle:hover, .open > .btn-red.dropdown-toggle:focus, .open > .btn-red.dropdown-toggle.focus {
	color: #fff;
	background-color: #c81111;
	border-color: #8a0c0c;
}
.btn-red:active, .btn-red.active, .open > .btn-red.dropdown-toggle {
	background-image: none;
}
.btn-red.disabled:hover, .btn-red.disabled:focus, .btn-red.disabled.focus, .btn-red[disabled]:hover, .btn-red[disabled]:focus, .btn-red[disabled].focus, fieldset[disabled] .btn-red:hover, fieldset[disabled] .btn-red:focus, fieldset[disabled] .btn-red.focus {
	background-color: #e31c93;
	border-color: #ed2828;
}
.btn-red .badge {
	color: #e31c93;
	background-color: #fff;
}
.btn-blue {
	color: #fff;
	background-color: #0074c9;
	border-color: #004988;
}
.btn-blue:focus, .btn-blue.focus {
	color: #fff;
	background-color: #005da1;
	border-color: #000408;
}
.btn-blue:hover {
	color: #fff;
	background-color: #005da1;
	border-color: #00284a;
}
.btn-blue:active, .btn-blue.active, .open > .btn-blue.dropdown-toggle {
	color: #fff;
	background-color: #005da1;
	border-color: #00284a;
}
.btn-blue:active:hover, .btn-blue:active:focus, .btn-blue:active.focus, .btn-blue.active:hover, .btn-blue.active:focus, .btn-blue.active.focus, .open > .btn-blue.dropdown-toggle:hover, .open > .btn-blue.dropdown-toggle:focus, .open > .btn-blue.dropdown-toggle.focus {
	color: #fff;
	background-color: #00284a;
	border-color: #000408;
}
.btn-blue:active, .btn-blue.active, .open > .btn-blue.dropdown-toggle {
	background-image: none;
}
.btn-blue.disabled:hover, .btn-blue.disabled:focus, .btn-blue.disabled.focus, .btn-blue[disabled]:hover, .btn-blue[disabled]:focus, .btn-blue[disabled].focus, fieldset[disabled] .btn-blue:hover, fieldset[disabled] .btn-blue:focus, fieldset[disabled] .btn-blue.focus {
	background-color: #0074c9;
	border-color: #004988;
}
.btn-blue .badge {
	color: #0074c9;
	background-color: #fff;
}
.btn-black {
	color: #fff;
	background-color: #000;
	border-color: black;
}
.btn-black:focus, .btn-black.focus {
	color: #fff;
	background-color: black;
	border-color: black;
}
.btn-black:hover {
	color: #fff;
	background-color: black;
	border-color: black;
}
.btn-black:active, .btn-black.active, .open > .btn-black.dropdown-toggle {
	color: #fff;
	background-color: black;
	border-color: black;
}
.btn-black:active:hover, .btn-black:active:focus, .btn-black:active.focus, .btn-black.active:hover, .btn-black.active:focus, .btn-black.active.focus, .open > .btn-black.dropdown-toggle:hover, .open > .btn-black.dropdown-toggle:focus, .open > .btn-black.dropdown-toggle.focus {
	color: #fff;
	background-color: black;
	border-color: black;
}
.btn-black:active, .btn-black.active, .open > .btn-black.dropdown-toggle {
	background-image: none;
}
.btn-black.disabled:hover, .btn-black.disabled:focus, .btn-black.disabled.focus, .btn-black[disabled]:hover, .btn-black[disabled]:focus, .btn-black[disabled].focus, fieldset[disabled] .btn-black:hover, fieldset[disabled] .btn-black:focus, fieldset[disabled] .btn-black.focus {
	background-color: #000;
	border-color: black;
}
.btn-black .badge {
	color: #000;
	background-color: #fff;
}
.btn-primary.btn-outline {
	color: #02afab;
	background-color: transparent;
	border-color: #02afab;
}
.btn-primary.btn-outline:focus, .btn-primary.btn-outline.focus {
	color: #FFF;
	background-color: #02afab;
	border-color: #02afab;
}
.btn-primary.btn-outline:hover {
	color: #FFF;
	background-color: #02afab;
	border-color: #02afab;
}
.btn-primary.btn-outline:active, .btn-primary.btn-outline.active, .open > .btn-primary.btn-outline.dropdown-toggle {
	color: #FFF;
	background-color: #02afab;
	border-color: #02afab;
}
.btn-primary.btn-outline:active:hover, .btn-primary.btn-outline:active:focus, .btn-primary.btn-outline:active.focus, .btn-primary.btn-outline.active:hover, .btn-primary.btn-outline.active:focus, .btn-primary.btn-outline.active.focus, .open > .btn-primary.btn-outline.dropdown-toggle:hover, .open > .btn-primary.btn-outline.dropdown-toggle:focus, .open > .btn-primary.btn-outline.dropdown-toggle.focus {
	color: #FFF;
	background-color: #02afab;
	border-color: #02afab;
}
.btn-primary.btn-outline:active, .btn-primary.btn-outline.active, .open > .btn-primary.btn-outline.dropdown-toggle {
	background-image: none;
}
.btn-primary.btn-outline.disabled:hover, .btn-primary.btn-outline.disabled:focus, .btn-primary.btn-outline.disabled.focus, .btn-primary.btn-outline[disabled]:hover, .btn-primary.btn-outline[disabled]:focus, .btn-primary.btn-outline[disabled].focus, fieldset[disabled] .btn-primary.btn-outline:hover, fieldset[disabled] .btn-primary.btn-outline:focus, fieldset[disabled] .btn-primary.btn-outline.focus {
	background-color: #02afab;
	border-color: #02afab;
}
.btn-primary.btn-outline .badge {
	color: #02afab;
	background-color: #02afab;
}
.btn-success.btn-outline {
	color: #029b17;
	background-color: transparent;
	border-color: #028213;
}
.btn-success.btn-outline:focus, .btn-success.btn-outline.focus {
	color: #FFF;
	background-color: #029b17;
	border-color: #028213;
}
.btn-success.btn-outline:hover {
	color: #FFF;
	background-color: #029b17;
	border-color: #028213;
}
.btn-success.btn-outline:active, .btn-success.btn-outline.active, .open > .btn-success.btn-outline.dropdown-toggle {
	color: #FFF;
	background-color: #029b17;
	border-color: #028213;
}
.btn-success.btn-outline:active:hover, .btn-success.btn-outline:active:focus, .btn-success.btn-outline:active.focus, .btn-success.btn-outline.active:hover, .btn-success.btn-outline.active:focus, .btn-success.btn-outline.active.focus, .open > .btn-success.btn-outline.dropdown-toggle:hover, .open > .btn-success.btn-outline.dropdown-toggle:focus, .open > .btn-success.btn-outline.dropdown-toggle.focus {
	color: #FFF;
	background-color: #029b17;
	border-color: #028213;
}
.btn-success.btn-outline:active, .btn-success.btn-outline.active, .open > .btn-success.btn-outline.dropdown-toggle {
	background-image: none;
}
.btn-success.btn-outline.disabled:hover, .btn-success.btn-outline.disabled:focus, .btn-success.btn-outline.disabled.focus, .btn-success.btn-outline[disabled]:hover, .btn-success.btn-outline[disabled]:focus, .btn-success.btn-outline[disabled].focus, fieldset[disabled] .btn-success.btn-outline:hover, fieldset[disabled] .btn-success.btn-outline:focus, fieldset[disabled] .btn-success.btn-outline.focus {
	background-color: #029b17;
	border-color: #028213;
}
.btn-success.btn-outline .badge {
	color: #029b17;
	background-color: #029b17;
}
.btn-info.btn-outline {
	color: #5bc0de;
	background-color: transparent;
	border-color: #46b8da;
}
.btn-info.btn-outline:focus, .btn-info.btn-outline.focus {
	color: #FFF;
	background-color: #5bc0de;
	border-color: #46b8da;
}
.btn-info.btn-outline:hover {
	color: #FFF;
	background-color: #5bc0de;
	border-color: #46b8da;
}
.btn-info.btn-outline:active, .btn-info.btn-outline.active, .open > .btn-info.btn-outline.dropdown-toggle {
	color: #FFF;
	background-color: #5bc0de;
	border-color: #46b8da;
}
.btn-info.btn-outline:active:hover, .btn-info.btn-outline:active:focus, .btn-info.btn-outline:active.focus, .btn-info.btn-outline.active:hover, .btn-info.btn-outline.active:focus, .btn-info.btn-outline.active.focus, .open > .btn-info.btn-outline.dropdown-toggle:hover, .open > .btn-info.btn-outline.dropdown-toggle:focus, .open > .btn-info.btn-outline.dropdown-toggle.focus {
	color: #FFF;
	background-color: #5bc0de;
	border-color: #46b8da;
}
.btn-info.btn-outline:active, .btn-info.btn-outline.active, .open > .btn-info.btn-outline.dropdown-toggle {
	background-image: none;
}
.btn-info.btn-outline.disabled:hover, .btn-info.btn-outline.disabled:focus, .btn-info.btn-outline.disabled.focus, .btn-info.btn-outline[disabled]:hover, .btn-info.btn-outline[disabled]:focus, .btn-info.btn-outline[disabled].focus, fieldset[disabled] .btn-info.btn-outline:hover, fieldset[disabled] .btn-info.btn-outline:focus, fieldset[disabled] .btn-info.btn-outline.focus {
	background-color: #5bc0de;
	border-color: #46b8da;
}
.btn-info.btn-outline .badge {
	color: #5bc0de;
	background-color: #5bc0de;
}
.btn-warning.btn-outline {
	color: #fad839;
	background-color: transparent;
	border-color: #f9d320;
}
.btn-warning.btn-outline:focus, .btn-warning.btn-outline.focus {
	color: #FFF;
	background-color: #fad839;
	border-color: #f9d320;
}
.btn-warning.btn-outline:hover {
	color: #FFF;
	background-color: #fad839;
	border-color: #f9d320;
}
.btn-warning.btn-outline:active, .btn-warning.btn-outline.active, .open > .btn-warning.btn-outline.dropdown-toggle {
	color: #FFF;
	background-color: #fad839;
	border-color: #f9d320;
}
.btn-warning.btn-outline:active:hover, .btn-warning.btn-outline:active:focus, .btn-warning.btn-outline:active.focus, .btn-warning.btn-outline.active:hover, .btn-warning.btn-outline.active:focus, .btn-warning.btn-outline.active.focus, .open > .btn-warning.btn-outline.dropdown-toggle:hover, .open > .btn-warning.btn-outline.dropdown-toggle:focus, .open > .btn-warning.btn-outline.dropdown-toggle.focus {
	color: #FFF;
	background-color: #fad839;
	border-color: #f9d320;
}
.btn-warning.btn-outline:active, .btn-warning.btn-outline.active, .open > .btn-warning.btn-outline.dropdown-toggle {
	background-image: none;
}
.btn-warning.btn-outline.disabled:hover, .btn-warning.btn-outline.disabled:focus, .btn-warning.btn-outline.disabled.focus, .btn-warning.btn-outline[disabled]:hover, .btn-warning.btn-outline[disabled]:focus, .btn-warning.btn-outline[disabled].focus, fieldset[disabled] .btn-warning.btn-outline:hover, fieldset[disabled] .btn-warning.btn-outline:focus, fieldset[disabled] .btn-warning.btn-outline.focus {
	background-color: #fad839;
	border-color: #f9d320;
}
.btn-warning.btn-outline .badge {
	color: #fad839;
	background-color: #fad839;
}
.btn-danger.btn-outline {
	color: #db2c2c;
	background-color: transparent;
	border-color: #cb2323;
}
.btn-danger.btn-outline:focus, .btn-danger.btn-outline.focus {
	color: #FFF;
	background-color: #db2c2c;
	border-color: #cb2323;
}
.btn-danger.btn-outline:hover {
	color: #FFF;
	background-color: #db2c2c;
	border-color: #cb2323;
}
.btn-danger.btn-outline:active, .btn-danger.btn-outline.active, .open > .btn-danger.btn-outline.dropdown-toggle {
	color: #FFF;
	background-color: #db2c2c;
	border-color: #cb2323;
}
.btn-danger.btn-outline:active:hover, .btn-danger.btn-outline:active:focus, .btn-danger.btn-outline:active.focus, .btn-danger.btn-outline.active:hover, .btn-danger.btn-outline.active:focus, .btn-danger.btn-outline.active.focus, .open > .btn-danger.btn-outline.dropdown-toggle:hover, .open > .btn-danger.btn-outline.dropdown-toggle:focus, .open > .btn-danger.btn-outline.dropdown-toggle.focus {
	color: #FFF;
	background-color: #db2c2c;
	border-color: #cb2323;
}
.btn-danger.btn-outline:active, .btn-danger.btn-outline.active, .open > .btn-danger.btn-outline.dropdown-toggle {
	background-image: none;
}
.btn-danger.btn-outline.disabled:hover, .btn-danger.btn-outline.disabled:focus, .btn-danger.btn-outline.disabled.focus, .btn-danger.btn-outline[disabled]:hover, .btn-danger.btn-outline[disabled]:focus, .btn-danger.btn-outline[disabled].focus, fieldset[disabled] .btn-danger.btn-outline:hover, fieldset[disabled] .btn-danger.btn-outline:focus, fieldset[disabled] .btn-danger.btn-outline.focus {
	background-color: #db2c2c;
	border-color: #cb2323;
}
.btn-danger.btn-outline .badge {
	color: #db2c2c;
	background-color: #db2c2c;
}
.btn-red.btn-outline {
	color: #e31c93;
	background-color: transparent;
	border-color: #ed2828;
}
.btn-red.btn-outline:focus, .btn-red.btn-outline.focus {
	color: #FFF;
	background-color: #e31c93;
	border-color: #ed2828;
}
.btn-red.btn-outline:hover {
	color: #FFF;
	background-color: #e31c93;
	border-color: #ed2828;
}
.btn-red.btn-outline:active, .btn-red.btn-outline.active, .open > .btn-red.btn-outline.dropdown-toggle {
	color: #FFF;
	background-color: #e31c93;
	border-color: #ed2828;
}
.btn-red.btn-outline:active:hover, .btn-red.btn-outline:active:focus, .btn-red.btn-outline:active.focus, .btn-red.btn-outline.active:hover, .btn-red.btn-outline.active:focus, .btn-red.btn-outline.active.focus, .open > .btn-red.btn-outline.dropdown-toggle:hover, .open > .btn-red.btn-outline.dropdown-toggle:focus, .open > .btn-red.btn-outline.dropdown-toggle.focus {
	color: #FFF;
	background-color: #e31c93;
	border-color: #ed2828;
}
.btn-red.btn-outline:active, .btn-red.btn-outline.active, .open > .btn-red.btn-outline.dropdown-toggle {
	background-image: none;
}
.btn-red.btn-outline.disabled:hover, .btn-red.btn-outline.disabled:focus, .btn-red.btn-outline.disabled.focus, .btn-red.btn-outline[disabled]:hover, .btn-red.btn-outline[disabled]:focus, .btn-red.btn-outline[disabled].focus, fieldset[disabled] .btn-red.btn-outline:hover, fieldset[disabled] .btn-red.btn-outline:focus, fieldset[disabled] .btn-red.btn-outline.focus {
	background-color: #e31c93;
	border-color: #ed2828;
}
.btn-red.btn-outline .badge {
	color: #e31c93;
	background-color: #e31c93;
}
.btn-blue.btn-outline {
	color: #0074c9;
	background-color: transparent;
	border-color: #004988;
}
.btn-blue.btn-outline:focus, .btn-blue.btn-outline.focus {
	color: #FFF;
	background-color: #0074c9;
	border-color: #004988;
}
.btn-blue.btn-outline:hover {
	color: #FFF;
	background-color: #0074c9;
	border-color: #004988;
}
.btn-blue.btn-outline:active, .btn-blue.btn-outline.active, .open > .btn-blue.btn-outline.dropdown-toggle {
	color: #FFF;
	background-color: #0074c9;
	border-color: #004988;
}
.btn-blue.btn-outline:active:hover, .btn-blue.btn-outline:active:focus, .btn-blue.btn-outline:active.focus, .btn-blue.btn-outline.active:hover, .btn-blue.btn-outline.active:focus, .btn-blue.btn-outline.active.focus, .open > .btn-blue.btn-outline.dropdown-toggle:hover, .open > .btn-blue.btn-outline.dropdown-toggle:focus, .open > .btn-blue.btn-outline.dropdown-toggle.focus {
	color: #FFF;
	background-color: #0074c9;
	border-color: #004988;
}
.btn-blue.btn-outline:active, .btn-blue.btn-outline.active, .open > .btn-blue.btn-outline.dropdown-toggle {
	background-image: none;
}
.btn-blue.btn-outline.disabled:hover, .btn-blue.btn-outline.disabled:focus, .btn-blue.btn-outline.disabled.focus, .btn-blue.btn-outline[disabled]:hover, .btn-blue.btn-outline[disabled]:focus, .btn-blue.btn-outline[disabled].focus, fieldset[disabled] .btn-blue.btn-outline:hover, fieldset[disabled] .btn-blue.btn-outline:focus, fieldset[disabled] .btn-blue.btn-outline.focus {
	background-color: #0074c9;
	border-color: #004988;
}
.btn-blue.btn-outline .badge {
	color: #0074c9;
	background-color: #0074c9;
}
.btn-black.btn-outline {
	color: #000;
	background-color: transparent;
	border-color: black;
}
.btn-black.btn-outline:focus, .btn-black.btn-outline.focus {
	color: #FFF;
	background-color: #000;
	border-color: black;
}
.btn-black.btn-outline:hover {
	color: #FFF;
	background-color: #000;
	border-color: black;
}
.btn-black.btn-outline:active, .btn-black.btn-outline.active, .open > .btn-black.btn-outline.dropdown-toggle {
	color: #FFF;
	background-color: #000;
	border-color: black;
}
.btn-black.btn-outline:active:hover, .btn-black.btn-outline:active:focus, .btn-black.btn-outline:active.focus, .btn-black.btn-outline.active:hover, .btn-black.btn-outline.active:focus, .btn-black.btn-outline.active.focus, .open > .btn-black.btn-outline.dropdown-toggle:hover, .open > .btn-black.btn-outline.dropdown-toggle:focus, .open > .btn-black.btn-outline.dropdown-toggle.focus {
	color: #FFF;
	background-color: #000;
	border-color: black;
}
.btn-black.btn-outline:active, .btn-black.btn-outline.active, .open > .btn-black.btn-outline.dropdown-toggle {
	background-image: none;
}
.btn-black.btn-outline.disabled:hover, .btn-black.btn-outline.disabled:focus, .btn-black.btn-outline.disabled.focus, .btn-black.btn-outline[disabled]:hover, .btn-black.btn-outline[disabled]:focus, .btn-black.btn-outline[disabled].focus, fieldset[disabled] .btn-black.btn-outline:hover, fieldset[disabled] .btn-black.btn-outline:focus, fieldset[disabled] .btn-black.btn-outline.focus {
	background-color: #000;
	border-color: black;
}
.btn-black.btn-outline .badge {
	color: #000;
	background-color: #000;
}
.btn-link {
	color: #02afab;
	font-weight: 600;
	border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
	background-color: transparent;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
	border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
	color: #000;
	background-color: transparent;
	text-decoration: none;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
	text-decoration: none;
}
.btn-white {
	background-color: #FFF;
	border-color: #ccc;
}
.panel > .btn-block {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}
.bs-example .btn, .bs-example-group .btn-group {
	margin: 4px 8px 4px 0;
}
.bs-example-block .btn {
	margin: 6px 0;
}
.btn [class^="icon-"], .btn [class*=" icon-"] {
	font-weight: normal;
	margin-left: 0;
	margin-right: 0;
}




/* Various Screens
   ========================================================================== */
   
/**
 * Login Page
 */
.login-container {
	padding: 30px 0;
	position: relative;
}
.login-branding {
	background: url("../images/bg-login.jpg") #0a6db7 center bottom no-repeat  ;
	background-size: cover;
	margin: auto;
	text-align: center;
	min-height: 300px;
	padding: 100px 0;

}
.login-content {
	width: 380px;
	margin: auto;
	padding: 30px 30px 15px;
	border-radius: 3px;
	font-size: 16px;
	max-width: 94%;
}
.login-avatar {
	text-align: center;
	margin-bottom: 20px;
}
.login-avatar img {
	width: 160px;
	height: 160px;
}
.login-content .input-group-addon [class^="icon-"], .login-content .input-group-addon [class*=" icon-"] {
	margin: 0;
}
.login-content .form-control {
	border: 2px solid #dcdcdc;
	padding: 8px;
	font-size: 16px;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	-ms-border-radius: 5;
	border-radius: 5;
	height: 36px;
}
.login-content .form-action {
	margin-top: 30px;
}
.login-content .btn {
	font-size: 16px;
	padding: 8px 12px;
}
.login-content a {
	color: #02afab;
}
.login-content a:hover {
	color: #000;
}

.login-content .btn-gradient { background: url("../images/bg-button-login.png") left bottom no-repeat #0074c9 !important; }
.login-content .btn-gradient:hover { background: #005da1!important; }



/* User views
   ========================================================================== */


.cards-container.box-view .card {
	border: solid 1px #d8d8d8;
	border-radius: 4px;
	display: flex;
	flex-direction: column;
	min-width: 0;
    margin-bottom: 25px !important;
	box-shadow:0 0 8px #d2d2d2;
}

.bg-light {
   	background-color: rgba(225,239,239,.2);
}

.bg-light:hover {
   	background-color: rgba(0,176,171,0.075);
	box-shadow:0 10px 8px rgba(215,229,229,1)!important
}


.cards-container .card-header {
	position: relative;
	clear: both;
	min-height: 92px;
	padding: 18px 15px 2px;
	transition: all .5s ease;
}

.card-header .card-photo {
	float: left;
	width: 60px;
	margin: 0 15px 12px 0;
	position: absolute;
}

.cards-container .card-short-description, 
.cards-container .card-content {
	position: relative;
	margin-left: 76px;
}

.cards-container .card-content {
	padding: 0 15px 2px;
}

.cards-container.grid-view .card-content {
	margin-left: 0;
	font-size: 13px;
	padding: 12px 15px;
	transition: all .5s ease;
}


.cards-container.grid-view .card-header {
	border-bottom: 1px solid #dedede;
	padding-bottom: 12px;
    position: relative;
    clear: both;
    min-height: 92px;
    padding: 18px 15px 2px;
	background: #fff;
}

.cards-container.grid-view.short-view .card-header {
	border-color: $brand-primary; 
}

.cards-container.short-view .card-header {
	min-height: 95px;
}

.card .badge {
	padding: 4px 8px;
	text-transform: uppercase;
}

.card-short-description .user-name {
	display: inline-block;
	vertical-align: middle;
	font-weight: 600;
}

.cards-container .card-short-description, 
.card-short-description h5 { 
	font-size: 16px; 
	font-weight: 400; 
}

.cards-container.grid-view .card-short-description, 
.cards-container.grid-view .card-short-description h5 { 
	font-size: 14px; 
}

.cards-container.grid-view .card-short-description {
	margin-top: 8px;
}

.cards-container.grid-view .card-short-description h5 {
	margin-bottom: 2px;
}

.cards-container.grid-view .card-short-description p {
	margin-bottom: 5px;
}

.cards-container.grid-view .card-short-description p .badge {
	margin-top: 5px;
	margin-bottom: 5px;
}

.card-short-description .user-name + .badge { margin-left: 12px; }

ul.list-action {
	text-transform: uppercase;
	font-size: 12px;
}

ul.list-action li a,
.card-short-description .user-name a:hover {
	color: $brand-primary;
}

ul.list-action li a:hover {
	color: #333;
}

.cards-container .card-footer {
	color: #FFF;
	padding: 5px 3px;
	@include border-radius(0 0 3px 3px);
}

.cards-container .card-footer ul.list-inline > li > a {
	color: #FFF;
}

.cards-container .card-footer ul.list-inline {
	margin-bottom: 0;
}

.cards-container .card-footer  .list-inline > li {
	padding-left: 0;
	padding-right: 0;
}


.cards-container .card-footer ul.list-inline>li>.btn-link {
    color: #FFF !important;
}

.card-footer {
    background-color: #02afab;
    color: #FFF;
    padding: 5px 15px;
}


.list-group-item{
    border: none !important;
}
/* Footer
   ========================================================================== */
.footer-main {
	border-top: solid 1px #ddd;
	padding: 10px 0 2px;
	margin-top: 3rem;
}

.site-logo > img {
	width: 80%;
	height: 80% !important;
	object-fit: scale-down;
	margin-left: 10%;
	margin-top: 5%;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #f3f3f3;
    opacity: 1;
}

/* User views    ========================================================================== */
		body#userLogin #backgroundLogin {background: url( "../images/bg-user.jpg") center center; background-size: cover;}

        body#userLogin {
            overflow: hidden;
        }

        #userLogin .home-center {
            display: table;
            width: 100%;
            height: 100%;
        }

        #userLogin .home-desc-center {
            display: table-cell;
            vertical-align: middle;
        }

        #userLogin .form-group label {
            font-size: 14px;
            font-weight: 700;
        }

        #userLogin .form-group .form-control {
            box-shadow: none;
            border: 1px solid #dee2e6;
            height: 42px;
            font-size: 13px;
            border-radius: 10px;
            transition: all .5s ease;
        }

        #userLogin .login-page .forgot-pass {
            z-index: 99;
            position: relative;
            font-size: 13px;
        }

        #userLogin .btn {
            padding: 8px 20px;
            outline: none;
            text-decoration: none;
            font-size: 16px;
            letter-spacing: .5px;
            transition: all .3s;
            font-weight: 600;
            border-radius: 10px;
        }

        #userLogin .btn-primary {
            bs-btn-color: #fff;
            bs-btn-bg: #008ec6;
            bs-btn-border-color: #008ec6;
            bs-btn-hover-color: #fff;
            bs-btn-hover-bg: #00a1e0;
            bs-btn-hover-border-color: #00a1e0;
            bs-btn-focus-shadow-rgb: 49, 132, 253;
            bs-btn-active-color: #fff;
            bs-btn-active-bg: #0a58ca;
            bs-btn-active-border-color: #0a53be;
            bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            bs-btn-disabled-color: #fff;
            bs-btn-disabled-bg: #0d6efd;
            bs-btn-disabled-border-color: #0d6efd;
        }




/* Blog    ========================================================================== */
        .blog .content .title {
            font-size: 20px;
            transition: all .5s ease;
        }

		.blog .content { background-color: rgba(239,239,239,.4); transition: all .5s ease; }

        .blog {
			border: 1px solid #d8d8d8;
            transition: all .3s ease;
            text-align: center;
        }

        .blog.text-left {
            text-align: left;
        }

        .blog:hover .content {
            background: rgba(0,176,171,0.075)!important;
        }


        .anime:hover {
            transform: translateY(-10px);
            cursor: pointer;
        }

        .anime:hover .author {
            opacity: 1;
        }

        .blog .author {
            position: absolute;
            top: 5%;
            left: 5%;
            z-index: 1;
            opacity: 0;
            transition: all .5s ease;
        }

        .overlay {
            opacity: .6;
            backdrop-filter: blur(10px);
        }

        .overlay {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: 0;
            transition: all .5s ease;
        }

        a {
            text-decoration: none !important;
        }

        .position-relative {
            position: relative !important;
        }

        .overflow-hidden {
            overflow: hidden !important;
        }

        .img-fluid {
            max-width: 100%;
            height: auto;
        }

        .bg-dark {
            background-color: rgba(1,141,195,1.25) !important;
        }
        .shadow {
            box-shadow: 0 0 3px rgba(0, 0, 0, .15) !important;
        }

        .title {
            font-weight: 700;
        }



        .rounded {
            border-radius: 10px !important;
        }

        .fw-light {
            font-weight: 300 !important
        }

        .fw-normal {
            font-weight: 400 !important
        }

        .fw-medium {
            font-weight: 500 !important
        }

        .fw-semibold {
            font-weight: 600 !important
        }

        .fw-bold {
            font-weight: 700 !important
        }

        .fw-bolder {
            font-weight: bolder !important
        }
		.p-3 {
			padding: 1rem !important;
		}
		.p-4 {
			padding: 1.5rem!important;
		}


/*.cards-container.box-view .card.bg-light:nth-child(even) { background-color: #ffffff!important; }
.cards-container.box-view .card.bg-light:nth-child(even):hover { background-color: rgba(0,176,171,0.075)!important;}
*/


/* Card    ========================================================================== */


        #map {
            height: 360px;
            width: 100%;
        }


		

.container-fix { max-width: 1230px; margin: 0 auto; }



.checkbox label, .radio label {
    padding-left: 0;
	padding-right: 20px; 
}


.img-circle {
    border-radius: 50%;
}


.alert-success {
    color: #1d5e5b;
    background-color: #99dfdd;
    border-color: #d6e9c6;
}