/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
/*body{
    background-image: url('/img/backgrounds/beanstalk-dark.png');#62835b
}
*/
body {
    background-color: lightpink;
}

div.body-bg {
    background-color: gainsboro;
}
.navbar-custom {
    background-color: lightpink;
}
div.container-main {
    background-color: white;
    margin-top: 0;
    padding-top: 1em;
    border-radius: .25rem !important;
}

#sticky-footer {
    flex-shrink: none;
}

h1, h2, a {
    color: #007731;
}

h1.firstpage {
    color: #007731;
}

a.firstpage-button {
    background-color: #007731;
    border-color: darkgreen
}

a.firstpage-button:hover{
    background: darkgreen;
    border-color:lightgreen;
}

button.firstpage-button {
    background-color: #007731;
    border-color: darkgreen
}

button.firstpage-button:hover {
    background: darkgreen;
    border-color: lightgreen;
}


a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

button.btn-success-epplus {
    color: #fff;
    background-color: #007731;
    border-color: #007731;
}

button.btn-success-epplus:hover {
    color: #fff;
    background-color: darkgreen;
    border-color: #007731;
}
.nobr {
    white-space: nowrap;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
}

.StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

.card-form{
    background-color: lightgray;
}

/* Stripe form*/
.card-form fieldset {
    margin: 0 15px 20px;
    padding: 0;
    border-style: none;
    background-color: #7795f8;
    box-shadow: 0 6px 9px rgba(50, 50, 93, 0.06), 0 2px 5px rgba(0, 0, 0, 0.08), inset 0 1px 0 #829fff;
    border-radius: 4px;
}

.card-form .row1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 15px;
}

.card-form .row1 + .row1 {
    border-top: 1px solid #819efc;
}

.card-form label {
    width: 15%;
    min-width: 70px;
    padding: 11px 0;
    color: #c4f0ff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card-form input, .example.example1 button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    border-style: none;
}

.card-form input:-webkit-autofill {
    -webkit-text-fill-color: #fce883;
    transition: background-color 100000000s;
    -webkit-animation: 1ms void-animation-out;
}

.card-form .StripeElement--webkit-autofill {
    background: transparent !important;
}


.card-form button {
    display: block;
    width: calc(100% - 30px);
    height: 40px;
    margin: 40px 15px 0;
    background-color: #f6a4eb;
    box-shadow: 0 6px 9px rgba(50, 50, 93, 0.06), 0 2px 5px rgba(0, 0, 0, 0.08), inset 0 1px 0 #ffb9f6;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.card-deck .card {
    min-width: 230px;
    margin-top: 5px
}
.nowrap {
    white-space: nowrap;
}

div.help{
    background-image: url(/img/help_icon.png);
    float:left;
    height:25px;
    width:25px;
}

img.help{
    width:25px;
    height:25px;
    float:right;
}

img.help:hover{
    cursor: pointer;
}

h4.header-help {
    float: left;
}

li.snippet-link:hover{
    cursor:pointer;
}

i.snippet-nav-button:hover{
    cursor:pointer;
}

.fa-disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.ql-image-size img{
max-width:100%
}

ul.footer-list {
    list-style-type: none;
}
.hover-likes:hover {
    background: silver;
    border-color: lightgreen;
}