﻿.bg-darkblue {
    /*background-color: #001f6f;*/
    /*background-image: linear-gradient(to bottom right,#0a1342, #629bff);*/
    /*background-image: linear-gradient(to bottom right, #050f44, #495ab0);*/
    /*background-image: linear-gradient(to bottom right, #001e3d, #3783aa);*/
    /*background-image: url("americanBlue.jpeg");*/
    /*background-image: url("/images/match.tiff");
    background-size: auto;*/
    background: linear-gradient(90deg, rgba(64,92,142,1) 0%, rgba(34,44,97,1) 50%, rgba(64,92,142,1) 100%);
    color:white;
}

.btn-americared {
    /*background: linear-gradient(90deg, rgba(248,118,24,1) 0%, rgba(253,31,180,1) 100%);*/
     background-color: #db1a4f;
    /*background-image: linear-gradient(#bd0711, #db1a4f);*/
    color:white;
}

.list-group-item:hover {
    background-color: #f5f5f5;
    /*background-image: linear-gradient(#bd0711, #db1a4f);*/
    
}

.collapsed:hover {
    background-color: #f5f5f5;
    /*background-image: linear-gradient(#bd0711, #db1a4f);*/
    
}

.thumbnail {
  position: relative;
  z-index: 0;
}

.move-left {
    width: auto;
    box-shadow: none;
  }

.thumbnail:hover {
  background-color: transparent;
  z-index: 50;
}

.thumbnail span {
  /*CSS for enlarged image*/
  position: absolute;
  background-color: lightyellow;
  padding: 5px;
  left: -1000px;
  border: 1px dashed gray;
  visibility: hidden;
  color: black;
  text-decoration: none;
}

.thumbnail span img {
  /*CSS for enlarged image*/
  border-width: 0;
  padding: 2px;
}

.thumbnail:hover span {
  /*CSS for enlarged image on hover*/
  visibility: visible;
  top: 0;
  left: -500px; /*position where enlarged image should offset horizontally */
}

.info {
    height:600px;
    width:480px;
}

.mark, mark {
    padding:0;
    background-color: yellow;
}

.card {
    width: 350px;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #d2d2dc;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);
    -moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);
    box-shadow: 0px 0px 5px 0px rgb(161, 163, 164);
    position: fixed;
    bottom: .5rem;
    z-index: 9999;
}

.cookies a {
    text-decoration: none;
    color: #000;
    margin-top: 8px
}

.cookies a:hover {
    text-decoration: none;
    color: blue;
    margin-top: 8px
}
@media (max-width: 992px) {
    .w-lg-100 {
        width: 100% !important;
    }
}

.grow {
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    -webkit-transition: height .5s;
    transition: height .5s;
    height: 0;
    overflow: hidden;
  }

.tooltip-inner {
    max-width: 50% !important;
}