body {
	background-image: url("../images/linen-background.png");
	/* https://stackoverflow.com/questions/58308340/the-horizontal-scroll-bar-automatically-appears-when-clicking-select2 */
	overflow-x: hidden; /* Fix Select2 bug where horizontal scrollbar appears*/
	/*background-repeat: no-repeat;
	background-size: 100% 100vh;*/
}
.jumbotron{
    background-color:#2E2D88;
    color:white;
}
/* Adds borders for tabs */
.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.navbar-brand {
  margin-top: 5px;
  padding: 0 5px;
}



.outline-text{
	color: white;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000; 
}

.trashbutton {
	background-color: #ff0000;
}

.grey-disable:disabled,
.grey-disable[disabled]{
  background-color: #cccccc !important;
  color: #666666;
  opacity: 1;
}

.error {color: #FF0000;}

/* Full-width inputs */
input[type=text], input[type=password], input[type=number] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
	background-color: #f1f1f1;
}

/* Set a style for all buttons */
button {
    background-color: #3367b2; /*#4CAF50*/
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
	border-radius: 4px;
}

/* Add a hover effect for buttons */
button:hover {
    opacity: 0.8;
}

/* Add padding to containers */
.container {
    padding: 16px;
}

footer {
  margin-top:18px;
  text-align: center;
  padding: 5px;
  background-color: #000000b0;
  color: white;
}

.footer-container .col-md-3 ul {
    display: block; /* Stack the items vertically */
    padding: 0; /* Remove padding around the list */
    list-style: none; /* Remove default list styling */
    margin: 0; /* Remove default margin */
    text-align: center; /* Center-align the text */
}

.footer-container .col-md-3 ul li {
    margin-bottom: 10px; /* Add space between links */
}

.footer-container .col-md-3 ul li:last-child {
    margin-bottom: 0; /* Remove margin from the last link */
}

.footer-container .col-md-3 ul li a {
    color: white; /* Standard white text */
    font-size: 12px; /* Adjust font size */
    text-decoration: none; /* Remove underline */
}

.footer-container .col-md-3 ul li a:hover {
    color: #ccc; /* Optional hover effect for better UX */
}

.before-footer {
  min-height: calc(100vh - 80px);
}

.login-or {
	position: absolute;
    padding: 0px 0.5rem;
    background: #f1f1f1;
    font-weight: bold;
    margin-top: -1rem;
    left: 50%;
    transform: translateX(-50%);
}

.iframe-container{
  position: relative;
  text-align: center;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}