html {
  overflow: hidden;
}

nav {
  /* background-color: #4670d5; */
  background-color: #56abe4;
}

nav img {
  height: calc(100% - 30px);
  margin: 15px 0;
}

nav .input-field {
  padding: 0;
}

nav#client_search_nav,
nav#client_search_nav i {
  height: 36px;
  line-height: 36px;
}

.inline {
  display: inline-block;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.no-margin {
  margin: 0 !important;
}

#notification-menu {
	cursor: not-allowed;
}

.notificaion-badge:not(:empty) {
	position: absolute;
	top: 15%;
	right: 0;
	width: 15px;
	height: 15px;
	line-height: 13px;
	vertical-align: middle;
	text-align: center;
	background-color: #fff;
	color: #56abe4;
	border-radius: 50%;
}

.notification-icon {
  line-height: 32px;
  width: 32px;
}

.notification-icon.danger {
  color: red;
}

.overdue {
  line-height: 32px;
}

.collection-header *:not(ul) {
	margin: 0;
	vertical-align: middle;
	height: 40px;
	line-height: 40px;
}

#notification-list,
#job-sort {
	width: auto !important;
	top: 50px !important;
}

#notification-list ul > a {
	font-size: 16px;
	color: #26a69a;
	display: block;
	line-height: 22px;
	padding: 14px 16px;
}

#notification-list .overdue {
	margin-left: 10px;
	font-size: 10px;
}

.collection-body {
  overflow-y: auto;
}

.receipt-item {
	padding-left: 60px !important;
}

.modal, .modal.modal-fixed-footer {
  width: 90%;
  height: 80%;
  max-height: 80%;
}

.modal .modal {
  width: 55vw;
  overflow-y: hidden;
}

.modal .modal .modal-content {
  height: 100%;
}

.modal .modal-footer .left {
  margin-right: 3px;
}

@media (max-width: 600px) {
  .modal .modal {
    top: 0 !important;
    height: 100%;
  }
}

.btn-floating {
  margin-left: 3px;
}

.modal table:not(.datepicker-table, .plain-table) {
  /* background-color: #fff; */
}

.plain-table > tbody > tr {
  border: none;
}

.modal table:not(.plain-table) > tbody > tr.active:not(.datepicker-row) {
  background-color: #26a69a88;
  color: #fff;
}

.modal table:not(.plain-table) > tbody > tr:not(.datepicker-row):hover {
  background-color: #ddd8;
}

.table-container {
  overflow: scroll;
}

.job-child {
  cursor: not-allowed;
}

tr:last-child {
  border: none;
}
/*
#premium-paid-list td,
#referral-list td,
#dividend-list td,
#insurer-list td
*/
td {
  vertical-align: top;
}

/*
#premium-paid-list .input-field,
#referral-list .input-field,
#dividend-list .input-field,
#insurer-list .input-field
*/
.input-field {
  padding-bottom: 8px;
}

.badge {
  border-radius: 11px;
}

.status-active {
  color: #fff !important;
  background-color: red;
}

.status-settled {
  color: #fff !important;
  background-color: blue;
}

.status-voided {
  color: #fff !important;
  background-color: #9F9F9F;
}

#loading-layer {
  position: fixed;
  z-index: 9999;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  text-align: center;
}

#loading-layer .preloader-wrapper {
  margin-top: calc(50vh - 18px);
}

#loading-layer .preloader-wrapper .spinner-layer {
  border-color: #fff;
}

#login-page {
  //height: 90vh;
  height: 100vh;
  background-image: url('../img/bg.jpg');
  background-size: cover;
}

#login-page .card-panel {
  position: absolute;
  width: 500px;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

label:not([for]):not(p > label) {
  pointer-events: none;
}
/*
.logo {
  position: absolute;
  width: calc(100% - 21px);
  transform: translateY(calc(-100% - 29px));
}
*/

.logo img {
  max-width: 100%;
}

.report-list .page-break {
  height: 50px;
  page-break-after: always;
}

.report-list td {
	border: 1px solid rgba(0,0,0,0.12);
	/*max-width: 150px;*/
	white-space: nowrap;
}

.report-list .separator {
	border-left: none !important;
	border-right: none !important;
}

.report-list .border {
	border: 2px solid #000;
}

.report-list .border-bottom {
	border-bottom: 2px solid #000;
}

.report-list .bold {
	font-weight: bold;
}

.report-list .underline {
	text-decoration: underline;
}

.report-list .blue {
	background-color: initial !important;
	color: #00B0F0;
}

.report-list .red {
	background-color: initial !important;
	color: #FF0000;
}

.report-list .right {
	text-align: right;
	float: initial !important;
}

.report-list .logo {
	height: 21.2px;
}

#report-list-printable.profit_loss td {
	padding: 5px;
}

#report-list-printable {
	display: none;
}

@media print {
	#report-list-printable {
		display: table;
	}
}

[type="checkbox"]+span:not(.lever) {
	white-space: pre;
}

.btn-calendar {
	position: absolute;
	right: 9.5px;
	line-height: 43px;
}

.input-field.col .btn-calendar {
	right: 20px;
}

#zoom-container {
	margin: 6px 0;
}

#zoom-container > * {
	float: left;
}

#zoom-container i {
	cursor: pointer;
	color: #26a69a;
	line-height: 36px;
}

#zoom-container [type="range"] {
	width: 120px;
}

body.editor a[href="modal/staff/"]:not(.permitted),
body.guest a[href="modal/staff/"]:not(.permitted),
body.guest a[data-action="add"]:not(.permitted),
body.guest a[data-action="delete"]:not(.permitted),
body.guest .btn-save:not(.permitted),
body.guest .btn-add:not(.permitted),
body.guest .add-btn:not(.permitted),
body.guest [data-method="delete"]:not(.permitted),
body.guest a[data-action="new"]:not(.permitted),
body.guest a[data-action="del"]:not(.permitted),
body.guest a[data-action="add_cheque"]:not(.permitted),
body.guest a[data-action="delete_cheque"]:not(.permitted),
body.referee #modal-report .input-field:nth-child(1),
body.referee #modal-report .input-field:nth-child(5),
body.TR #modal-report .input-field:nth-child(1),
body.TR #modal-report .input-field:nth-child(5) {
  display: none;
}

body.referee #modal-report .input-field:nth-child(2),
body.referee #modal-report .input-field:nth-child(3),
body.referee #modal-report .input-field:nth-child(4),
body.referee #modal-report .input-field:nth-child(6),
body.TR #modal-report .input-field:nth-child(2),
body.TR #modal-report .input-field:nth-child(3),
body.TR #modal-report .input-field:nth-child(4),
body.TR #modal-report .input-field:nth-child(6) {
	width: 25%;
}