@font-face {
	font-family:'Roboto';
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Light'), local('Roboto-Light');
}
@font-face {
	font-family:'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Regular'), local('Roboto-Regular');
}
@font-face {
	font-family:'Roboto';
	font-style: normal;
	font-weight: 500;
	src: local('Roboto Medium'), local('Roboto-Medium');
}
@font-face {
	font-family:'Roboto';
	font-style: italic;
	font-weight: 300;
	src: local('Roboto Light Italic'), local('Roboto-LightItalic');
}
@font-face {
	font-family:'Roboto';
	font-style: italic;
	font-weight: 400;
	src: local('Roboto Italic'), local('Roboto-Italic');
}
@font-face {
	font-family:'Roboto';
	font-style: italic;
	font-weight: 500;
	src: local('Roboto Medium Italic'), local('Roboto-MediumItalic');
}
* {
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
body {
	background: #eeeeee;
}
table tbody tr td {
	vertical-align: middle !important;
}
@media only screen and (max-width: 480px) {
	.modal {
	  text-align: center;
	  padding: 0!important;
	}

	.modal:before {
	  content: '';
	  display: inline-block;
	  height: 100%;
	  vertical-align: middle;
	  margin-right: -4px; /* Adjusts for spacing */
	}

	.modal-dialog {
	  display: inline-block;
	  text-align: left;
	  vertical-align: middle;
	}
}
.modal-mobile {
	padding: 3px;
}
.module-header > .row > .left {
	padding-left: 15px;
}
blockquote {
	border-left: 5px solid #0278ae;
}
/* =================================
   Typography
   ================================= */
.ng-ckeditor{border:0 none}
body {
	font-family:"Roboto", sans-serif;
	font-size: 14px;
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family:"Roboto", sans-serif;
	font-weight: 400;
}
a {
	color: #3EB249;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #2b3035;
	outline: 0;
}
b, strong {
	font-weight: 500;
}
#refeshInfodb:hover {
	cursor: pointer;
	color: #78BBE6;
}
#refeshInfodb:active {
	color: #59ABE0;
}
.footerMobile {
	padding: 7px;
	margin-top: 1px;
	border: none
}
.footer-more-issues-mobile {
	margin-top: 0;
}
.no-padding-no-margin > .no-padding {
	margin-bottom: 0;
}
.menu-three-dot > ul > li > a > i {
	height: 5px;
	width: 5px;
	margin-right: 5px
}
.inputSearchMobile {
	height: 55px !important;
	font-size: 17px;
}
.modal-body-mobile {
	padding: 2px 0 1px 0;
}
.buttonSearchMobile {
	height: 37px;
}
.group-button-mobile {
	right: 0;
	left: auto;
}
.moneylover-background {
	height: 128px;
	margin: 100px auto;
	width: 128px;
}
.listHeader {
	white-space: nowrap;
}
.inputTags, .btn-del-tag, .btn-add-tag {
	height: 50px !important;
}
.btn-del-tag, .btn-add-tag {
	width: 50px;
}
.modal-body-tag {
	padding: 0;
}
.hidden-xs-fix > .hidden-xs {
	display: inline-flex !important;
}
.footer-tag > button {
	width: 70px;
	height: 40px;
	font-size: 15px;
}
.checkboxAdmin {
	margin: 10px 0 0 !important;
}
.footer-tag {
	margin-top: 0;
}
.searchMobile {
	position: absolute;
	right: 20px;
	top: calc(50% - 17px);
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background: transparent;
	cursor: default;
}
.cursor-pointer {
	cursor: pointer !important
}

.ml-fade {
	opacity: 0;
	display: none;
	visibility: hidden;
}
.ml-fade.in {
	opacity: 1;
	display: block;
	visibility: visible;
}

/*
	Tooltip
*/

.tooltip {
	z-index: 10051;
}

.tooltip .tooltip-inner {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.modal-content {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/* =================================
   Layout
   ================================= */
 .amount-income {
	color: #3498cb !important;
}
.amount-expense {
	color: #d75c42 !important;
}
.logo {
	width: 32px;
}

#oldE, #newE {
	padding-left: 0;
	background-color: white;
	color: #34495E;
}
#oldE:disabled, #newE:disabled {
	color: #999999
}
.formChangeEmail {
	margin-top: 50px;
	border-radius: 4px;
	background-color: white;
	padding: 40px 40px 30px 40px;
	-webkit-box-shadow: 8px 8px 26px -13px rgba(107,107,107,0.99);
	-moz-box-shadow: 8px 8px 26px -13px rgba(107,107,107,0.99);
	box-shadow: 8px 8px 26px -13px rgba(107,107,107,0.99);
}
.btn-change-email {
	float: right;
	margin-top: 27px;
	height: 39px;
	width: auto;
	/*min-width: 80px;*/
}
.btn-change-email:hover {
	box-shadow: inset 0 0 0 3px #4f4b67;
}

.alertInputEmail {
	height: 36px;
}
.alertInputEmail > span {
	position: absolute;
	bottom: 3px;
	font-size: 16px;
}
.alertInputEmail > .requiredAlert {
	color: #34495E;

}
.add-admin {
	font-size: 1.5em
}
.dropdown-menu-fix {
	min-width: 113px;
	left: auto;
	right: 0;
}
.margin-ul-dropdown {
	margin: 10px 0 0 ;
}
.alertInputEmail > .validAlert {
	color: #F1C40F;
}
.alertInputEmail > .rightAlert {
	color: #3498DB;
}
.formChangeEmail > form > div > div > input {
	font-size: 18px;
}
.formChangeEmail > .form-group {
	margin-bottom: 25px;
}
#wrapper {
	padding-left: 110px;
	transition: all 0.4s ease 0s;
}
#sidebar-wrapper {
	margin-left: -310px;
	left: 310px;
	width: 115px;
	background: #2b3035;
	position: fixed;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 9999;
	transition: all 0.4s ease 0s;
}
#sidebar-wrapper.open {
	left: 310px;
}
#sidebar-wrapper.active {
	width: 365px;
}
#content-wrapper {
	width: 100%;
}
.main-content.padding {
	padding: 20px;
	background: #EEEEEE;
}
.agrow {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

.load-before-change {
	font-size: 1.333em
}

.statusProcess {
	text-transform: uppercase;
	font-weight: bold;
	color: green;
}
.stoppedColor {
	color: orange;
}
.onlineColor {
	color: green;
}
.warningCpuColor {
	color: red;
	font-weight: bold;
}
.spaceSpin {
	margin-right: 4px;
}
.refeshInfo {
	cursor: pointer;
	color: #cccccc;
}
.refeshInfo:hover {
	color: white;
}
.refreshInfo {
	animation: ajax-rotate 1.6s infinite linear;
	-webkit-animation: ajax-rotate 1.6s infinite linear;
	/*-webkit-animation-iteration-count: 1;*/
	/*animation-iteration-count: 1;*/
}
.modal-body-tag > div {
	margin: 3px;
}

.load-before-change {
	animation: ajax-rotate 1.3s infinite linear;
	-webkit-animation: ajax-rotate 1.3s infinite linear;
}
@keyframes ajax-rotate
  {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
  }

@-webkit-keyframes ajax-rotate
 {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
 }
.menuActionProcess {
	min-width: 120px;
}
/* =================================
   Sidebar
   ================================= */
 .sidebar-icon {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 115px;
	height: 100%;
	background: #32383d;
	text-align: center;
}
.sidebar-icon li {
	height: 64px;
	line-height: 60px;
}
.sidebar-icon li a {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
}
.sidebar-icon li:not(.sidebar-header) a {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
	display: block;
	cursor: pointer;
	line-height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 60px;
}
.sidebar-icon li:not(.sidebar-header) a > * {
	line-height: normal;
}
.sidebar-icon li:not(.sidebar-header) a span {
	margin-top: 5px;
	display: block;
}
.sidebar-icon li a:hover, .sidebar-icon li.active a {
	color: #fff;
	text-decoration: none;
	background: #2b3035;
}
.sidebar-header {
	background: #3EB249;
	height: 64px;
	/*line-height: 60px;*/
}
.currentVersion {
	color: white;
	cursor: default;
	font-size: 12px;
	font-weight: bold;
	opacity: 0.7;
}
.sidebar-icon > .sidebar-header {
	line-height: 25px;
	padding-top: 8px
}
.sidebar-group {
	position: absolute;
	top: 0px;
	left: 115px;
	width: 300px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.sidebar-group li {
	line-height: 40px;
	text-indent: 20px;
	color: #8693a0;
	font-size: 18px;
	font-weight: lighter;
	font-family:"Roboto", sans-serif;
}
.sidebar-group li a {
	color: #8693a0;
	display: block;
}
.sidebar-group li a:hover {
	color: #fff;
	background: rgba(0, 0, 0, 0.2);
}
.sidebar-group > .navigation-header {
	font-family:"Roboto", sans-serif;
	text-transform: uppercase;
	height: 64px;
	line-height: 60px;
	color: #c9d5e0;
}
/* =================================
   Header
   ================================= */
 .main-header {
	background: white;
	height: 64px;
	line-height: 64px;
}
.main-header h3 {
	color: #2f4254;
	margin: 0 0 0 20px;
	line-height: 60px;
	display: inline-block;
}
.user-profile {
	float: right;
	margin-right: 20px;
	/*height: 64px;*/
	position: relative;
}
.user-profile a:hover {
	text-decoration: none;
}
.user-profile img {
	max-height: 32px;
}
.user-profile .user-dropdown {
	display: block;
	height: 64px;
	padding: 0 15px;
}
.user-profile .user-dropdown:hover {
	background: #3EB249;
	color: #fff;
}
.user-profile.open > a {
	background: #3EB249;
	color: #fff;
}
/*#show-menu {*/
	/*display: inline-block;*/
	/*z-index: 999;*/
	/*-moz-transition: all 0.4s ease 0s !important;*/
	/*-webkit-transition: all 0.4s ease 0s !important;*/
	/*transition: all 0.4s ease 0s !important;*/
/*}*/
#show-menu {
	display: none;
}
/*#show-menu.sidebar-opened {*/
	/*position: fixed;*/
	/*left: 265px;*/
	/*top: 10px;*/
/*}*/
.user-dropdown span {
	margin-right: 5px;
	text-transform: uppercase;
}
/* =================================
   Modules
   ================================= */
 .module {
	background: #fff;
	/*border-bottom: 2px solid #59636d;*/
	margin-bottom: 20px;
}
.module .module-header {
	background: #59636d;
	color: #fff;
	padding: 15px 20px;
	position: relative;
}
.module .module-header.no-padding {
	padding: 0;
}
.module .module-header > .nav {
	font-family:"Roboto", sans-serif;
}
.module .module-header h4 {
	margin: 0;
	padding: 0;
}
.module .module-content {
	padding: 15px 20px;
	flex-direction: column;
	gap: 36px;
	flex-wrap: wrap;
}
.module.no-padding .module-content {
	padding: 0;
}
.module.no-padding .module-content table {
	margin-bottom: 0;
}
.box-module {
	background: #fff;
	padding: 15px;
	margin-bottom: 15px;
	border-top: 3px solid #3EB249;
	transition: all 0.4s ease 0s;
}
.box-module small {
	color: #a1a1a1;
	font-size: 14px;
}
.box-module h3 {
	margin-top: 0;
	color: #2b3035;
}
.box-module h3 span, .box-module h3 i {
	color: #a1a1a1;
}
.box-module h3 span {
	font-size: 13px;
}
.box-module .stats-positive span, .box-module .stats-positive i {
	color: #3EB249;
}
.box-module .stats-negative span, .box-module .stats-negative i {
	color: #d54a51;
}
.box-module .stats-stagnant span, .box-module .stats-stagnant i {
	color: #e68a72;
}
.box-module .mini-graph {
	float: left;
	margin-right: 10px;
}
.module-green {
	border-color: #3EB249;
}
.module-green .module-header {
	background: #3EB249;
}
.module-green h1 {
	color: #3EB249;
}
.module-orange {
	border-color: #e68a72;
}
.module-orange .module-header {
	background: #e68a72;
}
.module-orange h1 {
	color: #e68a72;
}
.module-red {
	border-color: #d54a51;
}
.module-red .module-header {
	background: #d54a51;
}
.module-red h1 {
	color: #d54a51;
}
.module-blue {
	border-color: #6eb8d3;
}
.module-blue .module-header {
	background: #6eb8d3;
}
.module-blue h1 {
	color: #6eb8d3;
}
.module-yellow {
	border-color: #ffd36d;
}
.module-yellow .module-header {
	background: #ffd36d;
}
.module-yellow h1 {
	color: #ffd36d;
}
.module-grape {
	border-color: #ed5564;
}
.module-grape .module-header {
	background: #ed5564;
}
.module-grape h1 {
	color: #ed5564;
}
.module-pink {
	border-color: #ec87c1;
}
.module-pink .module-header {
	background: #ec87c1;
}
.module-pink h1 {
	color: #ec87c1;
}
.module-purple {
	border-color: #a77a94;
}
.module-purple .module-header {
	background: #a77a94;
}
.module-purple h1 {
	color: #a77a94;
}
.module-deepsea {
	border-color: #247882;
}
.module-deepsea .module-header {
	background: #247882;
}
.module-deepsea h1 {
	color: #247882;
}
.module-content .module-subtitle:first-child {
	margin-top: 0;
}
.module-subtitle {
	margin-bottom: 15px;
	box-shadow: inset 0 -2px 0 #eee;
	padding: 0 0 9px 0;
	color: #7f7f7f;
}
.module-subtitle span {
	padding-bottom: 5px;
	border-bottom: 2px solid #3EB249;
	cursor: default;
}
.menu-three-dot {
	margin: 5px 10px 0 10px;
	vertical-align: middle;
	text-align: center;
}
.sizeEmail {
	font-size: 18px;
}
.menu-three-dot button {
	background-color: transparent;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	overflow: hidden;
	color: white;
	width: 25px;
	height: 25px;
}
.menu-three-dot-btn {
	background-color: transparent;
	background-repeat: no-repeat;
	border: none;
	cursor: pointer;
	overflow: hidden;
	color: white;
	width: 25px;
	height: 25px;
}
.function-left {
	float: left;
	display: inline-block;
}
.function-right {
	float: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 60%;
}
.function-right > button {
	margin-left: 2px;
	margin-right: 2px
}
.function-right .quick-search-box {
	position: relative;
	right: initial;
	top: initial;
	width: 600px;
	min-width: 180px;
}
/* =================================
   Error page
   ================================= */
 .full-page {
	background: #3EB249;
	color: #fff;
	text-align: center;
	margin: 100px 0;
}
.full-page h1 {
	font-size: 72px;
	display: block;
}
.full-page a {
	color: #fff;
}
.login-box {
	background-color: #fff;
	padding: 20px;
	width: 100%;
	max-width: 342px;
	margin: 0 auto;
	text-align: left;
}
.login-box h1, .user-title-page h1 {
	font-size: 22px;
	color: #3EB249;
	margin-top: 0;
	text-align: center;
	margin-bottom: 20px;
}
.login-box .form-control {
	margin-bottom: 20px;
}
.login-box a {
	/*color: #3EB249;*/
	float: right;
}
/* =================================
   Alerts
   ================================= */
 .alert {
	border-radius: 0;
	border: 0;
}
.alert.alert-success {
	background: #3EB249;
	color: #f8fbf9;
	border-left: 3px solid #3e8357;
}
.alert.alert-info {
	background: #6eb8d3;
	color: white;
	border-left: 3px solid #3389a8;
}
.alert.alert-warning {
	background: #e68a72;
	color: white;
	border-left: 3px solid #ce4724;
}
.alert.alert-danger {
	background: #d54a51;
	color: #fbf0f0;
	border-left: 3px solid #962329;
}
.alert a {
	color: #fff;
	text-decoration: underline;
}
.close {
	opacity: 0.5;
}
/* =================================
   Buttons
   ================================= */
 .btn {
	border-radius: 0;
	border: 0;
	color: #2b3035;
	background: #e8e8e8;
	font-family:"Roboto", sans-serif;
	font-weight: 400;
}
 .full-width {
	 width: 100%;
 }
.btn:hover, .btn:focus, .btn:active, .btn.active {
	background: #2b3035;
	color: #fff;
}
.btn:hover .caret, .btn:focus .caret, .btn:active .caret, .btn.active .caret {
	border-top-color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background: #2b3035;
}
.btn-primary {
	border-color: #767197;
	color: #fff;
	background: #767197;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
	background: #5e5a7b;
	color: #fff;
}
.btn-success {
	border-color: #3EB249;
	color: #fff;
	background: #3EB249;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
	background: #35973e;
	color: #fff;
}
.btn-info {
	border-color: #6eb8d3;
	color: #fff;
	background: #6eb8d3;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
	background: #47a5c7;
	color: #fff;
}
.btn-warning {
	border-color: #ffd36d;
	color: #fff;
	background: #ffd36d;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
	background: #ffc43a;
	color: #fff;
}
.btn-danger {
	border-color: #d54a51;
	color: #fff;
	background: #d54a51;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
	background: #c02c34;
	color: #fff;
}
.btn-orange {
	border-color: #e68a72;
	color: #fff;
	background: #e68a72;
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active, .btn-orange.active {
	background: #de6647;
	color: #fff;
}
.btn-pink {
	border-color: #ec87c1;
	color: #fff;
	background: #ec87c1;
}
.btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active {
	background: #e55baa;
	color: #fff;
}
.btn-grape {
	border-color: #ed5564;
	color: #fff;
	background: #ed5564;
}
.btn-fix{
	background: red!important;
    color: #fff;
    border-color: red !important;
    padding: 10px !important;
    text-shadow: 0 0px 0 #fff !important ;
	font-weight: 100 !important;
}
.btn-grape:hover, .btn-grape:focus, .btn-grape:active, .btn-grape.active {
	background: #e8273a;
	color: #fff;
}
.btn-deepsea {
	border-color: #247882;
	color: #fff;
	background: #247882;
}
.btn-deepsea:hover, .btn-deepsea:focus, .btn-deepsea:active, .btn-deepsea.active {
	background: #19535a;
	color: #fff;
}
.btn-lime {
	border-color: #bfd841;
	color: #fff;
	background: #bfd841;
}
.btn-lime:hover, .btn-lime:focus, .btn-lime:active, .btn-lime.active {
	background: #a6bf27;
	color: #fff;
}
.btn-facebook {
	border-color: #3b5998;
	color: #fff;
	background: #3b5998;
}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active {
	background: #2d4373;
	color: #fff;
}
.btn-twitter {
	border-color: #00acee;
	color: #fff;
	background: #00acee;
}
.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active {
	background: #0087bb;
	color: #fff;
}
.btn-linkedin {
	border-color: #1783bc;
	color: #fff;
	background: #1783bc;
}
.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active {
	background: #11638f;
	color: #fff;
}
.btn-group.open .caret {
	border-top-color: #fff;
}
.btn-group.open .btn-default .caret {
	border-top-color: #2b3035;
}
/* =================================
   Tables
   ================================= */
 .table thead th {
	background: #3EB249;
	color: #fff;
	text-transform: uppercase;
	border: 0 !important;
}
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
	border-color: #ccd6e0;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
	background: #f6f6f6;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th {
	border: 0 !important;
}
.table-bordered {
	border-color: #3EB249;
}
.table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border-color: #ccd6e0;
}
.table .progress {
	margin-bottom: 0;
}

.table-responsive {
	width: 100%;
	overflow-x: scroll;
}
/* =================================
   Tabs
   ================================= */
 .nav-tabs {
	border-bottom: 0;
}
.nav-tabs > li {
	margin-bottom: 0;
}
.nav-tabs > li > a {
	border-radius: 0;
	border: 0;
	background: #2b3035;
	color: #fff;
	margin-right: 0;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li > a:active, .nav-tabs > li > a.open {
	background: black;
}

.nav-tabs > li > a.active {
	background: green;
	color: whitesmoke;
	font-weight: normal;
}

.nav-tabs > li > a:hover .caret, .nav-tabs > li > a:focus .caret, .nav-tabs > li > a:active .caret, .nav-tabs > li > a.active .caret, .nav-tabs > li > a.open .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}
.nav-tabs > li > a .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border: 0;
	background: #3EB249;
	color: #fff;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background: #3EB249;
	color: #fff;
}
.nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}
.nav-pills > li > a {
	border-radius: 0;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background: #3EB249;
}
.panel-default {
	border-color: #3EB249;
	border-radius: 0;
}
.panel-default > .panel-heading {
	background-color: #3EB249;
	border-color: #3EB249;
	border-radius: 0;
}
.panel-title a {
	color: #f8fbf9;
}
.panel-title a:hover, .panel-title a:active, .panel-title a:focus {
	color: #fff;
}
.panel-group .panel {
	border-radius: 0;
}
.no-padding-no-margin {
	margin: 0;
	padding: 0;
}
.wide-modal-mobile {
	width: 90vw;
}
.modal-header-info-mobile {
	background-color: #6EB8D3;
	color: white;
}
.no-margin {
	margin-top: 0;
	margin-bottom: 0
}
.fix-font > tr > th {
	font-weight: 300;
}

.open-report-color, .error-report-color {
	position: absolute;
	top: -2px;
	right: 15px;
	font-size: 1.2em;

}
.extend-box-module {
	cursor: pointer;
}
.extend-box-module:hover > .valueOpenReport,
.open-report-color {
	color: #A77A94;
}
.extend-box-module:hover > .valueErrorReport,
.error-report-color {
	color: #FFD36D;
}
.titleReport {
	padding: 15px 15px 15px 0;
}

/* =================================
   Progress bars
   ================================= */
 .progress {
	border-radius: 0;
	box-shadow: none;
	background-color: #e8e8e8;
	height: 15px;
}
.progress-bar {
	background-color: #3EB249;
	box-shadow: none;
}
.progress-bar-success {
	background-color: #3EB249;
}
.progress-bar-info {
	background-color: #6eb8d3;
}
.progress-bar-warning {
	background-color: #e68a72;
}
.progress-bar-danger {
	background-color: #d54a51;
}
/* =================================
   List groups
   ================================= */
 .list-group-item:first-child, .list-group-item:last-child {
	border-radius: 0;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	background-color: #3EB249;
	border-color: #3EB249;
}
/* =================================
   Labels
   ================================= */
 .label {
	border-radius: 0;
}
.label-primary {
	background-color: #3EB249;
}
.label-success {
	background-color: #3EB249;
}
.label-info {
	background-color: #6eb8d3;
}
.label-warning {
	background-color: #e68a72;
}
.label-danger {
	background-color: #d54a51;
}
/* =================================
   Forms
   ================================= */
.form-control {
	background: #f6f6f6;
	border-width: 0 0 1px;
	border-radius: 0;
	box-shadow: none;
	/*border-width: 2px;*/
	border-color: #e8e8e8;
	height: 38px;
}
.form-control:focus {
	box-shadow: none;
	border-color: #3EB249;
}
.control-label {
	font-weight: normal;
}
.input-group-addon {
	border: 0;
	background: #e8e8e8;
	border-radius: 0;
}
.input-group .btn {
	height: 38px;
}
.has-success .help-block, .has-success .control-label {
	color: #3EB249;
}
.has-success .form-control {
	border-color: #3EB249;
	box-shadow: none;
}
.has-success .form-control:focus {
	border-color: #3e8357;
	box-shadow: none;
}
.has-warning .help-block, .has-warning .control-label {
	color: #e68a72;
}
.has-warning .form-control {
	border-color: #e68a72;
	box-shadow: none;
}
.has-warning .form-control:focus {
	border-color: #ce4724;
	box-shadow: none;
}
.has-error .help-block, .has-error .control-label {
	color: #d54a51;
}
.has-error .form-control {
	border-color: #d54a51;
	box-shadow: none;
}
.has-error .form-control:focus {
	border-color: #962329;
	box-shadow: none;
}
.input-avatar {
	overflow: hidden;
	margin-bottom: 15px;
}
.input-avatar a {
	margin-bottom: 10px;
}
.alertLimitDevice {
	margin-bottom: 0;
	margin-top: 10px;
	padding-bottom: 0;
	padding-left: 0;
	color: red;
}
.limitDevice {
	height: 50px;
	width: 150px;
	font-size: 20px;
}
.input-avatar .input-avatar-preview {
	background: #e8e8e8;
	height: 75px;
	width: 75px;
	text-align: center;
	line-height: 75px;
	color: #a1a1a1;
	float: left;
	margin-right: 15px;
}
.input-group-addon {
	/*background: transparent;*/
	min-width: 45px;
}

/* =================================
   Components
   Tasks
   ================================= */
 .list-tasks {
	list-style: none;
	margin: 0;
	padding: 0;
}
.list-tasks li {
	padding: 10px 15px;
	border-bottom: 1px solid #e8e8e8;
	position: relative;
}
.list-tasks li span {
	float: left;
	height: 48px;
	margin-top: 0px;
	margin-right: 15px;
	color: #3EB249;
}
.list-tasks li small {
	color: #a1a1a1;
}
.list-tasks li a {
	display: block;
	font-size: 22px;
}
.list-tasks li > div > i {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #e8e8e8;
}
.list-tasks li > div > i.icon-lock {
	font-size: 20px;
	right: 60px;
	top: 23px;
}
.list-tasks li.task-tag-red {
	border-left: 2px solid #d54a51;
}
.list-tasks li.task-tag-blue {
	border-left: 2px solid #6eb8d3;
}
.list-tasks li.task-tag-yellow {
	border-left: 2px solid #ffd36d;
}
.list-tasks li.task-tag-green {
	border-left: 2px solid #3EB249;
}
.list-tasks .task-header {
	background: #e8e8e8;
	font-family:"Roboto", sans-serif;
	font-size: 16px;
	padding: 5px 14px;
	text-transform: uppercase;
	border: 0;
}
.list-tasks .task-header.task-overdue {
	background: #d54a51;
	color: #fff;
}
.list-tasks .task-header.task-blue {
	background: #d54a51;
	color: #fff;
}
.list-tasks .task-header.task-green {
	background: #d54a51;
	color: #fff;
}
/* =================================
   Activity feed
   ================================= */
 .activity-feed-wrapper {
	box-shadow: inset 3px 0 0 #e8e8e8;
}
.activity-feed-wrapper .activity-feed-items {
	padding: 0 0 0 16px;
}
.activity-feed-wrapper .activity-feed-items .activity-feed-item {
	border: 2px solid #e8e8e8;
	margin-bottom: 15px;
	padding: 15px;
	transition: all 0.4s ease 0s;
}

.activity-feed-wrapper .activity-feed-items .activity-feed-item h4 {
	margin-top: 0;
	color: #3EB249;
}
.activity-feed-wrapper .activity-feed-items .activity-feed-item h4 i {
	color: #e8e8e8;
}
.activity-feed-wrapper .activity-feed-items .activity-feed-item small {
	color: #a1a1a1;
}
.activity-feed-wrapper .activity-feed-items .activity-feed-item span {
	text-indent: -9999px;
	width: 13px;
	height: 13px;
	background: #cccccc;
	display: block;
	border-radius: 12px;
	float: left;
	margin-left: -38px;
	/*box-shadow: 0px 0px 3px 2px rgba(194, 255, 194, 0.8);*/
}
.activity-feed-wrapper .activity-feed-items .activity-feed-item:hover {
	border-color: #2b3035;
}
/* =================================
   User list
   ================================= */
.user-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.user-list li {
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
}
.user-list li small {
	display: block;
	font-weight: normal;
	color: #a1a1a1;
}
.user-list li img {
	float: left;
	margin-right: 10px;
	max-height: 50px;
}
.user-list li a {
	font-weight: bold;
}
.user-list li i {
	position: absolute;
	right: 0;
	top: 15px;
}
.status-online {
	color: #3EB249;
}
.status-offline {
	color: #d54a51;
}
/* =================================
   Transaction list
   ================================= */
 .transaction-list {
	list-style: none;
	padding: 0;
}
.transaction-list li {
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
}
.transaction-list li small {
	display: block;
	font-weight: normal;
	color: #a1a1a1;
}
.transaction-list li img {
	float: left;
	margin-right: 10px;
	max-height: 50px;
}
.transaction-list li a {
	font-weight: 400;
}
.transaction-list li i {
	position: absolute;
	right: 0;
	top: 15px;
}
.transaction-list li span.amount {
	position: absolute;
	right: 0;
	top: 15px;
}
.transaction-list span.amount {
	color: #3498cb;
}
.transaction-list .transaction-expense span.amount {
	color: #d75c42;
}
.transaction-list-data {
	padding: 10px 20px;
	position: relative;
}
.transaction-list-data span.amount {
	position: absolute;
	right: 20px;
	top: 10px;
	color: #999;
}
/* =================================
   Knobs
   ================================= */
.donut-stats {
	display: inline-block;
	margin: 15px 10px;
	text-align: center;
}
/* =================================
   Dropdown menu
   ================================= */
.dropdown-menu {
	border-radius: 0;
	border-width: 2px;
	border-color: #2b3035;
	text-align: left;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background: #2b3035;
	color: #FFF;
}
/* =================================
   Morris.js
   ================================= */
.chart {
	height: 200px;
}
.morris-hover {
	position: absolute;
	z-index: 1000;
}
.morris-hover.morris-default-style {
	padding: 6px;
	color: #666;
	background: rgba(255, 255, 255, 0.9);
	border: solid 2px #3EB249;
	font-size: 14px;
	text-align: center;
}
.morris-hover.morris-default-style .morris-hover-row-label {
	font-weight: bold;
	margin: 0.25em 0;
}
.morris-hover.morris-default-style .morris-hover-point {
	white-space: nowrap;
	margin: 0.1em 0;
}
/*
	Category view
*/
.ml-category-view {
	position: relative;
	height:50px;
}
.ml-category-view .icon-category {
	display: block;
	width: 55px;
	position: absolute;
	left:0;
	top:0;
	cursor: pointer;
}
.ml-category-view .icon-category > img {
	width: 100%;
}

.ml-category-view .title-category {
	margin-left: 50px;
	margin-top: 0;
	padding-top: 1px;
}

.title-category h3 {
	border-bottom: 1px solid #E8E8E8;
	color:#555555;
	margin-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	cursor: pointer;
}
.ml-category-view .title-category h3 {
	color: #999999;
}
.ml-category-view.selected .title-category h3 {
	color:#555555;
}
.ml-category-view.selected .title-category h3:hover {
	color:#6DBA89;
}

.ml-category-view .title-category
/* =================================
   Full calendar
   ================================= */
 .fc {
	direction: ltr;
	text-align: left;
}
.fc table {
	border-collapse: collapse;
	border-spacing: 0;
}
html .fc, .fc table {
	font-size: 1em;
}
.fc td, .fc th {
	padding: 0;
	vertical-align: top;
}
/* Header
------------------------------------------------------------------------*/
 .fc-header td {
	white-space: nowrap;
}
.fc-header-left {
	width: 25%;
	text-align: left;
}
.fc-header-center {
	text-align: center;
}
.fc-header-right {
	width: 25%;
	text-align: right;
}
.fc-header-title {
	display: inline-block;
	vertical-align: top;
}
.fc-header-title h2 {
	margin-top: 0;
	white-space: nowrap;
	color: #3EB249;
	font-size: 24px;
}
.fc .fc-header-space {
	padding-left: 10px;
}
.fc-header .fc-button {
	margin-bottom: 1em;
	vertical-align: top;
}
/* buttons edges butting together */
 .fc-header .fc-button {
	margin-right: -1px;
}
.fc-header .fc-corner-right, .fc-header .ui-corner-right {
	/* theme */
	margin-right: 0;
	/* back to normal */
}
/* button layering (for border precedence) */
 .fc-header .fc-state-hover, .fc-header .ui-state-hover {
	z-index: 2;
}
.fc-header .fc-state-down {
	z-index: 3;
}
.fc-header .fc-state-active, .fc-header .ui-state-active {
	z-index: 4;
}
/* Content
------------------------------------------------------------------------*/
 .fc-content {
	clear: both;
	zoom: 1;
	/* for IE7, gives accurate coordinates for [un]freezeContentHeight */
}
.fc-view {
	width: 100%;
	overflow: hidden;
}
/* Cell Styles
------------------------------------------------------------------------*/
 .fc-widget-header, .fc-widget-content {
	/* <td>, usually */
	border: 1px solid #ddd;
}
.fc-state-highlight {
	/* <td> today cell */
	/* TODO: add .fc-today to <th> */
	background: #fcf8e3;
}
.fc-cell-overlay {
	/* semi-transparent rectangle while dragging */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30);
	/* for IE */
}
.label-required:after{
	color: red;
	content: "*";
}
/* Buttons
------------------------------------------------------------------------*/
 .fc-button {
	position: relative;
	display: inline-block;
	padding: 0 .6em;
	overflow: hidden;
	height: 1.9em;
	line-height: 1.9em;
	white-space: nowrap;
	cursor: pointer;
}
.fc-state-default {
	/* non-theme */
	border: 1px solid;
}
/*
	Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
	and we'll try to make them look good cross-browser.
*/
 .fc-text-arrow {
	margin: 0 .1em;
	font-size: 2em;
	font-family:"Courier New", Courier, monospace;
	vertical-align: baseline;
	/* for IE7 */
}
.fc-button-prev .fc-text-arrow, .fc-button-next .fc-text-arrow {
	/* for &lsaquo; &rsaquo; */
	font-weight: bold;
}
/* icon (for jquery ui) */
 .fc-button .fc-icon-wrap {
	position: relative;
	float: left;
	top: 50%;
}
.fc-button .ui-icon {
	position: relative;
	float: left;
	margin-top: -50%;
	*margin-top: 0;
	*top: -50%;
}
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
 .fc-state-default {
	background-color: #e8e8e8;
	border-color: #e8e8e8;
	color: #333;
}
.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
	color: #fff !important;
	background-color: #3EB249 !important;
	border-color: #3EB249;
}
.fc-state-hover {
	color: #fff;
	text-decoration: none;
}
.fc-state-hover .fc-text-arrow {
	color: #fff;
}
.fc-state-down, .fc-state-active {
	background-color: #cccccc;
	background-image: none;
	outline: 0;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
}
/* Global Event Styles
------------------------------------------------------------------------*/
 .fc-event-container > * {
	z-index: 8;
}
.fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing {
	z-index: 9;
}
.fc-event {
	border: 1px solid #2b3035;
	/* default BORDER color */
	background-color: #2b3035;
	/* default BACKGROUND color */
	color: #fff;
	/* default TEXT color */
	font-size: .85em;
	cursor: default;
}
.fc-event:hover {
	background-color: #3EB249;
	border-color: #3EB249;
}
a.fc-event {
	text-decoration: none;
}
a.fc-event, .fc-event-draggable {
	cursor: pointer;
}
.fc-rtl .fc-event {
	text-align: right;
}
.fc-event-inner {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.fc-event-time, .fc-event-title {
	padding: 0 1px;
}
.fc .ui-resizable-handle {
	display: block;
	position: absolute;
	z-index: 99999;
	overflow: hidden;
	/* hacky spaces (IE6/7) */
	font-size: 300%;
	/* */
	line-height: 50%;
	/* */
}
/* Horizontal Events
------------------------------------------------------------------------*/
 .fc-event-hori {
	border-width: 1px 0;
	margin-bottom: 1px;
}
.fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end {
	border-left-width: 1px;
}
.fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start {
	border-right-width: 1px;
}
/* resizable */
 .fc-event-hori .ui-resizable-e {
	top: 0 !important;
	/* importants override pre jquery ui 1.7 styles */
	right: -3px !important;
	width: 7px !important;
	height: 100% !important;
	cursor: e-resize;
}
.fc-event-hori .ui-resizable-w {
	top: 0 !important;
	left: -3px !important;
	width: 7px !important;
	height: 100% !important;
	cursor: w-resize;
}
.fc-event-hori .ui-resizable-handle {
	_padding-bottom: 14px;
	/* IE6 had 0 height */
}
/* Reusable Separate-border Table
------------------------------------------------------------*/
 table.fc-border-separate {
	border-collapse: separate;
}
.fc-border-separate th, .fc-border-separate td {
	border-width: 1px 0 0 1px;
}
.fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
	border-right-width: 1px;
}
.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
	border-bottom-width: 1px;
}
.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
	border-top-width: 0;
}
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
 .fc-grid th {
	text-align: center;
}
.fc .fc-week-number {
	width: 22px;
	text-align: center;
}
.fc .fc-week-number div {
	padding: 0 2px;
}
.fc-grid .fc-day-number {
	float: right;
	padding: 0 2px;
}
.fc-grid .fc-other-month .fc-day-number {
	opacity: 0.3;
	filter: alpha(opacity=30);
	/* for IE */
	/* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */
}
.fc-grid .fc-day-content {
	clear: both;
	padding: 2px 2px 1px;
	/* distance between events and day edges */
}
/* event styles */
 .fc-grid .fc-event-time {
	font-weight: bold;
}
/* right-to-left */
 .fc-rtl .fc-grid .fc-day-number {
	float: left;
}
.fc-rtl .fc-grid .fc-event-time {
	float: right;
}
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
 .fc-agenda table {
	border-collapse: separate;
}
.fc-agenda-days th {
	text-align: center;
}
.fc-agenda .fc-agenda-axis {
	width: 50px;
	padding: 0 4px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	font-weight: normal;
}
.fc-agenda .fc-week-number {
	font-weight: bold;
}
.fc-agenda .fc-day-content {
	padding: 2px 2px 1px;
}
/* make axis border take precedence */
 .fc-agenda-days .fc-agenda-axis {
	border-right-width: 1px;
}
.fc-agenda-days .fc-col0 {
	border-left-width: 0;
}
/* all-day area */
 .fc-agenda-allday th {
	border-width: 0 1px;
}
.fc-agenda-allday .fc-day-content {
	min-height: 34px;
	/* TODO: doesnt work well in quirksmode */
	_height: 34px;
}
/* divider (between all-day and slots) */
 .fc-agenda-divider-inner {
	height: 2px;
	overflow: hidden;
}
.fc-widget-header .fc-agenda-divider-inner {
	background: #eee;
}
/* slot rows */
 .fc-agenda-slots th {
	border-width: 1px 1px 0;
}
.fc-agenda-slots td {
	border-width: 1px 0 0;
	background: none;
}
.fc-agenda-slots td div {
	height: 20px;
}
.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
	border-top-width: 0;
}
.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td {
	border-top-style: dotted;
}
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
	*border-top-style: solid;
	/* doesn't work with background in IE6/7 */
}
/* Vertical Events
------------------------------------------------------------------------*/
 .fc-event-vert {
	border-width: 0 1px;
}
.fc-event-vert.fc-event-start {
	border-top-width: 1px;
}
.fc-event-vert.fc-event-end {
	border-bottom-width: 1px;
}
.fc-event-vert .fc-event-time {
	white-space: nowrap;
	font-size: 10px;
}
.fc-event-vert .fc-event-inner {
	position: relative;
	z-index: 2;
}
.fc-event-vert .fc-event-bg {
	/* makes the event lighter w/ a semi-transparent overlay  */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .25;
	filter: alpha(opacity=25);
}
.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg {
	display: none\9;
	/* for IE6/7/8. nested opacity filters while dragging don't work */
}
/* resizable */
 .fc-event-vert .ui-resizable-s {
	bottom: 0 !important;
	/* importants override pre jquery ui 1.7 styles */
	width: 100% !important;
	height: 8px !important;
	overflow: hidden !important;
	line-height: 8px !important;
	font-size: 11px !important;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
}
.fc-agenda .ui-resizable-resizing {
	/* TODO: better selector */
	_overflow: hidden;
}
/* =================================
   Mobile
   ================================= */
	 .btn-faq-mobile > button, .btn-faq-mobile > a {
		 position: absolute;
		 top: calc(50% - 15px);
	 }
	 .btn-faq-mobile > button {
		 right: 10px;
	 }
	 .btn-faq-mobile > a {
		 right: 90px;
	 }
	.dropdown-faq-mobile > button {
		height: 35px;
		width: 70px;
	}
	.dropdown-language-faq {
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	.modal-body-email-mobile > button {
		min-width: 250px;
		height: 50px;
	}
	.modal-body-email-mobile {
		padding: 5px;
	}
	.listHeader {
		display: inline-flex;
	}
	.issue-button-mobile > div > a {
		width: 100%;
		height: 40px;
		padding-top: 10px;
	}
	.group-mobile-btn-issue{
		margin-bottom: 15px;
	}
	.issue-button-mobile  {
		margin-bottom: 4px;
	}
	.top-btn {
		padding-right: 2px;
	}
	.mid-btn {
		padding-left: 2px;
		padding-right: 2px;
	}
	.last-btn {
		padding-left: 2px;
	}
	.listHeader > span {
		padding-top: 5px;
	}
	.listHeader > .btn-back {
		margin-right: 15px;
	}
	.dropdown-mobile-issue > div > .btn-group > button{
		width: 80px;
		height: 40px;
		padding-top: 5px;
	}
 @media (max-width: 768px) {
	/* Sidebar Hide */
	#wrapper {
		padding-left: 0;
	}
	#sidebar-wrapper {
		left: 0;
		z-index: 1000;
	}
	#wrapper.active {
		position: relative;
		left: 310px;
	}
	#wrapper.active #sidebar-wrapper {
		left: 310px;
		width: 310px;
		transition: all 0.4s ease 0s;
	}
	/* Header */
	.user-dropdown span {
		display: none;
	}
	#show-menu {
		display: inline-block;
	}
	/* Custom Paddings */
	.main-content.padding {
		padding: 15px;
	}
}
.the-icons .col-sm-3 a[class^="icon-"], .the-icons .col-sm-3 a[class*=" icon-"] {
	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
	text-align: right;
	width: 32px;
}
.the-icons a {
	color: #2b3035;
}
#ml-wallet {
	background: #22262A;
	display: block;
	left: 64px;
	position: absolute;
	top: 0;
}
#ml-wallet .navigation-header {
	cursor: pointer;
	border-bottom: 1px solid #222;
}
#ml-categoryTab li {
	text-align: center;
	width: 50%;
}
#ml-wallet .wallet-name {
	display: block;
	float: left;
	height: 64px;
	width: 200px;
}
#ml-wallet .icon-caret-down {
	position: absolute;
	right: 18px;
	top: 20px;
}
#ml-wallet .wallet-name .name {
	display: block;
	height: 40px;
	line-height: 40px;
}
#ml-wallet .wallet-name .amount {
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: 30px;
}
#notification {
	display: inline-block;
	position: absolute;
	top: 0;
}
.lock-screen {
	overflow: hidden;
}
#display-login {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
#display-login {
	background: #6DBA89;
}
.disable-background {
	margin: 100px 0;
}
#user-action {
	background: none repeat scroll 0 0 #FFFFFF;
	margin: 0 auto;
	max-width: 320px;
	width: 100%;
}
.message-forgotpassword {
	margin-bottom: 20px;
}
.user-title-page {
	padding: 20px 20px 0;
}
.user-title-page h1 {
	margin-bottom: 10px;
}
.user-title-page p {
	margin: 0;
}
.user-other-action {
	padding: 0 20px 20px;
}
.p-link {
	cursor: pointer;
	color: #6DBA89;
	display: inline-block;
}
.p-link:hover {
	color: #2B3035;
}
.form-group .p-link {
	margin-top: 5px;
}
form .form-group:last-child {
	margin-bottom: 0;
}
.login-box .form-group .form-control {
	margin-bottom: 5px;
}
#account-mini-list {
	background: rgba(0, 0, 0, 0.8);
	display: block;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	overflow-y: auto;
	z-index: 1000;
}
#account-mini-list .content {
	background: #FFFFFF;
	margin: 100px auto;
	max-height: 500px;
	padding: 20px;
	width: 100%;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#account-mini-list .content h1 {
	margin: 0 0 15px 0;
	text-align: center;
}
.fade-animate.ng-enter, .account-animate.ng-leave {
	-webkit-transition: 0.3s linear all;
	-moz-transition: 0.3s linear all;
	transition: 0.3s linear all;
}
.fade-animate.ng-enter {
	opacity: 0;
}
.fade-animate.ng-enter.ng-enter-active {
	opacity: 1;
}
img.category-icon {
	width: 48px;
}
.category-item {
	display: table;
	width: 100%;
}
.category-item .category-icon, .category-item .category-name, .category-item .cateogry-action {
	display: inline-block;
}
.category-item .category-name {
}
.category-item .cateogry-action:hover {
	cursor: pointer;
	color: #AAAAAA;
}
.category-sub {
	margin-right: -15px;
	margin-left: 20px;
}
.input-avatar-preview > img {
	width: 64px;
}
#categoryTab li {
	text-align: center;
	width: 50%;
}
.form-group .radio-inline {
	margin-left: 15px;
	padding-top: 5px;
}
#account-mini-list .form-horizontal .form-group {
	margin: 10px 0;
}
#account-mini-list .form-horizontal .form-group .input-group {
	width: 100%;
}
#account-mini-list .form-horizontal .form-group .input-group-addon {
	width: 40px;
	text-align: center;
}
.transaction-list .module-header h4{
	text-align: center;
}
.transaction-list .module-header .ml-btn-action {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.transaction-list .module-header .ml-btn {
	background: #2B3035;
	height: 100%;
	padding: 15px 10px;
	position: absolute;
	color: #E8E8E8;
	z-index: 10;
}
.transaction-list .module-header .ml-btn:hover {
	background: #E8E8E8;
	color: #2B3035;
}

.transaction-list .module-header .ml-btn-action .ml-btn-prev {
	left: 0;
}
.transaction-list .module-header .ml-btn-action .ml-btn-next {
	right: 0;
}
.module .module-content .transaction-msg {
	padding: 15px 20px;
	flex-direction: column;
	gap: 36px;
	flex-wrap: wrap;
}

#ml-wallet-manager .form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
}

.modal .search-currency {
	width: 100%;
	margin-bottom: 25px;
}

.modal .list-currency .module-subtitle {
	box-shadow: inset 0 -1px 0 #eee;
}

.modal .list-currency .module-subtitle span {
	border-bottom: 1px solid #6DBA89;
	padding-bottom: 6px;
	-webkit-transition:all linear 0.5s;
	transition:all linear 0.5s;
}

.modal .list-currency .select-currency:hover .module-subtitle span,
.ml-list-wallet:hover .module-subtitle span {
	border-color: #D54A51;
}

.modal .list-currency .select-currency {
	position: relative;
}

.modal .list-currency .select-currency:hover,
.modal .list-currency .module-subtitle span {
	cursor: pointer;
}

.modal .list-currency .currency-symbol {
	position: absolute;
	right: 5px;
	top: 5px;
	color: #7F7F7F;
}

.modal .list-currency .selected .module-subtitle {
	box-shadow: inset 0 -1px 0 #6DBA89;
}

.modal .list-currency .selected .module-subtitle span {
	border-color: #D54A51 !important;
}

.animate-repeat {
	/*line-height:40px;*/
	list-style:none;
	box-sizing:border-box;
}

.animate-repeat.ng-move,
.animate-repeat.ng-enter,
.animate-repeat.ng-leave {
	-webkit-transition:all linear 0.5s;
	transition:all linear 0.5s;
}

.animate-repeat.ng-leave.ng-leave-active,
.animate-repeat.ng-move,
.animate-repeat.ng-enter {
	opacity:0;
	max-height:0;
}

.animate-repeat.ng-leave,
.animate-repeat.ng-move.ng-move-active,
.animate-repeat.ng-enter.ng-enter-active {
	opacity:1;
	max-height:40px;
}

.modal .modal-footer.error-footer {
	padding: 5px 10px;
}

.ml-locked input[readonly] {
	cursor: pointer !important;
	background:transparent;
}

.btn-action-manager {
	display: inline-block;
	position: absolute;
	right: 20px;
	top: 9px;
}
.ml-list-wallet, .ml-list-wallet:hover .module-subtitle span {
	cursor: pointer;
}

/* Money Lover Datepicker */
.ml-datepicker .h1, .ml-datepicker .h2, .ml-datepicker .h3, .ml-datepicker .h4, .ml-datepicker .h5, .ml-datepicker .h6, .ml-datepicker thead th {
	font-weight: 300;

}


.ml-date-view {
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
}
.ml-date-view p, .ml-date-body h1 {
	margin: 0;
	cursor: pointer;
}

.full-calendar {
	position: relative;
	width:100%;
	border:1px solid #E8E8E8;
}

.full-calendar h1, .full-calendar h2, .full-calendar h3,.full-calendar  h4, .full-calendar h5, .full-calendar h6,
.full-calendar .h1, .full-calendar .h2, .full-calendar .h3, .full-calendar .h4, .full-calendar .h5, .full-calendar .h6 {
	margin: 0;
	text-align: center
}

.full-calendar .ml-calendar-day {
	background: none repeat scroll 0 0 #F5F5F5;
	margin-bottom: 15px;
	padding: 5px;
}

.full-calendar .ml-calendar-month h3, .full-calendar .ml-calendar-date h1 {
	font-weight: 400;
	color: #00AEF9;
}

.full-calendar .ml-calendar-month, .full-calendar .ml-calendar-date {
	margin-bottom: 10px;
}

.full-calendar .ml-calendar-date h1 {
	font-size: 72px;
}

.full-calendar .ml-calendar-year {
	padding: 10px;
}

/* Money Lover Datepicker */

.frmTransaction {
	position:relative;
}

.ml-preview-amount {
	left: 0;
	padding-left:45px;
	position: absolute;
	top: 38px;
	width: 100%;
	z-index: 2;
}
.ml-preview-amount .amount {
	background: #F5F5F5;
	padding: 10px;
	margin: 0;
}

/* Moneylover settings */
.ml-settings .module-subtitle {
	margin-bottom: 0;
}

.ml-settings .list-tasks {
	margin-bottom: 20px;
}

/* Add */
.quick-search-box {
	position: absolute;
	right: 20px;
	top: calc(50% - 19px);
	width: 50%;
	min-width: 180px;
}
.modal-body-allbutton {
	min-width: 250px;
	padding: 5px
}
.modal-body-allbutton > button {
	height: 50px;
}
.ml-event .img-thumbnail {
	width: 96px;
	height: 96px;
}


.form-group select {
	background: #F6F6F6;
	border-color: #CCCCCC;
	border-style: none none solid;
	border-width: 0 0 1px;
	padding: 6px 12px;
}

.ml-checkbox {
	display: inline-block;
	width:50%;
}
.view-lang, .view-lang i {
	cursor: pointer;
}

.ml-autoheight.ng-hide-add, .ml-autoheight.ng-hide-remove {
	-webkit-transition:all linear 0.5s;
	-moz-transition:all linear 0.5s;
	-o-transition:all linear 0.5s;
	transition:all linear 0.5s;
	/*display: block !important;*/
	/*height:auto;*/
}
.ml-autoheight.ng-hide-add.ng-hide-add-active,
.ml-autoheight.ng-hide-remove {
	opacity: 0;
}

.ml-autoheight.ng-hide-add,
.ml-autoheight.ng-hide-remove.ng-hide-remove-active {
	opacity: 1;
}

.ml-btn-group {
	margin-bottom: 10px;
}
.ml-thumbnail {
	width: 64px;
}

.dropdown-menu label {
	font-weight: normal;
	cursor: pointer;
}
.form-group .thumb {
	width: 100%;
}

.top-buffer{
	padding-top:20px;
}
.tags-wrapper {
	position: relative;
}
.tags-cloud .tag {
	float: left;
	padding: 4px 6px;
	font-size: 1em;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #f2f2f2;
	font-weight: 600;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #dddddd;
}
.tags-cloud .tag:hover {
	border: 1px solid #cccccc;
}
.tags-cloud .tag:hover .cross {
	opacity: 1;
}
.tags-cloud .tag .cross {
	margin-left: 5px;
	margin-right: 3px;
	font-size: 1em;
	color: #20a28e;
	opacity: .7;
	cursor: pointer;
}
.suggestions-list {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	font-size: 14px;
}
.suggestions-list li {
	color: #333333;
	font-weight: 600;
	padding: 4px 25px;
	font-size: 1em;
	cursor: pointer;
	background: #f2f2f2;
	border-bottom: 1px solid #dddddd;
}
.suggestions-list li:hover {
	background: #dddddd;
}
.suggestions-list li:active,
.suggestions-list li.active {
	color: #20a28e;
	background: #dddddd;
}
.suggestions-list:focus{
	outline:none;
}

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fa-times:before {
	content: "\f00d";
}

.fa-times-circle:before {
	content: "\f057";
}

.fa-times-circle-o:before {
	content: "\f05c";
}

/* Bubble with an isoceles triangle
------------------------------------------ */

.triangle-isosceles {
	position: relative;
	padding: 15px;
	margin: 1em 0 3em;
	color: #000;
	background: #f3961c;
	border-radius: 10px;
	background: linear-gradient(top, #f9d835, #f3961c);
}

/* creates triangle */
.triangle-isosceles:after {
	content: "";
	display: block; /* reduce the damage in FF3.0 */
	position: absolute;
	bottom: -15px;
	left: 50px;
	width: 0;
	border-width: 15px 15px 0;
	border-style: solid;
	border-color: #f3961c transparent;
}

.example-obtuse {
	position: relative;
	width: 80%;
	height: auto;
	min-height: 100px;
	padding: 0px;
	background: #C8F7C5;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 15px;
	margin-left: 20px;
	padding: 15px;
}

.example-obtuse + p {margin:10px 150px 2em 0; text-align:right; font-style:italic;}

.example-obtuse:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 12px 10px 0;
	border-color: transparent #C8F7C5;
	display: block;
	width: 0;
	z-index: 1;
	left: -12px;
	top: calc(50% - 15px);
}
.inside-bubble {
	margin-left: 0;
	margin-right: 0;
}
.example-right {
	float: right;
	position: relative;
	width: 80%;
	height: auto;
	background: #EEEEEE;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: #CCCCCC solid 1px;
	margin-right: 20px;
	min-height: 100px;
	padding: 15px;
	margin-bottom: 15px;
}
.example-right:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 0 10px 12px;
	border-color: transparent #CCCCCC;
	display: block;
	width: 0;
	z-index: 0;
	right: -13px;
	top: 20px;
}
.example-right:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 0 10px 12px;
	border-color: transparent #EEEEEE;
	display: block;
	width: 0;
	z-index: 1;
	right: -12px;
	top: 20px;
}

.chat-status-right {
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 50%;
	float: right;
	font-style: italic;
}
.btn-name-admin, .btn-name-admin:hover  {
	display: inline-block;
	padding: 6px;
	font-size: 14px;
	background-color: #883C82
}
.btn-name-admin {
	background: transparent;
	text-decoration:none;
	border: 1px solid #6E386E;
	color: #6E386E;
}
.btn-name-admin:hover {
	text-decoration:line-through;
}
.btn-add-admin > div > button {
	width: 100%;
}
.btn-add-admin + div {
	margin-top: 10px;
}
.hightlight-info {

}
.hidden-sm, .hidden-md {
	display: inline !important;
}
.inside-bubble > p {
	font-size: 16px;
	position: relative;
}
.last-line {
	margin-top: 8px;
	font-style: italic;
}
.colorTime {
	color: #34495E;
}
.seenIssues {
	padding-right: 10px;
	color: #6EA7C1;
}
.infoMachine {
	line-height: 1.6;
	margin-top: 9px;
}
.border-module, .border-module-purple, .border-module-blue {
	border-bottom: solid;
	border-bottom-width: 3px;
}
.border-module {
	border-color: #59636D;
}
.border-module-purple {
	border-color: #A77A94
}
.border-module-blue {
	border-color: #6EB8D3;
}
.update-issue-control {
	margin-top: 10px;
}



/********************************************/
.helpdesk-link {
    color: #108014;
}


/**********************************
======= NOTIFICATION CENTER =======
***********************************/

.notification-center {
	position:fixed;
	height: 100%;
	z-index: 10000000;
	overflow-y: scroll;
	transition: all 0.4s ease 0s;
	background-color: #EEEEEE;
	width: 310px;
	top: 0;
	right: 0;
	color: #4d4d4d;
	margin-right: -310px;
	padding-left: 25px;
	padding-right: 20px;
}

.notification-center.open {
	margin-right: 0;
	box-shadow: 0 0 40px #3b3b3b;
	-moz-box-shadow: 0 0 40px #3b3b3b;
	-webkit-box-shadow: 0 0 40px #3b3b3b;
}

.notification-card {
	background-color: white;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	transition: all 0.3s ease-out 0s;
	padding: 10px;
	position: relative;
	box-shadow: 0 0 2px #7b7b7b;
	-moz-box-shadow: 0 0 2px #7b7b7b;
	-webkit-box-shadow: 0 0 2px #7b7b7b;
	cursor: pointer;
}

.notification-card p {
	color: black;
}

.notification-card:hover p {
	font-weight: bolder;
}

.notification-card i {
	margin: 5px
}

.notification-card button {
	display: block;
	top:0;
	right: 0;
	position: absolute;
	background-color: transparent;
	color: grey;
	border: none;
}

.notification-card button:hover {
	color: black;
	background-color: transparent;
}

.notification-card.new {
	border-top: solid 2px #e68a72;
}

.notification-card:hover {
	box-shadow: 0 0 10px #7b7b7b;
	-moz-box-shadow: 0 0 10px #7b7b7b;
	-webkit-box-shadow: 0 0 10px #7b7b7b;
}

.notification-card span {
	color: #707070;
}

.notification-button {
	margin: 0 2rem 0 2rem;
}

.badge {
	background-color: #FF0000;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.notification-empty {
	vertical-align: middle;
	display: block;
	position: absolute;
	top: 50%;
	left: 40%;
	transition: all 0.7s ease 0s;
}

.icon-user-platform {
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.icon-user-wallet {
	width: 48px;
	height: 48px;
	vertical-align: middle;
}

.bold {
	font-weight: bold;
}

/**Material Design Checkbox Toggle**/
.md-checkbox-label {
	position: relative;
	display: block;
	height: 20px;
	width: 44px;
	background: #898989;
	border-radius: 100px;
	cursor: pointer;
	transition: all 0.3s ease;
}
.md-checkbox-label:after {
	position: absolute;
	left: -2px;
	top: -3px;
	display: block;
	width: 26px;
	height: 26px;
	border-radius: 100px;
	background: #fff;
	box-shadow: 0 3px 3px rgba(0,0,0,0.05);
	content: '';
	transition: all 0.3s ease;
}
.md-checkbox-label:active:after {
	transform: scale(1.15, 0.85);
}
.md-checkbox:checked ~ label {
	background: #6fbeb5;
}
.md-checkbox:checked ~ label:after {
	left: 20px;
	background: #179588;
}
.md-checkbox:disabled ~ label {
	background: #d5d5d5;
	pointer-events: none;
}
.md-checkbox:disabled ~ label:after {
	background: #bcbdbc;
}
.cntr {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.press {
	margin-bottom: 40px;
}
.hidden {
	display: none;
}
/** END Material Design Checkbox Toggle**/

.spotlight {
	font-size: 30px;
	height: 60px;
}

.spotlight:focus {
	border-color: #FFFFFF;
}

.text-warning {
	color: #ffd36d;
	font-weight: bold;
}

.text-success {
	color: #00e240;
	font-weight: bold;
}

.text-fail {
	color: #ff0000;
	font-weight: bold;
}

.left {
	float: left;
}

.right {
	float: right;
}

.backToIssueList {
	border-right: 3px solid #eeeeee;
    height: 50px;
    margin-bottom: 18px;
    margin-right: 4px;
    padding-top: 14px;
    position: absolute;
    z-index: 1;
}
.backToIssueList:hover {
	border-right: 3px solid #eeeeee;
}

.quickIssue {
	float: right;
	height: 50px;
	width: 50px;
	position: absolute;
	top: 0;
	border-left: 2px solid #EEEEEE;
	font-size: 21px;
	padding-top: 9px
}
.quickIssue:hover, .quickIssue:focus {
	border-color: #EEEEEE;
}
.prev-quickIssue {
	right: 50px;
}
.next-quickIssue {
	right: 0;
}

.action-in-issues {
	border: 1px dashed #59636d;
	height: 84px;
	text-align: center;
	margin-bottom: 20px
}

.sendMessage {
	width: 85px;
	height: 84px;
	color: #0278AE;
}
.sendMessage > p {
	line-height: 1.1;
	margin-bottom: 0;
	margin-top: 5px;
	font-size: 13px;
	text-align: center;
	opacity: 0.7
}
.sendMessage > i {
	font-size: 29px;
}

.errSendMessage {
	font-style: italic;
	color:#DE6647;
	float: right;
}
.errSendMessage > i {
	font-style:italic;
	font-size:12px
}

.labelMessenger {
	color: #71869b;
	margin-right:10px
}
.send-gift {
	position: absolute;
	top: 11px;
	right: 26px;
	font-size: 19px;
	z-index: 1;
	cursor: pointer;
}
.send-gift > div:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.maintainStatus {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	margin-bottom: 0;
	z-index: 100000;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
}

.add-milestone, .add-milestone:focus {
	height: 56px;
	width: 56px;
	float: right;
	border-radius: 50%;
	position: fixed;
	bottom: 20px;
	right: 45px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	background-color: #45ADA8;
	color: white;
}
.add-milestone:hover {
	background-color: #41a49f;
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.26)
}

/*----------Animaion for button in milestone----------------*/
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:last-child, .hvr-shutter-in-vertical:last-child:hover {
	background: #D84545;
}

.hvr-shutter-in-vertical:first-child, .hvr-shutter-in-vertical:first-child:hover {
	background: #FF7844;
	margin-right: 5px
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
/*-----------------------------*/

.btn-show-action-for-milestone {
	background: transparent;
}
.btn-show-action-for-milestone i {
	color: #404D5B !important
}
.btn-show-action-for-milestone:hover > i,
.btn-show-action-for-milestone:active > i,
.btn-show-action-for-milestone:focus > i {
	color: white !important
}

#changelogs {
	display: inline-block;
	vertical-align: middle;
}

.card-clickable {
	cursor: pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
}

.card-clickable:hover {
	box-shadow: 5px 5px 25px #cccccc;
}

/****************************************/
.helpdesk-image-menu-action {
	background-color: white;
	border: 1px dashed gray;
	min-height: 50px;
	margin: 0 0 30px 0;
}
.helpdesk-image-menu-action .title {
    line-height: 1.3;
    font-weight: 500;
    font-size: 17px;
	color: #8c8c8c;
	padding: 16px 0 16px 16px;
}
.pre-image {
	padding: 10px 5px !important;
	position: relative;
	min-height: 530px;
}
.pre-image img{
	/*max-height: 100%;*/
	width: 100%;
	/*position: absolute;
	top: 50%;
	transform: translate(-45%, -50%);
	-ms-transform: translate(-45%, -50%);
	-webkit-transform: translate(-45%, -50%);*/
}
.pre-image .default-image {
	position: absolute;
	top: 50%;
	transform: translate(-45%, -50%);
	-ms-transform: translate(-45%, -50%);
	-webkit-transform: translate(-45%, -50%);
}
.helpdesk-image-menu-action > .filter {
	line-height: 75px;
	color: #8c8c8c;
}
.helpdesk-image-menu-action > .info > div {
	padding: 5px 0;
}
.lightFont {
	font-weight: lighter;
}
.rOpen, .rDraft, .rDone, .rReject {
	padding: 6px 12px;
    border: 1px solid;
    border-radius: 30px;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}
.rOpen {
	color: #39b3d7;
	border-color: #39b3d7;
}
.rDone {
	color: #0cd500;
	border-color: #0cd500;
}
.rDraft {
	color: #FF7E00;
	border-color: #FF7E00;
}
@media (max-width: 760px) {
	.form-actions-receipt {
		display: flex;
	}
	.pre-image {
		min-height: 300px;
	}
}
@media (max-width: 991px) {
	#viewInsertData {
		position: static !important;
		padding: 0 14px !important;
	}
}

/***********************/
.totalCate {
	padding: 0px 20px;
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 22px;
	width: 260px;
	background-color: white;
	border: 1px dashed;
	margin-bottom: 10px;
	line-height: 60px;
	white-space: nowrap;

}
.totalCate > span {
	font-weight: bold;
	font-size: 14px;
	margin-right: 10px;
}
#destCate, #newDestCate {
	height: 50px;
}

.globalBadge {
	float: left;
	margin-left: 15px;
}

.box-module-clickable:hover {
	cursor: pointer;
	box-shadow: 5px 5px 10px #b2b2b2 ;
}

.error-transaction{
	margin: 5px;
}
.error-transaction > div{
	border: 1px solid #FF9800;
	background: #fff3E0;
	padding: 7px 5px 5px
}
.error-transaction .error {
	display: flex;
	align-items: center;
	margin-bottom: 3px;
	font-weight: bold;
}
.error-transaction .error svg{
	margin-right: 5px
}
.no-error-transaction {
	background: #e8e8e8;
	margin: 5px;
	padding: 5px 10px;
}

.helpdesk_issue_control .tag-wrap .btn-tag {
	font-size: 24px;
	color: #3eb249;
}
.helpdesk_issue_control .tag-wrap .btn-tag:hover {
	cursor: pointer;
}
.helpdesk_issue_control .tag-wrap .tags {
	margin-top: 10px;
	max-height: 155px;
    overflow: auto;
}
.label-issue-item {
	position: relative;
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis; 
	font-weight: 500;
    font-size: 16px;
}
.helpdesk_issue_control .tag-wrap .label-issue-item:hover {
	background: #3eb249;
	color: #fff;
}

.br-4 {
	border-radius: 4px;
}
.wsshadow {
    box-shadow: 0 3px 24px 0 rgba(0,0,0,.12);
}
.shadow-top {
	box-shadow: 0 0.5px 0 0 #e0e0e0;
}

/* Popup add tag issue */
.popup-add-tag-issue .title {
	font-size: 20px;
    line-height: 24px;
    font-weight: 500;
}
.popup-add-tag-issue .popup-tag-btn {
	padding: 6px 20px;
}
.popup-tag-issue-body {
	overflow: hidden;
}
.popup-tag-issue-body .add-tag-area {
	height: 36px;
	margin-bottom: 20px;
}
.popup-tag-issue-body .add-tag-area .wrap-input-type-ahead, .input-label, .wrap-btn-add {
	height: 100%;
}
.wrap-input-type-ahead .dropdown-menu {
	width: 90%;
	max-height: 180px;
	overflow-y: auto;
}
.popup-tag-issue-body .add-tag-area .new-tag {
    height: 100%;
}
.popup-tag-issue-body .add-tag-area .input-label {
	width: 100%;
}
.clear-text-icon {
	position: absolute;
    top: 5px;
    right: 25px;
	width: 24px;
	height: 24px;
    font-size: 24px;
	color: rgba(0,0,0,0.54);
	cursor: pointer;
}
.popup-tag-issue-body .tags {
	min-height: 100px;
	max-height: 200px;
    overflow: auto;
}

.label-issue-item-default {
	padding-right: 32px;
}
.label-issue-item-default:hover {
	cursor: default;
}
.remove-issue-label {
	margin-left: 5px;
	width: 25px;
	height: auto;
	position: absolute;
    top: 10px;
    right: 5px;
}
.remove-issue-label:hover {
	color: #f25a5a;
	cursor: pointer;
}

.report-issue {
	position: absolute;
    right: 24px;
    top: 6px;
}

.report-issue  .report-btn {
	height: 38px;
    font-size: 16px;
    padding: 0 15px;
}

.report-issue  .report-btn .report-icon {
	margin-right: 10px;
}

.wrap-select {
	position: relative;
	background-color: #fff;
}
.wrap-select .wrap-area {
	padding: 20px 30px 16px 30px;;
}

.time-select {
    width: 100%;
}
.label-area {
	font-size: 20px;
	text-align: center;
	padding: 12px 0;
	color: rgba(0,0,0,.87);
	border-bottom: 1px solid rgba(0,0,0,.12);
	letter-spacing: .02em;
}
.time-select .time-picker {
	line-height: 24px;
}
.issue-label-text {
	margin-right: 10px;
}
.calendar-picker-icon {
	font-size: 20px;
    margin-left: 8px;
    vertical-align: middle;
}

.time-select .time-display {
	/* width: 200px; */
	padding: 0 12px;
}

.stat-action {
    display: inline-block;
	padding: 0px 10px;
}

.stat-action .issue-number {
	font-size: 16px;
}

.stat-action .search-label input {
	height: 36px;
}

.issue-form-search {
	right: 178px;
}
.pa-0 {
	padding: 0;
}
.pl-0 {
	padding-left: 0;
}
.pb-5 {
	padding-bottom: 20px;
}
.pt-5 {
	padding-top: 20px;
}
.mb-5 {
	margin-bottom: 20px;
}
.mb-10 {
	margin-bottom: 40px;
}
.mt-5 {
	margin-top: 20px;
}
.mt-10 {
	margin-top: 40px;
}
.d-flex {
	display: flex;
}
.flex-direction-row {
	flex-direction: row;
}
.justify-space-between {
	justify-content: space-between;
}
.align-center {
	align-items: center;
}
.align-flex-start {
	align-items: flex-start;
}
.align-flex-end {
	align-items: flex-end;
}
/* Report Issue */
.report-issue-chart {
	position: relative;
}
.report-issue-chart .items-selected {
	max-height: 200px;
	height: 100px;
	overflow: auto;
}
.report-issue-chart .label-text {
	white-space: nowrap;
	margin-bottom: 0;
	margin-right: 20px;
	color: rgba(0,0,0,.54);
}
.report-issue-chart .items-default {
	height: 30px;
    font-size: 20px;
    text-align: center;
    font-weight: 300;
    font-style: italic;
}
.report-issue-chart .search-assignee input {
	width: 100%;
}
.pie-chart-issue-report, .line-chart-issue-report {
	background-color: #fff;
	position: relative;
	min-width: 500px;
	min-height: 350px;
}

#pie-label {
	min-width: 500px;
	min-height: 300px;
}
.pie-chart-small {
	width: 50%;
	min-height: 350px;
	position: relative;
}

.chart-loading {
	position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding-top: 20%;
	background-color: #fff;
	opacity: 0.6;
}

.spinner-border-custom {
	display: inline-block;
	width: 50px;
	height: 50px;
	vertical-align: text-bottom;
	border: .2em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: spin 0.57s linear infinite;
	-webkit-animation: spin 0.57s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.wrap-no-data {
	display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
    position: absolute;
    top: 0;
    width: 100%;
}

.no-data {
	font-size: 24px;
	line-height: 32px;
	color: rgba(0,0,0,.26);
}

.axis path,
.axis line {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
}

.line {
	fill: none;
	stroke: steelblue;
	stroke-width: 1.5px;
}

.key-dot {
    display: inline-block;
    height: 10px;
    margin-right: .5em;
    width: 10px;
}

.legends5 {
	margin: 5px 20px;
	display: inline-block;
}

.legend5 {
    margin: 0 20px;
    border-top: 1px solid rgba(0,0,0,.12);
}

.issue-chart-control {
	position:  sticky;
	top: 35px;
}

.btn-faq-mobile {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.btn-faq-mobile .quick-search-box {
	position: initial;
	display: flex;
}

.btn-faq-mobile .input-group-btn {
	width: initial;
}

.btn-faq-mobile .quick-search-box > button, .btn-faq-mobile .quick-search-box > a {
	margin-left: 10px;
}

#issue-label ul {
	max-height: 250px;
	overflow: auto;
}
.no-focus {
	outline: none
}

.provider-country .ng-scope {
	width: 14%;
	display: inline-block;
}

.provider-type .ng-scope {
	width: 25%;
	display: inline-block;
}

.provider-turn .ng-scope {
	width: 32%;
	display: inline-block;
}

.click {
	cursor: pointer;
}