/**
* 
*/

@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');


/*
* -------------------------------------------------------
* APP
* -------------------------------------------------------
*/
body {
	font-size: 14px;
	font-family: 'PT Sans', 'sans-serif';
}
.sidebar-dark-primary{
    background-color: #11427d;
}
label,
.user-form span {
	font-weight: normal !important;
	display: block;
	margin: 0px;
}
pre {
	font-family: 'Open Sans', sans-serif;
	padding: 10px;
	overflow: visible;
	display: block;
	margin: 5px 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre-wrap;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 2px;
}
h5 {
	font-weight: bold;
}
.display-block {
	display: block !important;
}
.display-flex {
	display: flex !important;
}
.display-none {
	display: none !important;
}
.trigger {
	cursor: pointer;
}
.dropdown-menu {
	border-radius: 0px;
}
.dropdown-item {
	padding: .5rem 1rem;
}
.dropdown-toggle::after {
	content: none;
}
.card .info i {
	width: max-content;
	margin-top: 0.5rem;
	display: block;
	color: #007CA5;
}
.content-wrapper {
	min-height: calc(100vh - 60px) !important;
}
.content h3.card-title {
	color: #007CA5;
}
.content .card-header .card-tools > span {
	padding: 10px;
	cursor: pointer;
	color: #999;
}
.content .card .dropdown-menu.show {
	margin-top: .75em;
}
.content-header {
	padding: 30px .5rem 15px .5rem;
}
.chart-canvas {
	overflow: auto;
}
.chart-canvas > div {
	min-width: 600px;
	min-height: 300px;
}
/* ----------------------------------------------------*/


/*
* -------------------------------------------------------
* NOTIFIER
* -------------------------------------------------------
*/
#notifier-container {
	left: 250px;
	width: calc(100% - 250px);
	height: calc(100% - 60px);
	z-index: 20;
	display: none;
	position: fixed;
	cursor: not-allowed;
	background: rgba(0, 0, 0, 0.4);
}
.login-page #notifier-container {
	left: 0;
	width: 100%;
	height: calc(100% + 100px);
}
@media only screen and (min-device-width : 1024px)
{
	.sidebar-mini.sidebar-collapse #notifier-container {
		left: 4.6rem !important;
		width: calc(100% - 4.6rem) !important;
	}
}
#notifier {
	width: 40%;
	cursor: auto;
	margin: auto;
	height: auto;
	display: flex;
	padding: 40px 0px;
	align-items: center;
	text-align: center;
	background-color: #FFF;
}
#notifier > div {
	margin: auto;
	display: none;
}
/*#notifier > div#notifier-active {
	display: block;
}*/
#notifier > div * {
	display: block;
	margin: auto;
}
#notifier > div span {
	width: 80%;
	color: #F00;
	margin: 20px auto;
}
#notifier > div button {
	display: inline-block;
	margin: 0px 5px 15px 5px;
}
/* ----------------------------------------------------*/


/*
* -------------------------------------------------------
* APP-CARD
* -------------------------------------------------------
*/
.app-card {
	left: 250px;
	width: calc(100% - 250px);
	height: calc(100% - 60px);
	z-index: 15;
	display: none;
	position: fixed;
	overflow-y: auto;
	cursor: not-allowed;
	background: rgba(0, 0, 0, 0.4);
}
@media only screen and (min-device-width : 1024px)
{
	.sidebar-mini.sidebar-collapse .app-card {
		left: 4.6rem !important;
		width: calc(100% - 4.6rem) !important;
	}
}
.app-card > div {
	margin: auto;
	cursor: auto;
	min-width: 500px;
	max-width: 550px;
	padding: 40px 0px;
}
.app-card > div .card-header {
	background-color: #343A40;
	color: #FFF;
}
.app-card > div .card-header .card-tools button {
	display: inline-block;
}
.app-card > div .card-body > * {
	display: none;
}
.app-card > div .ac-opts {
	width: 100%;
	margin: 15px 0px;
}
.app-card > div .ac-opts .dropdown-menu.show {
	margin-bottom: 5px;
}
.app-card > div .ac-opts .dropdown-toggle::after {
	margin-left: 0.75em;
	vertical-align: .125em;
}
.app-card > div .card-body .ac-list {
	padding: 0px;
	border-radius: 5px;
	border: 1px solid lightblue;
}
.app-card > div .card-body .ac-list li {
	list-style: none;
	padding: 10px 20px;
}
.app-card > div .card-body .ac-list li:hover {
	cursor: pointer;
	background-color: lightblue;
}
.app-card > div .card-body .ac-info {
	margin-bottom: 10px;
}
/* ----------------------------------------------------*/


/*
* -------------------------------------------------------
* LOGIN
* -------------------------------------------------------
*/
.login-page {
	height: auto !important;
}
.login-box #logo {
	width: 200px;
	display: block;
	margin: 60px auto;
}
.login-box .check label {
	margin: 0px;
}
#reset-pass {
	border-top: 1px solid #DDD;
}
.user-login .check {
	margin-bottom: 2rem;
	font-size: 1rem;
}
/* ----------------------------------------------------*/


/*
* -------------------------------------------------------
* NAVBAR/SIDEBAR
* -------------------------------------------------------
*/
.navbar .dropdown .dropdown-menu {
	margin-top: 1em;
}
.main-sidebar .brand-link {
	padding: 0.725rem .5rem;
	border-right: 1px solid #DEE2E6;
}
.main-sidebar .brand-link:not([class*=navbar]) {
	background-color: #FFF !important;
}
.main-sidebar .brand-link .brand-image {
    margin: 0px auto;
}
.sidebar {
	padding-top: 0.2rem;
}
/* ----------------------------------------------------*/


/*
* -------------------------------------------------------
* TABLE
* -------------------------------------------------------
*/
table {
	width: 100%;
	background-color: #FFF;
	border-bottom: 1px solid #BBB;
}
table tr th {
	background-color: #DEDEDE;
	padding: 6px 5px 6px 10px;
}
table tr td {
	padding: 5px 5px 5px 10px;
}
table tr td {
	border-top: 1px solid #BBB;
	border-right: 1px solid #BBB;
}
table tr th:first-child,
table tr td:first-child {
	border-left: 1px solid #BBB;
}
table tr .form-control {
	border: 0px;
	padding: 0px;
	height: auto;
	box-shadow: none;
	font-size: inherit;
	border-radius: 0px;
	background-color: transparent;
	-webkit-box-shadow: none;
}
table tr .form-control:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	background-color: transparent;
}
table tr .check {
	max-height: 150px;
	overflow-y: auto;
}
table tr .check label {
	margin: 0px 0px 10px 0px;
	height: 15px;
}
.check label:hover {
	color: green;
	cursor: pointer;
}
table tr .check i {
	color: #666;
}
table tr.input-date .row > div {
	padding-right: 0px;
}
table tr.input-date .col-md-2 {
	text-align: right;
}
table tr.input-date td:nth-child(2) {
	padding: 2px 0px;
}
.spreadsheet {
	height: calc(100vh - 8.5rem);
	border: 1px solid #BBB;
}
.spreadsheet table tr th,
.spreadsheet table tr td {
	border-right: none;
}
.spreadsheet table tr th:first-child,
.spreadsheet table tr td:first-child {
	border-left: none;
}
.spreadsheet thead tr th:last-child,
.spreadsheet tbody tr td:last-child {
	background-image: url(/images/icons/menu.svg);
	background-position: bottom 50% right 15px;
	background-repeat: no-repeat;
	background-size: 15px;
	width: 5%;
	min-width: 50px;
}
.spreadsheet tbody tr td:last-child {
	cursor: pointer;
}
.spreadsheet tbody tr.active,
.spreadsheet tbody tr:hover {
	background-color: lightblue;
}
.spreadsheet .table-head-fixed thead tr:nth-child(1) th {
	position: sticky;
	top: -1px;
	z-index: 10;
}
/* ----------------------------------------------------*/


/*
* -------------------------------------------------------
* USER FORMS
* -------------------------------------------------------
*/
.user-form table {
	width: 100%;
	margin-bottom: 20px;
}
.user-form table tr td:nth-child(1) {
	width: 34%;
	text-align: right;
	vertical-align: top;
	padding: 0px;
}
.user-form table tr td:nth-child(1) span {
	margin: 7px 10px;
	font-weight: bold;
}
.user-form table tr td:nth-child(2) {
	padding: 8px 0px 8px 10px;
}
.ui-datepicker {
	display: none;
	border: 1px solid #124A90;
	box-shadow: 2px 5px 10px 5px rgb(0 0 0 / 25%);
}
.ui-datepicker-header {
	padding: 5px;
	background-color: #FFF;
}
.ui-datepicker-header > a {
	display: none;
}
.ui-datepicker-header select {
	background-color: #DDD;
	width: calc(50% - 4px);
	margin: 0px 2px;
	padding: 2px;
}
.input-error {
	background-color: #FFC3C3 !important;
}
.input-notif {
	color: #F00;
	width: 100%;
	display: block;
	font-weight: bold;
}
input[type=checkbox],
input[type=radio] {
	margin: 0px 5px 2px 0px;
	vertical-align: middle;
	width: auto !important;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
	cursor: pointer;
}
input[type=file]:hover {
	cursor: pointer;
}
.user-form table input[type=text],
.user-form table input[type=file] {
	padding: 0 0 0 0.25rem;
}
.user-form select {
	width: 98%;
}
.user-form textarea {
	height: 100px !important;
}
i.char-count {
	display: block;
	color: #A3A3A3;
	margin-bottom: 10px;
}
i.char-count-max {
	color: #F00;
}
.btn {
	border-radius: 0px;
}
.btn-std {
	display: block;
	min-width: 150px;
	margin-left: auto;
}
.btn-sm {
	padding: 0.25rem 1rem;
}
.btn-xs {
	padding: 0.125rem 0.75rem;
}
/* ----------------------------------------------------*/


/*
* -------------------------------------------------------
* CUSTOM
* -------------------------------------------------------
*/
.Completed,
.row2100,
.row2101,
.row1 {
	background-color: #E0FFE0;
}

.Incomplete,
.Cancelled,
.Invalid,
.row1000,
.row1100,
.row1200,
.row1300,
.row1301,
.row1302,
.row1303,
.row1304,
.row2000,
.row2001,
.row2200,
.row2 {
	background-color: #FFE0E0;
}

#accounts .card .card-body {
	padding-top: .75rem;
}
#accounts #ao-new .card {
	height: calc(100% - 1rem);
	min-height: 300px;
}
#accounts #ao-new .card-body img {
	right: 50%;
	bottom: 50%;
	width: 5rem;
	position: absolute;
	transform: translate(50%,50%);
}
#accounts div.a-focus .card-header,
#accounts tr.a-focus {
	background-color: #FFE0E0;
}
#accounts .ai-new {
	padding: 5px 5px 5px 10px;
	border: 1px solid #CCC;
	border-bottom: 0px;
	margin-top: 1.5rem;
	display: block;
	width: 100%;
	color: #666;
}
#accounts .accounts-in {
	height: 12rem;
	overflow-y: auto;
	border: 1px solid #CCC;
}
#accounts table {
	border: 0;
}
#accounts table tr td {
	border: 0;
	border-bottom: 1px solid #CCC;
}
#accounts table tr td:hover {
	background-color: lightblue;
	cursor: pointer;
}
#accounts table tr.act-ass-11 {
	color: green;
}
#accounts table tr.act-ass-01 {
	color: red;
}
#accounts table tr.act-ass-00,
#accounts table tr.act-ass-10 {
	color: #CCC;
}
#ai-list {
	margin: 20px 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
}
#ai-list span {
	display: block;
	margin: 5px 0px;
	padding: 3px 8px;
	border: 1px solid #DDD;
	background-color: #EEE;
}
/* ----------------------------------------------------*/

div#debug {
	position: fixed;
	z-index: 1500;
	right: 0;
	width: 60%;
	height: calc(100vh - 80px);
	margin: 10px 20px;
	padding: 20px;
	overflow: auto;
	border: 1px solid #666;
	border-radius: 5px;
	background-color: #FFF;
}

/* tablet */
@media only screen and (min-device-width : 480px) and (max-device-width : 1024px)
{
}


/* mobile */
@media only screen and (min-device-width : 280px) and (max-device-width : 480px)
{
	#notifier-container,
	.app-card {
		left: 0;
		width: 100%;
		height: calc(100% - 55px);
	}
	#notifier {
		width: calc(100% - 10px);
	}
	.app-card {
		padding: 0px;
	}
	.app-card > div {
		min-width: calc(100% - 10px);
		margin: auto 5px;
	}
	.user-login #logo {
		width: 80%;
	}
	.user-login {
		padding: 0px;
	}
}