/*
p
{
margin-left:10px;
} 
*/
body {
	/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-size: 80%;
	
	margin-top: 0px;
	margin-bottom: 0px;
}
/*.main {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}*/


.heading-minor {
	font-size: 140%;
	font-weight: normal;
	color: #2E8ACE;
}
.heading-minorBOLD {
	font-size: 140%;
	font-weight: bold;
	color: #2E8ACE;
}
.heading-120BOLD {
	font-size: 120%;
	font-weight: bold;
}
a {
	color: #2E8ACE;
}
.blackheader {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 110%;
	font-weight: bolder;
	color: #000000;
}
.RedMessage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	background-color:#FF9999;
	width:460px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:10px;
	padding-left:10px;
}
.floatRight {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	float:right;
}
.Announce {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	background-color:#fbfbfb;
	width:100%;
	margin:10px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:5px;
	border:1px solid #e1e1e1;
}
.AnnounceHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	color: #444444;
	padding-top:5px;
}
.table-border {
    width:100%;
    display: table;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:5px;
    border: 1px solid #e1e1e1;
    }
.table-hide {
    display: table;
    }
.table-hide-100p {
    width:100%;
    display: table;
    }
.db-row  {
    display: table-row;
    }
.left {
    display: table-cell;
    padding: 10px;
    }
.cell-tl {
    display: table-cell;
    text-align: left;
    padding: 5px;
    }
.cell-tc {
    display: table-cell;
    text-align: center;
    padding: 5px;
    }
.cell-tr {
    display: table-cell;
    text-align: right;
    padding: 5px;
    }
.cell-tl60p {
    display: table-cell;
    text-align: left;
    width:60%;
    padding: 5px;
    }
.cell-head-tl {
    display: table-cell;
    color: #ffffff;
	background:#193869;
    text-align: left;
    padding-top: 10px;
    }
.cell-highlight-tl {
    display: table-cell;
    color: #ffffff;
    background:#005e91;
    text-align: left;
    padding-top: 10px;
    padding-left: 10px;
    }
 .middle {
    display: table-cell;
    width:60%;
    padding: 10px;
    }
.right {
    display: table-cell;
    width:60%;
    padding: 10px;
    }
table {
    border: 0px;
}

td,
th {
    border: 0px ;
}

th {
    background: #005696;
    color: #FFF;
}

tr.subtle-header th {
    background: none;
    color: #000;
    border-bottom: solid 1px #ddd;
}

input[name=button] {
	min-width:80px;
	height:40px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	color: #ffffff;
	background:#193869;
	border:none;
	cursor:pointer;
	border-radius: 5px;
	}

.db-form-input select {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}
.db-form-input select option {
    white-space: normal;
    word-wrap: break-word;
}

#table-a,
.table-a{
border-collapse:collapse;
border:1px solid #ccc;
font-size: 100%;
max-width: 100% !important;
margin:2px;}


#table-a thead,
.table-a thead{
border-bottom:1px solid #ccc;
padding:7px 7px;
text-align: left;}

#table-a th,
.table-a th {
    padding: 7px 17px;
    /*background: #005696;*/
    /*color: #FFF;*/
}


#table-a td,
.table-a td {
    padding: 7px 17px;
    font-size: 100%;
    color: #000000;
}

#table-a tbody tr:hover td,
.table-a tbody tr:hover td{color:#339;background:#d0dafd;}


#table-b{
font-size: 100%;
border-collapse:collapse;
border:0px solid #ccc;
margin:2px;}

#table-b td{
font-size: 100%;
color:#000000;
padding:7px 17px;}

#table-c{
font-size: 100%;
border-collapse:collapse;
border:1px solid #ccc;
margin:2px;}

#table-c td{
font-size: 100%;
color:#000000;
padding:7px 17px;}

#table-d {
font-size: 100%;
border-collapse:collapse;
border:0px solid #ccc;
margin:2px;}

#table-d td{
font-size: 100%;
color:#000000;
padding: 7px 0px;}

form[name="sup_avail"] #table-c { margin-left: 10px; }

#table-compact{
font-size: 100%;
border-collapse:collapse;
border:1px solid #ccc;
margin:2px;}

#table-compact td{
font-size: 100%;
color:#000000;
padding:1px 2px;}

#table-compact th {
    font-size: 100%;
    color:#000000;
    padding:11px 12px;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}



.table {
    width: 100%;
    max-width: 100% !important;
    margin-bottom: 22px;
    border-collapse: collapse !important;
}

.table td,
.table th {
    background-color: #fff !important;
}


.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.6;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
    color: #000;
    text-align: left;
}

.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
    border-top: 0;
}

.table > tbody + tbody {
    border-top: 2px solid #ddd;
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
    min-height: 0.01%;
}

.centre-nav
{
    max-width: 600px;
    margin: 10px auto;
    padding: 20px 0;
}

.centre-nav:after
{
    clear: both;
}

.centre-nav .centre-nav-map
{
    float: left;
    margin: 10px 0;
}

.centre-nav .centre-nav-links
{
    float: right;
    margin: 10px 0;
}

.centre-nav .centre-nav-links form
{
    margin: 10px 0;
}

@media screen and (max-width: 767px) {

    .centre-nav .centre-nav-map
    {
        float: none;
    }

    .centre-nav .centre-nav-links
    {
        float: none;
    }

    .table-responsive {
        width: 100%;
        margin-bottom: 16.5px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

    .table-responsive > .table {
        margin-bottom: 0;
    }

    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }

    .table-responsive > .table-bordered {
        border: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}

@media screen and (max-width: 549px) {
    .db-form-label {
        text-align: left !important;
    }
}

p.highlight
{
    background: #00ACED;
    padding: 5px;
    color: #fff;
}

tr.highlight,
tr.highlight td
{
    background: #00ACED !important;
    color: #fff;
}

tr.special,
tr.special td
{
    color: #ba1b57 !important;
}

tr.distance,
tr.distance td
{
    color: #671C00 !important;
}

/* JAKE START */
.comment-success
{
    padding: 16px;
    background-color: rgb(240 253 244); 
    color: rgb(22 101 52);
    border: 1px solid #eee;
    border-radius: 5px;
}

.tab-container
{
    padding-top: 5px;
    height: auto;
}

.tab-selector-container
{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding-top: 5px;
}

.tab-selector
{
    cursor: pointer;
    text-align: center;
    width: 50%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 4px 4px 0 0;
    background-color: #f9fafb;
}

.tab-selector:hover:not(.tab-selected)
{
    background-color: #eee;
}

.approval.tab-selector
{
    border-left: 1px solid #ccc;
    border-top-left-radius: 4px;
}

.approval.tab-selector:not(.tab-selected)
{
    border-right: 1px solid #ccc;
    border-bottom-right-radius: 8px;
}

.comments.tab-selector
{
    border-right: 1px solid #ccc;
    border-top-right-radius: 4px;
}

.comments.tab-selector:not(.tab-selected)
{
    border-left: 1px solid #ccc;
    border-bottom-left-radius: 8px;
}

.tab-selected
{
    cursor: default;
    border-bottom: none;
    background-color: transparent;
}

.approval-form-container
{
    display: flex;
    flex-direction: column;
}

.comments-form-container
{
    display: flex;
    flex-direction: column;
}

.approval-form-section:first-child
{
    border-top: none;
    border-top-left-radius: 0px; 
    border-top-right-radius: 0px;
}

.comments-form-section
{
    margin-bottom: 5px !important;
}

.comments-form-section:first-child
{
    border-top: none;
    border-top-left-radius: 0px; 
    border-top-right-radius: 0px;
}

.existing-comments-container
{
    margin: 1px solid black;
    padding-top: 15px;
}

.comment-container
{
    width: 90%;
    margin-bottom: 10px;
}

.current-user.comment-container
{
    margin-left: auto;
}

.comment-content
{
    background-color: #f9fafb;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 15px;
    font-size: 13px;
    line-height: 1.5;
    white-space: pre-wrap;
}

.current-user.comment-content
{
    background-color: #e2f8ff;
}

.comment-author
{
    font-size: 11px;
    color: gray;
    padding: 5px;
}

.current-user.comment-author
{
    text-align: right;
}


.new-comment-container
{
    padding-bottom: 10px;
}

.new-comment-input
{
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px;
    width: 100%;
    border: 1px solid #bbb;
    border-radius: 4px;
    margin-bottom: 9px;
    box-sizing: border-box;
    resize: vertical;
}

.submit-comment-container
{
    display: flex; 
    justify-content: end; 
    box-sizing: border-box;
}

.button-databee.disabled
{
    color: #333;
    background-color: #eee;
    pointer-events: none;
}

.table-container {
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
    max-width: 100%;
    padding: 5px 15px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.table-d {
    border-collapse: collapse;
    width: 100%;
    box-sizing: border-box;
}

.table-d thead {
    background-color: transparent;
}

.table-d th {
    padding: 10px 0;
    text-align: left;
    background-color: transparent;
    color: #000;
}

.table-d tr {
    border-bottom:1px solid #ccc;
}

.table-d td:first-child {
    word-break: break-all;
    width: 10%;
    max-width: 10%;
}

.table-d td:nth-child(2) {
    width: 25%;
    max-width: 25%;
}

.table-d td:nth-child(3) {
    width: 25%;
    max-width: 25%;
}

.table-d td:nth-child(4) {
    width: 20%;
    max-width: 20%;
}

.table-d td:last-child {
    width: 20%;
    max-width: 20%;
}

.table-d td {
    box-sizing: border-box;
    padding: 10px 5px 10px 0;
}

.table-d td:not(:first-child) {
    word-break: break-word;
}

.table-d li::marker {
    content: '- ';
}

.list-style-none {
    list-style: none;
}

.list-style-none li {
    list-style: none;
}

.incidents-form .left-col {
    vertical-align: top;
}
.incidents-form .submit {
    text-align: right;
}

.incident-detail h3 {
    position: relative;
    right: 20px;
}