body {
  overflow-y:hidden;
  background-color: #fff2d6;
}

.afl-bg-dark {
  background-color: #f5deb3 !important;
}
.afl-bg {
  background-color: #fff2d6;
}

.table-afl {
    --bs-table-bg: #fff2d6;
}

.titre {
  z-index: 100;
}

a {
  text-decoration:none;
}

.navbar-img  {
    background-image: url("logos/pic1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
}

.logo {
  width: 180px;
  height: 120px;
  position:absolute; 
  top:0px; 
  left:0px; 
  z-index:2000;
}

.dropdown-toggle:after { content: none }

h1 {
  text-shadow: 2px 2px brown;
}

@keyframes change{
    0%{background-image: url(logos/pic1.jpg);}
    10%{background-image: url(logos/pic1.jpg), url(logos/pic2.jpg);}
    20%{background-image: url(logos/pic2.jpg);}
    40%{background-image: url(logos/pic3.jpg);}
    60%{background-image: url(logos/pic4.jpg);}
    80%{background-image: url(logos/pic5.jpg);}
    90%{background-image: url(logos/pic6.jpg);}
    100%{background-image: url(logos/pic7.jpg);}
}

.avatar {
  margin-top: 7px;
  background-image: url("user_avatar.svg");
  background-repeat: no-repeat;
  background-size: 27px 27px;
}

.home {
  margin-top: 7px;
  background-image: url("home.svg");
  background-repeat: no-repeat;
  background-size: 27px 27px;
}

.lock_open {
  margin-top: 0px;
  background-image: url("lock_open.gif");
  background-repeat: no-repeat;
  background-size: 27px 27px;
  background-position: center;
}

.info {
  margin-top: 10px;
  background-image: url("about_icon.gif");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}

.thumbsItem{
    padding: 3px;
}

.thumbsItem img {
    width: 135px; /* Dimensions chosen to fit more or less */
    height: 90px;
    overflow: hidden;
    object-fit: cover;
}

.bigBox {
  border-radius: 100px;
  background: #637c7d;
  background: linear-gradient(90deg,rgba(99, 124, 125, 1) 10%, rgba(173, 174, 186, 1) 28%, rgba(224, 213, 166, 1) 66%);
  padding: 0.8em 0.1em; 
  margin-top: 10vh;
}

.smallFont {
  font-size: 0.8em;
}

.smallBox {
  border-radius: 80px;
  background: #637c7d;
  background: linear-gradient(90deg,rgba(99, 124, 125, 1) 10%, rgba(173, 174, 186, 1) 28%, rgba(224, 213, 166, 1) 66%);
  padding: 0.8em 0.1em; 
  margin-top: 15vh  
}

.thumbs {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  position: relative;
}

.thumbs img {
    width: 135px; /* Dimensions chosen to fit more or less */
    height: 90px;
    overflow: hidden;
    object-fit: cover;
    padding: 3px;
}

.waiting * {
  cursor: progress;
}

/* trix toolbar buttons not redefined in view */
trix-toolbar .button_group button.bullets::before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgd2lkdGg9IjI0cHgiIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAyNCAyNCI%2BCiAgPHBhdGggaWQ9IlNoYXBlIiBmaWxsPSIjMDAwIiBkPSJtNCA0Yy0xLjEwNjcgMC0yIDAuODkzMy0yIDJzMC44OTMzIDIgMiAyIDItMC44OTMzIDItMi0wLjg5MzMtMi0yLTJ6bTAgNmMtMS4xMDY3IDAtMiAwLjg5My0yIDJzMC44OTMzIDIgMiAyIDItMC44OTMgMi0yLTAuODkzMy0yLTItMnptMCA2Yy0xLjEwNjcgMC0yIDAuODkzLTIgMnMwLjg5MzMgMiAyIDIgMi0wLjg5MyAyLTItMC44OTMzLTItMi0yem00IDNoMTR2LTJoLTE0djJ6bTAtNmgxNHYtMmgtMTR2MnptMC04djJoMTR2LTJoLTE0eiIvPgo8L3N2Zz4K);
} 
trix-toolbar .button_group button.numbers::before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KPHBhdGggZD0iTTIgMTdoMnYwLjVoLTF2MWgxdjAuNWgtMnYxaDN2LTRoLTN2MXpNMyA4aDF2LTRoLTJ2MWgxdjN6TTIgMTFoMS44bC0xLjggMi4xdjAuOWgzdi0xaC0xLjhsMS44LTIuMXYtMC45aC0zdjF6TTcgNXYyaDE0di0yaC0xNHpNNyAxOWgxNHYtMmgtMTR2MnpNNyAxM2gxNHYtMmgtMTR2MnoiIGZpbGw9IiMwMDAiPjwvcGF0aD4KPC9zdmc%2BCg%3D%3D); 
}
trix-toolbar .button_group button.block-level.decrease::before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8%2BCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogIDxwYXRoIGQ9Ik0zLDE5IEwyMiwxOSBMMjIsMTcgTDMsMTcgTDMsMTkgTDMsMTkgWiBNMTAsMTMgTDIyLDEzIEwyMiwxMSBMMTAsMTEgTDEwLDEzIEwxMCwxMyBaIE0xLjcwNzEwNjc4LDEyLjc0MjY0MDcgTDQuNTM1NTMzOTEsMTUuNTcxMDY3OCBMNS45NDk3NDc0NywxNC4xNTY4NTQyIEwzLjgyODQyNzEyLDEyLjAzNTUzMzkgTDUuOTQ5NzQ3NDcsOS45MTQyMTM1NiBMNC41MzU1MzM5MSw4LjUgTDEsMTIuMDM1NTMzOSBMMS43MDcxMDY3OCwxMi43NDI2NDA3IFogTTMsNSBMMyw3IEwyMiw3IEwyMiw1IEwzLDUgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjMDAwIj48L3BhdGg%2BCjwvc3ZnPgo%3D); 
}
trix-toolbar .button_group button.block-level.increase::before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8%2BCjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogIDxwYXRoIGQ9Ik0zLDE5IEwyMiwxOSBMMjIsMTcgTDMsMTcgTDMsMTkgTDMsMTkgWiBNMTAsMTMgTDIyLDEzIEwyMiwxMSBMMTAsMTEgTDEwLDEzIEwxMCwxMyBaIE0zLjEyMTMyMDM0LDEyLjAzNTUzMzkgTDEsMTQuMTU2ODU0MiBMMi40MTQyMTM1NiwxNS41NzEwNjc4IEw1Ljk0OTc0NzQ3LDEyLjAzNTUzMzkgTDUuMjQyNjQwNjksMTEuMzI4NDI3MSBMMi40MTQyMTM1Niw4LjUgTDEsOS45MTQyMTM1NiBMMy4xMjEzMjAzNCwxMi4wMzU1MzM5IFogTTMsNSBMMyw3IEwyMiw3IEwyMiw1IEwzLDUgWiIgaWQ9IlNoYXBlLUNvcHkiIGZpbGw9IiMwMDAiPjwvcGF0aD4KPC9zdmc%2BCg%3D%3D); 
}

/* add scrollbar to autocomplete. Source jquery */
.ui-autocomplete {
  max-height: 50vh; /* half of viewport height */
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}

/* importing images: used in addeditsheet*/
#sortable { list-style-type: none; margin: 0; padding: 0; width: 30vw; }
#sortable li { margin: 5px 5px 5px 0; float: left; }
#sortable img { margin: 3px 3px 3px 0; padding: 1px; width: 170px; height: 100px; }
#selectable { list-style-type: none; margin: 0; padding: 0; }
#selectable li { margin: 3px; padding: 1px; float: left; width: 45px; height: 45px; }

.del_image {
  margin: 3px;
  padding: 0;
  background-image: url("delete.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 16px 16px;
}

.text {
  margin: 3px;
  padding: 0;
  background-image: url("text.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 16px 16px;
}

.no_text {
  margin: 3px;
  padding: 0;
  background-image: url("no_text.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 16px 16px;
}

.editIcon {	
  background-image: url("edit_pen_icon.png");
  background-repeat: no-repeat;
  background-size: 20px 20px;
}
.pay_image {
  margin: 3px;
  padding: 0;
  background-image: url("pay_icon.png");
  background-repeat: no-repeat;
  background-size: 16px 16px;
}
.img_deleted {
  opacity: 0.3;
}

.description {
  column-count: 2;
  column-gap: 40px;
  column-rule-style: solid;
  column-rule-width: 1px;
}

.fourColumns {
  column-count: 4;
  column-gap: 40px;
  column-rule-style: solid;
  column-rule-width: 1px;
}

.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {
    filter: invert(100%);
}

.panel-group .panel {
  overflow: auto;
}

.accordion-body {
  overflow: auto;
}

.ui-menu-item { /* prevents wrapping at white space in autocomplete lists */
  white-space: nowrap;
}

.text-disabled {
  color: lightgrey;
}