body {
    color: #333333;
	background-color: #f1f2f6;
	margin: 0;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto
}

input::-ms-clear {
	width: 0;
	height: 0
}

.img-icon {
  height: 3em;
}

.img-icon-bt {
  height: 1.5em;
}

.mandatory-asterisk {
  font-size: x-small;
  color: red;
  margin-left:0.5em;
  margin-bottom: 0.25em;
  display:inline-block;
}

.status {
  font-style: normal;
  color: #7ed321;
}

.strike-through {
  text-decoration: line-through;
}

textarea {
  width: -moz-available;
}

.balance-default {
  font-style: normal;
  color: #2222D4;
  display: block;
}

.text-nowrap {
    white-space: nowrap;
}

.btn-group .btn, .media-body .btn, .panel-heading .btn {
  background-color: #1caed4;
  border-color: #1caed4;
  color: #ffffff;
}

.account-type-btn-group {
	width: 108px;
	height: 30px;
	margin: 2px 0px;
	background-color: #1caed4;
	border-color: #1caed4;
	color: #ffffff;
}

.media-body .pull-right .btn {
  background-color: #7ed321;
  border-color: #7ed321;
}

.media-body .pull-right .btn-save, .btn-group .btn-save {
  color: #ffffff;
  background-color: #1caed4;
  border-color: #1caed4;
}

.form-group-login{
  margin-top: 16px;
}

.input-login{
  color: #1f3f4f!important;
}

.btn-login{
  background-color: #1f3f4f;
}

.btn-login:hover{
  background-color: #1f3f4f;
}

.media-body .pull-right .btn-cancel, .btn-group .btn-cancel, .pull-right .btn-cancel, .btn-cancel, .media-body .btn-cancel {
  color: #1f3f4f;
  background-color: #f6f6f6;
  border-color: #1f3f4f;
}

.media-body .btn-danger, .media-body .pull-right .btn-del, .btn-group .btn-del {
  background-color: #da4453;
  border-color: #da4453;
}

/*.input-group input.form-control.ng-pristine.ng-untouched.ng-valid.ng-empty,*/
pre, .media-body div.well, .input-group .file-picker {
  background-color: #edfbff;
}

.form-group-block {
	display: inline-block;
}

.form-group.editable-controls {
  display: flex;
}

.form-group .date-picker-wrap{
  margin-bottom: 16px;
}

/*, input.form-control.input-sm.ng-pristine.ng-untouched.ng-valid.ng-empty*/
.mob-detail-panel div.well {
  background-color: #ffffff;
}

.btn-info, .btn-group .btn-edit {
  background-color: #7ed321;
  border-color: #7ed321;
}

.btn-icon {
  color: #7ed321;
  border-color: #7ed321;
  background-color: #ffffff;
}

.btn-icon:hover, .btn-icon:active {
  color: #ffffff;
  border-color: #7ed321;
  background-color: #7ed321;
}

.table tbody tr.active td {
  background-color: #ffffff;
}

/*.nav-tabs li.active a,*/
#infoPanel, .nav-tabs .dropdown-toggle, .active .nav, .nav .btn {
  color: #1F3F4F;
}

.mob-container {
	padding: 0 !important;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%
}

.login-container {
	border: 2px solid #cdcdcd;
	border-radius: 10px;
	padding: 30px;
	width: 400px;
  background-color: white
}

.login-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.centre {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.mob-layout-left {
	display: inline-block;
	background: #ffffff
}

.hoverPopup {
	z-index: 100%;
	position:inherit;
}

@media ( min-width :1024px) {
	.mob-layout-left {
		width: 150px !important
	}
	.fa-mob {
		font-size: 5em !important
	}

	.hoverPopup {
	    left: 60%;
	    top: 23%;
	    z-index: 100;
	    position: inherit;
	}
  .fa-sign-out:before, .fa-laptop:before, .fa-bank:before, .fa-users:before, .fa-user:before,
  .fa-mobile:before, .fa-mobile-phone:before, .fa-id-card-o:before, .fa-money:before {
      font-size: .5em;
      display: block;
   }
}

@media ( max-width :1023px) {
	.mob-layout-left {
		width: 60px !important
	}
	.fa-mob {
		font-size: 2em !important
	}
	.mob-item-name {
		display: none !important
	}
	.hoverPopup {
	    left: 50%;
	    margin-left: 52px;
	    top: 23%;
	    z-index: 100;
	}
}

.mob-layout-right {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	vertical-align: top;
	min-height: 100vh;
	height: 100%;
	background: #ffffff
}

.mob-layout-right .mob-content {
	margin: 0 10px 0 0
}
.mob-content h1 {
    margin-left: 30px
}

@media ( min-width :1441px) {
	.hoverPopup {
	    left: 50%;
	    margin-left: 100px;
	    top: 23%;
	    z-index: 100;
	    position: inherit;
	}
}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pace-inactive {
	display: none
}

.pace .pace-progress {
	background: #29d;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px
}

.content-login-bg {
	z-index: -1;
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0;
	right: 0;
	opacity: .9;
	filter: alpha(opacity = 90);
	background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

.mob-login-container {
	height: 100%
}

.mob-login-container .mob-login-body {
	position: fixed;
	top: 30%;
	width: 100%;
}

.img-logo{
  max-height: 64px;
  width: auto;
  height: auto;
}

.img-thumbnail {
  max-height: 142px;
  max-width: 164px;
  height: auto;
  width: auto;
  margin: 5px;
}

.mob-login-container .content-login {
	border-radius: 10px;
	padding: 30px;
	background: linear-gradient(white, rgba(255, 255, 255, 0.7));
}

.mob-login-container .content-login .mob-login-link {
	color: #666662;
	margin-left: 10px;
	margin-right: 10px
}

.mob-menu-item {
	display: block !IMPORTANT;
	text-align: center;
	color: #333333;
	padding: 10px 0 10px 0;
	border-color: #e8e7e1;
	border-style: none solid solid solid;
	border-width: 1px
}

.mob-menu-item .mob-item-icon {
	display: block
}

.mob-menu-item .mob-item-name {
	display: block
}

.search-result-panel {
  background-color: #edfbff !important;
  box-shadow: none !important
}

.search-result-panel .search-result .result-item {
	background: #ffffff;
	padding: 10px 10px 10px 10px
}

.search-result-panel .search-result .clickable {
	cursor: pointer;
}

.clickable {
  cursor: pointer;
}

.search-result-panel .search-result .result-item-indicator {
	visibility: hidden;
	opacity: 0
}

.search-result-panel .search-result .result-item-indicator-hover {
	visibility: visible !important;
	opacity: 1;
	background: #ffce54 !important;
	transition: opacity .5s linear;
	color: #f5f7fa;
	height: 25px;
	width: 30px;
	margin-left: -40px;
	margin-top: -5px;
	position: absolute
}

.mob-customer-summary {
  background: #f6f6f6;
  padding: 20px 40px 20px 40px;
  border-bottom-color: #00aeef;
  border-bottom-style: solid;
  border-bottom-width: 10px
}

.mob-customer-summary h4 {
  display: inline;
  margin-right: 20px;
}

.deposit-processed {
  margin-top: 20px;
}

.download-button {
  margin-top: 10px;
  margin-bottom: 10px;
}

.panel-title a {
  cursor: pointer;
}

.icheckbox_flat {
  position: relative;
}

.checkbox .icheckbox_flat input, .checkbox .icheckbox_flat ins {
  position: absolute;
  top: -20%;
  left: -20%;
  display: block;
  width: 140%;
  height: 140%;
  margin: 0px;
  padding: 0px;
  background: rgb(255, 255, 255) none repeat scroll 0% 0%;
  border: 0px none;
  opacity: 0;
}

.mob-customer-summary .mob-customer-summary-line {
	display: block
}

.mob-customer-summary-detail {
	display: table;
	width: 100%
}

.mob-customer-summary-detail .mob-customer-accounts {
	width: 300px;
	display: table-cell
}

.mob-customer-summary-detail .mob-customer-accounts .mob-account-card-search
	{
	padding: 10px 20px 10px 40px;
	margin-top: 4px
}

.mob-customer-summary-detail .mob-customer-accounts .mob-account-card {
  padding-left: 40px;
  padding-right: 20px;
  background: #edfbff;
}

.mob-customer-summary-detail .mob-customer-accounts .mob-account-card .mob-account-card-title
	{
	margin-top: 4px;
	padding-top: 6px
}

.mob-customer-summary-detail .mob-customer-accounts .mob-account-card .mob-account-card-title .mob-account-card-title-l {
  width: 10px;
  height: 14px;
  display: inline-block;
  background: #7ed321
}

.mob-customer-summary-detail .mob-customer-accounts .mob-account-card .mob-account-card-title .mob-account-card-title-l-hover,
	.mob-customer-summary-detail .mob-customer-accounts .mob-account-card .mob-account-card-title .mob-account-card-title-l-selected
	{
	width: 30px !important;
	transition: 500ms linear;
	margin-left: -20px !important;
	height: 14px;
	display: inline-block;
	background: #48cfad
}

.mob-customer-summary-detail .mob-customer-accounts .mob-account-card .mob-account-card-title .mob-account-card-title-text
	{
	margin-left: 10px;
	font-weight: 800
}

.mob-account-card-detail {
  table-layout: fixed;
  width: 250px;
}

.mob-account-card-line {
  width: 250px;
}

.mob-account-card-line td {
  width: 125px;
}

.td-right {
  text-align: right;
}

.td-center {
  text-align: center;
}

.mob-account-card-line {
  display: block;
  min-height: 2px;
}

.mob-customer-summary-detail .mob-customer-accounts .mob-account-card
	{
	display: block;
	margin-left: 20px;
	min-height: 2px
}

.btn-primary {
    background-color: #00aeef;
    border-color: #00aeef;
}

.btn-link {
    color: #00aeef;
}

#dataForm {
    margin-left: 20px;
}

.mob-customer-summary-detail .mob-customer-accounts .mob-account-card .mob-account-card-btns
	{
	margin: 5px 0 5px 20px
}

.mob-customer-summary-detail .mob-customer-accounts .mob-account-card .mob-account-card-btns .btn
	{
	font-size: 11px !important
}

.mob-customer-summary-detail .mob-customer-detail-view {
	display: table-cell;
	vertical-align: top
}

.mob-detail-box {
	margin-top: 4px;
	padding-right: 0 !important;
	height: 100%
}

.mob-detail-box .mob-detail-box-inner {
  background: #edfbff;
  padding: 5px 10px 5px 10px
}

.mob-detail-box .mob-detail-box-inner .mob-detail-title {
	font-size: 20px;
	font-weight: 800;
	margin: 25px
}

.mob-detail-title-skinny {
  font-size: 20px;
	font-weight: 800;
	margin: 5px
}

.dndDraggingSource {
  display: none;
}

.mob-detail-box .mob-detail-box-inner .mob-detail-panel {
	padding: 0 25px 0 25px;
	display: inline-block;
	width: 100%
}

.mob-detail-box .mob-detail-box-inner .mob-detail-panel .form-group {
	margin-bottom: 8px !important
}

.btn-vertical-align {
  margin-bottom: 8.4px
}

.btn-vertical-align-center {
  margin-top: 8px;
  margin-bottom: 12.4px
}

.mob-detail-box .mob-detail-box-inner .mob-detail-panel .form-control {
	clear: left
}

.mob-detail-box .mob-detail-box-inner .mob-detail-panel .mob-detail-label
	{
	width: 145px
}

.mob-detail-box .mob-detail-box-inner .mob-detail-panel .mob-detail-label-lg
{
	width: 200px
}

.mob-detail-box .mob-detail-box-inner .mob-detail-panel .mob-detail-value
	{
	display: inline-block;
	min-height: 20px
}

.mob-detail-box .mob-detail-box-inner .mob-detail-panel .mob-contact-person-detail
	{
	display: table;
	padding: 5px 0 5px 0
}

.mob-detail-box .mob-detail-box-inner .mob-detail-panel .mob-contact-person-detail .mob-contact-person-value
	{
	width: 220px;
	display: table-cell
}

.mob-detail-box .mob-detail-box-inner .mob-detail-panel .mob-contact-person-detail .mob-contact-person-value-long
	{
	display: table-cell;
	vertical-align: middle
}

article {
	max-height: 1.5em;
	margin-top: 5px
}

.quick-search-bar {
	width: 100%;
	float: right;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 8px
}

.quick-search-bar .search-box {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 5px
}

.tabbable .mob-tab-content {
	padding-top: 0 !important
}

.tabbable .mob-tab-content .search-result {
	overflow: auto
}

@media ( min-width :768px) {
	.tabbable .mob-tabs-vertical {
		float: right;
		margin-bottom: 20px;
		margin-left: 10px
	}

}

.tabbable .mob-tabs-vertical {
	margin-right: 10px !important
}

.tabbable .mob-tabs-vertical li {
	float: none !important
}

.tabbable .badge {
	font-size: 14px !important
}

.mob-new-task-panel {
	margin-top: 5px
}

.mob-new-task-panel .mob-new-task-row {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.mob-new-task-panel .mob-new-task-row .mob-new-task-label {
	width: 200px
}

.mob-new-task-panel .mob-new-task-row .mob-new-task-input {
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
	margin-left: 10px;
	width: 100%
}

.mob-new-task-panel .mob-new-task-row .mob-new-task-input .mob-ticket-editor-toobar-sticky
	{
	left: 320px !important
}

.mob-new-task-panel .mob-new-task-row .mob-new-task-input .mob-ticket-textarea
	{
	min-height: 300px;
	margin-top: 5px;
	height: auto;
	resize: vertical
}

.mob-new-task-panel .mob-new-task-row .h3-align {
	margin-top: 22px
}

.mob-new-task-panel .mob-new-task-row .h4-align {
	margin-top: 8px
}

.mob-servicecall-panel {
	margin: 10px 0 10px 0
}

.mob-panel {
  background-color: #edfbff;
  padding: 20px 40px 20px 40px
}

.mob-clear-panel {
	padding: 20px 40px 20px 40px
}

.mob-clear-wide-panel {
	padding: 0px 20px 0px 20px
}

.mob-table-panel {
  padding-bottom: 20px;
}

.mob-table-panel .panel-heading {
	display: inline-block;
	width: 100%;
	background-color: #f6f6f6;
  border-color: #f6f6f6
}

.mob-table-panel .panel-heading .mob-panel-heading-l {
	float: left;
	line-height: 34px;
	font-weight: 800;
	font-size: 18px;
	display: inline-block
}

.mob-table-panel .panel-heading .mob-panel-heading-r {
	max-width: 350px;
	float: right;
}

.mob-table-panel .mob-data-table {
	width: 100%;
	border-collapse: collapse
}

.mob-table-panel .mob-data-table .mob-data-table-header {
	padding: 8px;
	line-height: 1.42857143
}

.mob-table-panel .mob-data-table .mob-data-table-header th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd
}

.mob-table-panel .mob-data-table .mob-data-table-row td {
	border-top: 1px solid #ddd;
	vertical-align: top;
	padding: 8px;
	line-height: 1.42857143;
	cursor: pointer;
}

.mob-table-panel .mob-panel-pagination {
	text-align: center
}

.mob-table-panel .mob-panel-pagination .mob-navigation-button {
	cursor: pointer
}

.mob-panel-link {
	color: #2e4751 !important
}

.mob-panel-link :link {
	color: #2e4751 !important
}

.mob-panel-link :hover {
	color: #2e4751 !important
}

.mob-panel-link :visited {
	color: #2e4751 !important
}

.mob-panel-link :active {
	color: #2e4751 !important
}

.mob-inplace-edit-control {
	width: auto;
	display: inline-block
}

.ui-messages {
	margin-left: 10px
}

@media ( min-width :1441px) {
	.ui-messages {
		width: 85% !important
	}
}

ul {
  list-style-type: none;
}

.ui-messages ul {
	margin: 0 10px 0 10px
}

.ui-messages .ui-messages-info-icon, .ui-messages .ui-messages-warn-icon,
	.ui-messages .ui-messages-error-icon, .ui-messages .ui-messages-fatal-icon
	{
	display: none;
	visibility: hidden
}

.mob-modal-error-message, .mob-form-error-message {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	font: .9em
}

.mob-modal-error-message div, .mob-form-error-message div {
	background: none !important;
	border: none;
	margin: 0 !important;
	padding: 0 !important
}

.mob-modal-error-message div ul, .mob-form-error-message div ul {
	margin: 0 !important
}

.mob-modal-error-message div ul .ui-messages-error-summary,
	.mob-form-error-message div ul .ui-messages-error-summary {
	margin-left: 5px;
	display: block
}

.mob-dashboard .mob-chart .mob-multi-select .selecter-options {
	height: 130px
}

.mob-dashboard .mob-chart .mob-chart-config-date-input {
	text-align: center
}

.mob-dashboard .mob-chart .mob-chart-config-rowspacer {
	display: block;
	height: 10px
}

.mob-dashboard .mob-chart .mob-chart-config-item {
	float: left;
	display: block;
	margin-bottom: 10px;
	margin-right: 10px
}

.datepicker {
	background-color: white !important
}

.date-picker-wrap ul {
  background: white !important;
}

.date-picker-wrap ul table button {
  border: none !important;
}

.logo {
    display: inline-block;
}

@media (min-width: 480px) {
    .login-lb {
      font-size: 12px;
    }
}

@media (min-width: 1200px) {
    .login-lb {
      font-size: 20px;
    }
}

.editable-wrap {
	width: 100%;
}

.wrap {
   white-space: pre-wrap;      /* CSS3 */
   white-space: -moz-pre-wrap; /* Firefox */
   white-space: -pre-wrap;     /* Opera <7 */
   white-space: -o-pre-wrap;   /* Opera 7 */
   word-wrap: break-word;      /* IE */
}

.config-wrap {
  overflow-wrap: anywhere;
}

.popover-wrap {
   word-break: break-word;
   width: 550px !important;
   max-width: fit-content;
}

.growl-item {
	width: 400px;
}

.date-picker-wrap ul {
	background: white !important;
}
.date-picker-wrap ul table button {
	border: none !important;
}

.white-space-pre-line {
  white-space: pre-line;
}

button.ngdialog-button[disabled] {
  opacity: 50%;
}

tr.error-row {
  background-color: #ee4658; !important
  color: white;
}

tr.warning-row {
  background-color: yellow;
}

div.time-picker-adjustment {
  margin-top: 9px;
}

.selecter-options {
  width: 360px !important;
}

.selecter-options-tall {
  max-height: 730px !important;
}

.ngdialog-content {
  margin-bottom: 50px !important;
}

.table tbody tr td {
  vertical-align: middle;
}

.scroll-well {
  height: 500px;
  overflow-y: auto;
  display:block;
}

.scroll-well-short {
  height: 300px;
}

.scroll-well::-webkit-scrollbar {
  width: 5px;
}
/* Track */
.scroll-well::-webkit-scrollbar-track {
  border-radius: 5px;
}

/* Handle */
.scroll-well::-webkit-scrollbar-thumb {
  background: #1caed4;
}

.scroll-well::-webkit-scrollbar-button:vertical:decrement {
 background-color: #1caed4;
 border-radius: 8px 8px 0 0;
 height: 10px;
}

.scroll-well::-webkit-scrollbar-button:vertical:increment {
 background-color: #1caed4;
 border-radius: 0 0px 8px 8px;
 height: 10px;
}

.row-active {
  background-color: #ffffff;
}

.table-row {
  padding: 10px 0px 10px 0px;
  border-top: 1px solid lightgrey;
}

.expired {
  background-color: #eb6e6e
}

.drop-box {
    background: #F8F8F8;
    border: 5px dashed #DDD;
    width: 200px;
    height: 65px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    place-content: center;
    text-align: center;
}

.dragover {
    border: 5px dashed #1caed4;
}

.rounded {
  border-radius: 5px;
}

.detail-title {
  opacity: 0.48;
  font-family: Gotham;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.74;
  letter-spacing: -0.29px;
  color: #000000;
  white-space: nowrap;
}

.detail-data {
  float: right!important;
  font-family: Gotham;
  font-size: 14px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.74;
  letter-spacing: -0.29px;
  color: #000000;
}

.fade-in {
  animation: fadeIn ease 2s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

.flex-panel {
  height: 100%;
}

.margin-form {
  margin-left: 20px;
  margin-right: 20px;
}

.padding-left-unset {
  padding-left: unset;
}

.padding-right-unset {
  padding-right: unset;
}

.form-control:focus {
  border-color: #1caed4;
  box-shadow: 0 0 0 0.2rem #1caed444;
}

.warning-label {
  font-style: italic;
  color: red;
}

/* most browsers except firefox */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.wide-btn {
  width: 100%;
  margin-bottom: 10px;
}

.multiSelect > button {
	display: inline-block;
	position: relative;
	text-align: center;
	cursor: pointer;
	border: 1px solid #c6c6c6;
	padding: 1px 8px 1px 8px;
	font-size: 14px;
	min-height : 34px !important;
	border-radius: 4px;
	color: #555;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	white-space:normal;
	background-color: #fff;
	background-image: linear-gradient(#fff, #f7f7f7);
	width: 100%;
}
.content-download-wallet {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

input.ng-dirty.ng-invalid {
  border-color: red;
}