/*  This has to be here to survive publish.  Why changing the root Bootstrap CSS files directly dosen't work, I don't know.  */
.btn {
		height: 30px;
		line-height: 0px;
		transition-duration: 0.4s;
}

.btn:hover {
		color: black;
}

.btn-primary,
.btn-info,
.btn-success,
.btn-warning,
.btn-danger {
		border-radius: 12px;
		border-color: black;
}

.PanelPadding {
    padding: 10px;
}

.jumbotron-heading, .jumbotron-fluid-heading {
    /*  Some of this BS doen't matter because opacity=1 makes the damn thing transparent anyway.  */
    /*background-color: #006BB3;*/
    opacity: 1;
    color: black;
    font-weight: bold;
    font-size: 45px;
    border-radius: 8px;
    text-align: center;
}

.catch-eye, .catch-eye[readonly], .catch-eye[readonly="readonly"] {
    /*background-color: orange;*/
    color: black;
    font-weight: bold;
}

.catch-eye1, .catch-eye1[readonly], .catch-eye1[readonly="readonly"] {
    background-color: #819FF7;
    color: black;
    font-weight: bold;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 2px 3px 2px 3px; /* Top Right Bottom Left */
}

/* Hide GridView Column but still access it */
.hiddencol {
    display: none;
}

.mnu-button {
		background-color: #4CAF50; /* Green */
		border-color: white;
		color: white;
		padding: 7px 15px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		width: 100%;
		margin-top: 0px;
}

.grd-button {
		background-color: #4CAF50; /* Green */
		border-color: white;
		color: white;
		padding: 3px 7px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 14px;
		height: 30px;
		width: 60px;
		margin-top: 0px;
}

.tiny-button {
		background-color: #4CAF50; /* Green */
		border-color: white;
		color: white;
		padding: 1px 2px 1px 2px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 14px;
		height: 30px;
		width: 60px;
		margin-top: 0px 0px 0px 0px;
}

.tiny-yellow-button {
		background-color: #FFFF00; /* yellow */
		border-color: black;
		color: black;
		padding: 1px 2px 1px 2px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 14px;
		height: 30px;
		width: 60px;
		margin-top: 0px 0px 0px 0px;
}

.mobile-button {
		background-color: #4CAF50; /* Green */
		border-color: white;
		color: white;
		padding: 1px 2px 1px 2px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 14px;
		height: 40px;
		width: 80px;
		margin-top: 0px 0px 0px 0px;
}

.mobile-button-edit {
		background-color: #4CAF50; /* Green */
		border-color: black;
		color: black;
		padding: 4px 4px 4px 4px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		margin: 0px 0px 0px 0px;
}

.custom-checkbox input[type="checkbox"] {
		margin-right: 10px;
}