
	body {
		font-family:Sans-Serif;
		padding-left: 20px;
		margin: 0px;
		font-size: 12px;
	}

	.form-default {
		padding: 0px;
		padding-top: 4px;
	}
	.fieldset-default {
		border: 0px;
		margin-bottom: 0px;
		padding-left:0px;
		margin-top: 8px;
	}
	.fieldset-default legend {
		color: steelblue;
		font-size: 150%;
		font-weight: 100;
		display: block;
		width: 100%;
		border-bottom: 1px solid lightgray;
		margin-bottom: 2px;
	}
	.fieldset-default select {
		float:left;
		margin-left: 4px;
		margin-bottom:1px;
		color: darkslategray;
		min-height: 2.1em;
		padding: 2px;
		font-size: 110%;
	}
	.fieldset-default input {
		float:left;
		margin-left: 4px;
		margin-bottom:1px;
		color: darkslategray;
		min-height: 2.1em;
		padding: 2px;
		font-size: 110%;
	}
	.fieldset-default input[type=checkbox] {
		min-height: 1.6em;
	}
	.fieldset-default input[type=radio] {
		min-height: 1.6em;
	}
	.fieldset-default textarea {
		font-family:Sans-Serif;
		float:left;
		margin-left: 4px;
		margin-bottom:1px;
		color: darkslategray;
		min-height: 2.1em;
		padding: 2px;
		font-size: 110%;
	}
	.label-default {
		font-size: 110%;
		padding-left: 4px;
		text-align: left;
		color: #777;
	}
	.input,.file-input, .select-default, .textarea-default {
		border: 1px solid #ccc;
	}



	.btn {
		padding-top: 4px;
		padding-left: 10px;
		padding-bottom: 4px;
		padding-right: 10px;
		border: 1px solid lightgray;
		font-size: 110%;
		font-weight: 200;
	}
	.btn:focus {
		outline:solid 0px steelblue;
		border: 1px solid steelblue;
	}
	.btn:hover {
		cursor: pointer;
	}
	.btn-disabled {
		background: aquamarine;
		color: dimgray;
	}
	.btn-default {
		background: white;
		color: steelblue;
	}
	.btn-primary {
		background: steelblue;
		color: white;
	}
	.btn-primary:hover {
		background: #336688;
		color: black;
	}
	.btn-primary:disabled {
		background: gray;
		color: lightgray;
	}
    .btn-primary:disabled:hover {
        cursor: auto;
    }
	div.panel-row:nth-child(odd) > div.layout-column > div.enclosure-btn-dropdown .btn-primary {
		background: steelblue;
		color: white;
	}
	div.panel-row:nth-child(odd) > div.layout-column > div.enclosure-btn-dropdown .btn-primary:hover {
		background: #2B547E;
	}
	div.panel-row:nth-child(even) > div.layout-column > div.enclosure-btn-dropdown .btn-primary {
		background: lightsteelblue;
		color: black;
	}
	div.panel-row:nth-child(even) > div.layout-column > div.enclosure-btn-dropdown .btn-primary:hover {
		background: #2B547E;
		color: white;
	}
	div.panel-footer div.panel-row div.layout-row > div.layout-column label {
        display: none;
	}
	div.panel-footer div.panel-row div.layout-row > div.layout-column button {
        margin: inherit;
        text-align: left;
        padding: 4px 10px;
	}
	div.panel-footer div.panel-row div.layout-row:nth-child(odd) > div.layout-column .btn-primary {
		background: lightcyan;
		color: black;
	}
	div.panel-footer div.panel-row div.layout-row:nth-child(even) > div.layout-column .btn-primary {
		background: skyblue;
		color: white;
	}
	div.layout-row > div.layout-column > div.enclosure-btn-dropdown > button.btn-primary:hover {
		background: powderblue;
	}
    .country_MEX .panel-header {
        background: #006341; /* Dark green color, first color from left of Mexican flag */
    }
    .country_GBR .panel-header {
        background: #012169; /* Color of blue background in British flag */
    }
    a.btn-dropdown-menulink {
        display: inline-block;
        width: 100%;
        height: 100%;
    }
	.btn-default:hover {
		background: #eee;
	}
	.btn-default:disabled {
		background: #aaa;
        color: #555;
	}
	.btn-link:hover {
		background: #eee;
	}
	.btn-inline {
		margin-left: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	td a:hover {
		cursor: pointer;
	}

	.enclosure-btn-dropdown {
		position: relative;
		width: 100%;
	}
	.enclosure-btn-dropdown .btn {
		width: 100%;
		text-align: left;
	}
	.btn-dropdown-menu {
		position: absolute;
		left: 0;
		z-index: 1000;
		float: left;
		min-width: 220px;
        width: 100%;
		padding: 0px;
		margin: 0px;
		text-align: left;
		list-style: none;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #ccc;
		border: 1px solid rgba(0,0,0,.15);
		-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
		box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	}
	.btn-dropdown-menu .btn-dropdown-menuitem {
		font-size:100%;
		padding-top: 6px;
		padding-bottom: 4px;
		padding-left: 6px;
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
	}
	.btn-dropdown-menu .btn-dropdown-menuitem a {
		font-size:110%;
		color: #2B547E;
	}
	.btn-dropdown-menu .btn-dropdown-menuitem:hover {
		cursor:pointer;
		background:lightgray;
	}

	.level {
		margin-top: 5px;
		margin-bottom: 4px;
		display: flex;
	}
	.level-left {
		float: left;
	}
	.level-right {
		margin-top: 4px;
		float: right;
	}
	.is-fullwidth {
		width: 100% !important;
	}

	.layout-row {
		width:100%;
		float: left;
		padding-top: 1px;
		margin-bottom: 3px;
	}
	.layout-column {
		box-sizing: border-box;
		float:left;
		padding-right: 4px;
	}

	@media screen and (min-width : 1200px) {
		.layout-column-1 { width: 8.3%; }
		.layout-column-1-5 { width: 12.4%; }
		.layout-column-2 { width: 16.6%; }
		.layout-column-3 { width: 24.9%; }
		.layout-column-4 { width: 33.3%; }
		.layout-column-5 { width: 41.6%; }
		.layout-column-6 { width: 50%; }
		.layout-column-7 { width: 58.3%; }
		.layout-column-8 { width: 66.6%; }
		.layout-column-9 { width: 75%; }
		.layout-column-10 { width: 83.3%; }
		.layout-column-11 { width: 91.6%; }
		.layout-column-12 { width: 100%; }
	}

	@media screen and (max-width : 1199px) {
		.layout-column-1 { width: 25%; }
		.layout-column-1-5 { width: 25%; }
		.layout-column-2 { width: 25%; }
		.layout-column-3 { width: 25%; }
		.layout-column-4 { width: 50%; }
		.layout-column-5 { width: 50%; }
		.layout-column-6 { width: 100%; }
		.layout-column-7 { width: 100%; }
		.layout-column-8 { width: 100%; }
		.layout-column-9 { width: 100%; }
		.layout-column-10 { width: 100%; }
		.layout-column-11 { width: 100%; }
		.layout-column-12 { width: 100%; }
	}

	@media screen and (max-width : 900px) {
		.layout-column-1 { width: 25%; }
		.layout-column-1-5 { width: 50%; }
		.layout-column-2 { width: 50%; }
		.layout-column-3 { width: 50%; }
		.layout-column-4 { width: 100%; }
		.layout-column-5 { width: 100%; }
		.layout-column-6 { width: 100%; }
		.layout-column-7 { width: 100%; }
		.layout-column-8 { width: 100%; }
		.layout-column-9 { width: 100%; }
		.layout-column-10 { width: 100%; }
		.layout-column-11 { width: 100%; }
		.layout-column-12 { width: 100%; }
	}

	table.searchtab {
		min-width: min(calc(100% - 1px), calc(99vw - 30px)) !important;
		max-width: min(calc(100% - 1px), calc(99vw - 30px)) !important;
	}

	div.dataTables_wrapper div[class^=dataTables_scroll], div.dataTables_wrapper table {
		min-width: min(calc(100% - 1px), calc(99vw - 30px)) !important;
		max-width: min(calc(100% - 1px), calc(99vw - 30px)) !important;
	}

	.responsive-table-wrap {
		overflow-x: auto;
		width: calc(100% - 5px) !important;
		margin-right: 3px;
	}

    .DTFC_LeftBodyLiner {
        overflow: hidden;
    }

	.dataTables_filter input {
		border: 1px solid #ccc;
	}

	/* like result header */
	.headerdiv {
		font-size:130%;
		font-family:Sans-Serif;
		text-align:left;
		padding-top:12px;
		padding-bottom:2px;
		color: steelblue;
		clear:both;
		border-bottom: 1px solid lightgray;
		margin-bottom: 2px;
	}
	/* search opt box enclosure */
	.noticediv {
		text-align:left;
		font-weight: bold;
		padding:2px;
		color: #142171;
	}
	/* links / buttons below search box */
	.reportmenudiv {
		text-align:left;
		font-weight: bold;
		padding:2px;
		margin-bottom:4px;
	}
	/* message box above search box on search pages */
	.messagediv {
		font-family:Sans-Serif;
		font-weight: bold;
		color: firebrick;
		margin-left: 4px;
		margin-bottom: 4px;
	}
	/* used in 2(?) search results */
	.norows {
		color: firebrick;
		margin-left: 4px;
		margin-bottom: 4px;
		clear: both;
	}
	/* */
	.table-explain-div {
		margin-bottom: 4px;
	}
	.table-explain-div span {
		margin-right: 12px;
	}


	/*
	 * specifics
	 */

	a {
		font-size: 100%;
		color: #2B60DE;
		text-decoration:none;
	}
	.a-not-selected {
		color:lightsteelblue;
	}

	fieldset:not(.fieldset-default) {
		padding:8px;
		margin-bottom:4px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border:1px solid gray;
	}

	fieldset:not(.fieldset-default) label {
		float:left;
		text-align:right;
		font-weight: bold;
		margin-top:2px;
		width: 130px;
		color: steelblue;
	}
	fieldset:not(.fieldset-default) legend {
		min-width:40%;
		text-align:left;
		font-weight: bold;
		padding:2px;
		color: white;
		background-color: steelblue;
		border: solid gray 0px;
	}
	fieldset:not(.fieldset-default) .rightlabel {
		float:left;
		text-align:left;
		margin-top:2px;
		width: 120px;
	}
	fieldset:not(.fieldset-default) select {
		float:left;
		margin-left: 4px;
		margin-bottom:1px;
		color: darkslategray;
		min-height: 16px;
		padding: 2px;
		border: 1px solid gray;
	}
	fieldset:not(.fieldset-default) input {
		float:left;
		margin-left: 4px;
		margin-bottom:1px;
		color: darkslategray;
		min-height: 16px;
		padding: 2px;
		border: 1px solid gray;
	}
	fieldset:not(.fieldset-default) textarea {
		font-family:inherit;
		float:left;
		margin-left: 4px;
		margin-bottom:1px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		color: darkslategray;
		min-height: 16px;
		padding: 2px;
		border: 1px solid gray;
	}
	form input) {
		float:left;
		margin-bottom:1px;
		color: darkslategray;
		min-height: 16px;
		padding: 2px;
		border: 1px solid gray;
	}
	fieldset:not(.fieldset-default) option {
		color: darkslategray;
	}

	input:focus, select:focus, textarea:focus {
		outline:solid 0px steelblue;
		border: 1px solid steelblue;
	}

	input,select,textarea{
	}

	table {
		border-collapse: collapse;
		width: 0%;
		font-size: 12px !important;
	}
    div.responsive-table-wrap > table.dataTable, div.dataTables_scrollBody > table.dataTable {
        width: calc(100% - 1px) !important; //Pixel removal prevents needless horizontal scroll.
    }
	td {
		border: solid lightgray 1px;
	}
	th {
		border: solid lightgray 1px;
	}
	tr {
	}
	tfoot td {
		background: skyblue;
	}
	.border-divider {
		border-right: 2px solid gray;
	}


	/*
	 *
	 * PANELS
	 *
	 */

	.panel-box{
		border: 1px solid lightgray;
		border-radius: 8px;
		margin: 4px;
		margin-left: 0px;
	}
	.panel-box::after {
		content: "";
		display: table;
		clear: both;
	}
	.panel-header {
		width:100%;
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 120%;
        background: #2B547E; 
		color: white;
		/*
        background: #efefef;
		color: #2B547E;
 */
		border-bottom: 1px solid lightgray;
		box-sizing: border-box;
        cursor: pointer;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}

    .panel-header a {
        color: inherit;
        font-weight: bold;
        font-style: italic;
        cursor: alias;
    }

    .panel-header.hiding {
        font-style: italic;
        color: gainsboro;
    }

	.panel-body{
		width:100%;
		padding: 8px;
		padding-left:8px;
		padding-right:4px;
		box-sizing: border-box;
	}
	.panel-footer{
		width:100%;
		padding: 8px;
		padding-left:8px;
		padding-right:4px;
		box-sizing: border-box;
		min-height: 22px;
	}
	.panel-links{
		width:100%;
	}
	.panel-row{
		width:100%;
		float: left;
		padding-top: 1px;
		margin-bottom: 3px;
	}
	.panel-links-label{
		text-align: left;
		display: inline-table;
		color: #2B547E;
	}
	.panel-links-links{
		min-width: 40px;
	}
	.panel-links-separator{
		text-align: center;
		width: 8px;
		display: inline-table;
	}
	.panel-link-invisible {
		visibility: none;
	}

	.panel-row-odd {
		background: #eee;
	}

	.panel-hr {
		margin-top: 2px;
		margin-bottom: 2px;
		border: 0;height: 0;border-top: 1px solid rgba(0, 0, 0, 0.2);border-bottom: 1px solid rgba(255, 255, 255, 0.6);
	}

	.panel-delayed-button {
		width: 120px;
		height: 100px;
		box-shadow: 1px 1px 2px 3px;
		margin-top:90px;
		margin-bottom:45px; 
		color:white;
		background-color:steelblue;
		border-radius:4px;
		position:relative;
		font-size:160%;
		font-weight:bold;
		display:inline-block;
	}

/*
	.panel-box-sm  { width:   620px!important; }
	.panel-box-smm { width:   700px!important; }
	.panel-box-md  { width:   810px!important; }
	.panel-box-mdl { width:   910px!important; }
	.panel-box-lg  { width:   1256px!important; }
	.panel-box-lg2 { width:   1290px!important; min-width:   1290px!important; }
	.panel-box-lg3 { width:   1330px!important; min-width:   1330px!important; }
	.panel-box-xlg { width:   1800px!important; }
*/
	.panel-box-embedded .panel-header {
		background: white;
		color: steelblue;
		font-size: 110%;
	}

	/*
	* Dropdown Select list
	*/
	.checkbox-dropdown {
		display: inline-block;
	}

	.checkbox-dropdown .checkbox-dropdown-anchor {
		width:99%;
		position: relative;
		cursor: pointer;
		display: inline-block;
		padding: 7px 0px 4.5px 2px;
		border: 1px solid #ccc;
	}

	.checkbox-dropdown .checkbox-dropdown-anchor:after {
		position: absolute;
		content: "";
		border-left: 1px solid black;
		border-top: 1px solid black;
		padding: 3px;
		right: 5px;
		top: 30%;
		-moz-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}

	.checkbox-dropdown .checkbox-dropdown-anchor:active:after {
		right: 8px;
		top: 21%;
	}

	.checkbox-dropdown ul.checkbox-dropdown-items {
		padding: 2px;
		display: none;
		margin: 0;
		border: 1px solid #ccc;
		border-top: none;
	}

	.checkbox-dropdown ul.checkbox-dropdown-items li {
		list-style: none;
	}

	.checkbox-dropdown.visible .checkbox-dropdown-anchor {
		color: steelblue;
	}

	.checkbox-dropdown.visible .checkbox-dropdown-items {
		display: block;
	}

	div.checkbox-dropdown{
		position: relative;
		margin-left: 4px;
	}

	div.checkbox-dropdown ul.checkbox-dropdown-items {
		position:absolute;
		top:100%;
		z-index: 99999;
		background-color: white;
		width:98.4%;
		height: 200px;
		overflow: auto;
	}

	div.checkbox-dropdown ul.checkbox-dropdown-items li div {
		display: inline-block;
	}

