html {
    overflow-y: scroll;
}

.card_base {
    background-color:#f8f8f8;
    border-radius:5px;
    border-style:solid;
    border-width:thin;
    border-color:white;
    padding:10px;
    display:inline-block;
    width:100%;
    padding-bottom:10px;
    margin-bottom: .25em;
    font-size:1.1em;    
}
  
.card_customer {
    padding-left:25px;
}

.card_vinyl{
    padding-bottom: 5px;
}

#NoteCard.card_notes{
    background-color:pink;
    min-height: 75px;
    vertical-align: middle;
    padding-top: 25px;
}
   
.card_details {
    margin-bottom:1em;
}

.color_sample {
    width:35px;
    height:35px;
    padding-top: 6px;
    border-radius:5px;
    float:left;
    text-align: center;
}

.color_sample_large {
    width:100%;
    height:100px;
    border-radius:6px;
/*    border-style:solid;
    border-width:thin;
    border-color:lightgray;*/
    margin-bottom: 1em;
}

.sample_image{
  width: 100%;
  height: 100%;
  object-fit: cover;
  Height:250px;
  background-color: white;
  border-radius:10px;
  border-style:solid;
  border-width:thin;
  border-color:lightgray;
  /*background-image: url( "/images/placeholder.png" );*/
  background-size: 100%;
}
  
.card_text {
    margin-left:50px;
    margin-right:15px;
}
  
.card_heading {
    font-size:1.2em;
    padding-top:6px;
}
  
.card_notes {
    margin-right:15px;
    color:gray !important;
}

.card_edit {
    float:right;
}
 
.icon_color {
    color:rgba(255,255,255,.75);
}
  
.righteous {
    float:right;
    font-weight:bold;
}
  
.lined { /*Obsolete*/
    border-bottom-style:none;
    border-bottom-width:thin;
    border-bottom-color:lightgray;
    line-height:1.65em;
}
  
a:hover {
    color:firebrick;
    text-decoration:none;
    /*background-color: rgb(250, 228, 234);*/
}

.searchmatch{
    color: #A0A;
}

.card_active {
    border-style:solid;
    border-width:thin;
    border-color:#d0d0d0;
    background-color:#f0f0f0;
  }

#container-main.container-fluid{
    max-width: 1500px;
}

#container-heading.container-fluid{
  max-width: 1500px;
  min-height:105px ;
  /*background-color: whitesmoke;*/
}

.white_line{
    border-color: lightgray;
    border-width: 1px;
}

.section_heading{
  background-color: whitesmoke;
  border-radius:5px 5px 5px 5px;
  border-bottom-style:solid;
  border-width:2px;
  border-color:#AE69CD;
  padding:10px;
  display:inline-block;
  width:100%;
  padding-bottom:10px;
  margin-top: 2em;
  margin-bottom: 1em;
  font-size:1.5em;
  color:white;
}

.gradient {
  background: #AE69CD;                                        /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#C470EA, #AE69CD); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#C470EA, #AE69CD);      /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#C470EA, #AE69CD);    /* For Firefox 3.6 to 15 */
  background: linear-gradient(#C470EA, #AE69CD);         /* Standard syntax */
}

.dummy{
    border-radius:5px 5px 5px 5px;
    border-style:dotted;
    border-width:2px;
    border-color:#AE69CD;
    padding:10px;
    display:inline-block;
    width:100%;
    padding-bottom:10px;
    margin-top: 2em;
    margin-bottom: 1em;
    font-size:1.5em;
}

.skyrocket{
    position: fixed;
    width: 100%;
    max-width: 1500px;
    text-align: center;
    bottom:-4px;
    opacity: 0.25;
}