/* START: GLOBAL */

:root {
    --penns-dark-green: #084837;
    --penns-light-green: #728c69;
    --penns-white: #eeeeee;
}

.m-1 {
	margin: 0.25rem;
}

.mr-05 {
    margin-right: 0.125rem;
}

.h-100 {
	height: 100% !important;
}

.btn-success, .btn-primary {
    background-color: var(--penns-dark-green);
    border-color: var(--penns-dark-green);
    transition: all 0.15s linear;
}

.btn-warning, .btn-secondary {
    background-color: var(--penns-light-green);
    border-color: var(--penns-light-green);
    transition: all 0.15s linear;
}

.btn-success:hover, .btn-primary:hover {
    background-color: var(--penns-white);
    border-color: var(--penns-dark-green);
    color: var(--penns-dark-green);
}

.btn-warning:hover, .btn-secondary:hover {
    background-color: var(--penns-white);
    border-color: var(--penns-light-green);
    color: var(--penns-light-green);
}

input[readonly] {
    background-color: #eee !important;
    cursor: not-allowed !important;
}

div.dataTables_wrapper div.row {
    margin-left: 0;
    margin-right: 0;
}

/* END: GLOBAL */

/* START: LOGIN */
.login-header {
    background-color: var(--penns-dark-green);
}

body.login {
    background-color: var(--penns-light-green);
}

body.login button {
    background-color: var(--penns-dark-green);
    border-color: var(--penns-dark-green);
    color: var(--penns-white);
    box-shadow: none !important;
    transition: all 0.15s linear;
}

body.login button:hover {
    background-color: var(--penns-white);
    border-color: var(--penns-dark-green);
    color: var(--penns-dark-green);
}
/* END: LOGIN */

/* START: FORMS */
form ul#clientContactsList {
    list-style: none;
    padding-left: 0;
}

form ul#clientContactsList li {
    margin: 4px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

form ul#clientContactsList li input {
    margin: 4px;
}

form ul#incidentContactsList {
    list-style: none;
    padding-left: 0;
}

form ul#incidentContactsList li {
    margin: 4px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

form ul#incidentContactsList li input {
    margin: 4px;
}
/* END: FORMS */

/* ---------------  Dynamic Columns -------------- */
@media screen and (max-width: 320px) {
	.tablePriority-3 {display: none; }
	.tablePriority-4 {display: none; }
	.tablePriority-5 {display: none; }
	.tablePriority-6 {display: none; }
	/*
	.tablePriority-1 {display: none; }
	.tablePriority-2 {display: none; }
	*/
}
@media screen and (min-width: 321px) and (max-width:420px) {
	.tablePriority-3 {display: none; }
	.tablePriority-4 {display: none; }
	.tablePriority-5 {display: none; }
	.tablePriority-6 {display: none; }
	/*
	.tablePriority-1 {display: none; }
	.tablePriority-2 {display: none; }
	*/
}
@media screen and (min-width: 421px) and (max-width: 519px) {
	.tablePriority-4 {display: none; }
	.tablePriority-5 {display: none; }
	.tablePriority-6 {display: none; }
	/*
	.tablePriority-1 {display: none; }
	.tablePriority-2 {display: none; }
	.tablePriority-3 {display: none; }
	*/
}
@media screen and (min-width: 520px) and (max-width: 767px) {
	.tablePriority-5 {display: none; }
	.tablePriority-6 {display: none; }
	/*
	.tablePriority-1 {display: none; }
	.tablePriority-2 {display: none; }
	.tablePriority-3 {display: none; }
	.tablePriority-4 {display: none; }
	*/
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	/*
	.tablePriority-1 {display: none; }
	.tablePriority-2 {display: none; }
	.tablePriority-3 {display: none; }
	.tablePriority-4 {display: none; }
	.tablePriority-5 {display: none; }
	.tablePriority-6 {display: none; }
	*/
}
@media screen and (min-width: 992px) and (max-width: 1201px) {
	/*
	.tablePriority-1 {display: none; }
	.tablePriority-2 {display: none; }
	.tablePriority-3 {display: none; }
	.tablePriority-4 {display: none; }
	.tablePriority-5 {display: none; }
	.tablePriority-6 {display: none; }
	*/
}
@media screen and (min-width: 1200px) {
	/*
	.tablePriority-1 {display: none; }
	.tablePriority-2 {display: none; }
	.tablePriority-3 {display: none; }
	.tablePriority-4 {display: none; }
	.tablePriority-5 {display: none; }
	.tablePriority-6 {display: none; }
	*/
}
/* --------------- End of Dynamic Columns -------------- */

/* START: TABLES */

.table-responsive {
	padding-top: 4px;
}

@media screen and (max-width: 420px) {
	.table-responsive,
	.table-responsive a,
	.dataTables_length,
	.dataTables_filter,
	.dataTables_info,
	.dataTables_paginate {
		font-size: 13px;
	}

	.table-responsive a {
		padding: 0.35rem 0.675rem;
	}

	.pagination {
		margin: 4px 0;
	}
}

/* END: TABLES */

.m-signature-pad--body canvas {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 250px;
	border: 1px solid #CCCCCC;
}

.help-block {
	display: none;
}

.d-flex {
	display: flex !important;
}

.justify-content-between {
	justify-content: space-between !important;
}

.align-items-center {
	align-items: center !important;
}

#the-alert {
	position: fixed;
    left: 265px;
    width: calc(100% - 15px - 265px);
    top: 130px;
    z-index: 1000;
    box-shadow: 3px 3px 3px #c0c0c0;
}

@media screen and (max-width: 991px) {
	#the-alert {
		left: 10px;
		width: calc(100% - 20px);
	}
}