body, html {
    width      : 100%;
    height     : 100%;
    margin     : 0px;
    padding    : 0px;
    overflow-x : hidden;
}

.new-button{
    background-color: #d6d4b1;; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 4px;
    
}
.new-button1{
    background-color: #d6d4b1; 
    color: black; 

    border: 2px solid black;
    }

.new-button1:hover {    
    background-color: #1E2B41;
    color: white;
    }

.card{
	background-color: #eaeaea;
}

/* for when you want the card color, without all the card's css that comes with bootstrap...*/
.card-color {
    background-color: #eaeaea;
}

.hide-on-startup {
    display: none;
}

label {
	font-size: 20px;
	font-weight:400;
}

.btn-primary {
    border-radius    : 25px;
    background-color : #1E2B41;
    color            : white;
}

.btn-primary:hover {
    background-color : #d6d4b1;
    color            : black;
    border           : 1px solid black;
    font-weight      : bold;
}

.btn-primary-bot {
    border-radius    : 25px;
    background-color : #d6d4b1;
    color            : black;
    border           : 1px solid black;
}

.btn-primary-bot:hover {
    background-color : #1E2B41;
    color            : white;
    border           : 1px solid white;
    font-weight      : bold;
}
.div-center {
    margin-left: auto;
    margin-right: auto;
}

.full-width {
    width: 100%;
}

a:hover {
    color : #d6d4b1;
}

.halfwide-btn {
    min-width: 50%;
}

.wide-btn {
    width: 90%;
}

.max-100 {
    max-width : 100%;
}

.tap-color {
  color: #1E2B41;}

.error-message {
  color       : red;
  font-weight : bold;
}

.display-block {
    display : block;
}

#content-wrap {
    min-height: calc(100vh - 500px);
    min-height: max(500px, calc(100vh - 500px));
}


.stick-bottom-right{ 
    position: fixed;
    bottom: 0;
    right: 0;
    margin-right:30px; 
    z-index: 9999; /* Ensure it's above other content */
}
@media (max-width: 768px) {
    .stick-bottom-right{ 
      
        margin-right:10px; 

       
    }
}

/*
@media only screen and (max-width: 767px) {
    .stick-bottom-right { 
        display: none;
    }
}
*/