.grid-container{display:flex;flex-direction:column;overflow-y:auto;max-height:800px;width:100%}.imageContainer{display:flex;flex-wrap:wrap;gap:8px;border:2px solid #f1f1f1;border-top:none;padding:10px;box-sizing:border-box;align-items:flex-start;justify-content:flex-start;width:100%}.grid-object{flex:1 1 calc(25% - 20px);display:flex;justify-content:center;overflow:hidden;box-sizing:border-box;min-width:200px;max-width:calc(25% - 20px)}.image-wrapper{width:100%;position:relative;border:2px solid transparent}.image-wrapper:hover{border:2px solid #000}.grid-image{width:100%;height:auto;display:block;transition:all 1s ease-in-out;box-shadow:3px 3px 19px rgba(0,0,0,.75)}.recto-image:hover,.verso-image:hover{cursor:pointer}@media(max-width:1200px){.grid-object{max-width:calc(33.33% - 20px);flex-basis:calc(33.33% - 20px)}}@media(max-width:800px){.grid-object{max-width:calc(50% - 20px);flex-basis:calc(50% - 20px)}}@media(max-width:500px){.grid-object{max-width:calc(100% - 20px);flex-basis:calc(100% - 20px)}}#image-info img{width:40%;margin:1%;height:auto;box-shadow:3px 3px 19px rgba(0,0,0,.75)}.align-right{float:right}.flag{background-color:orange;margin-left:10px}.heart{margin-left:10px}.wrench{background-color:#007bff}.heart i,.wrench i,.flag i{font-weight:bolder;font-size:18px;color:#fff}.heart i{color:red}.tags_container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:15px;align-items:left;width:100%;margin-top:20px;max-height:300px;min-height:50px;overflow-y:scroll;padding:20px;background-color:#fafaf8;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}.advanced_search_container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:15px}.flex-inline{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:5px}.flex-inline input{width:auto}.flex-inline select{width:65%}.form-group{flex:1 1 300px;margin-bottom:15px}.form-group button{width:100%}.recherche_container{padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}.generic_search_container,.advanced_search_container{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.generic_search_container label,.advanced_search_container label{font-weight:700;margin-bottom:5px;display:block}.btn-green{background-color:#28a745;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer}.btn-green:hover{background-color:#218838;color:#fff}.plus_btn{background-color:rgba(rgba(0,0,255,.5));border:3px solid #f5f5f5;border-radius:7px;max-width:40px}.search_input{width:20%}.tags{list-style:none;margin:0;padding:0}.tags li{float:left;margin:0 10px 10px 0}.tag{background:#214081;border-radius:3px 0 0 3px;color:#f8f9fa;display:inline-block;height:26px;line-height:26px;padding:0 20px 0 23px;position:relative;text-decoration:none;-webkit-transition:color .2s;transition:color .2s}.tag::before{background:#f8f9fa;border-radius:10px;box-shadow:inset 0 1px rgba(0,0,0,.25);content:'';height:6px;left:10px;position:absolute;width:6px;top:10px}.tag::after{background:#f8f9fa;border-bottom:13px solid transparent;border-left:10px solid #214081;border-top:13px solid transparent;content:'';position:absolute;right:0;top:0}.tag:hover{background-color:#274a96;cursor:pointer}.tag:hover::after{border-left-color:#274a96}.child-tag{background-color:#6d9eeb;border-radius:0 3px 3px 0;margin-left:5px;padding:0 8px}.err_msg{color:#dd3b3b;font-weight:bolder}.combobox_item{max-width:250px}.btn-blue{background-color:#007bff;color:#fff}.btn-blue:hover{background-color:#016bdd;color:#fff}.info-span{background-color:rgba(0,102,255,.5);padding:5px;height:auto;width:auto;z-index:50;display:none;position:fixed;border-radius:3px;color:#fff;margin-left:2px;margin-top:2px;font-size:14px}#loadScreen{display:none;position:sticky;background-color:rgba(51,146,6,.75);z-index:5;color:#fff;text-align:center;padding:10px;left:0;bottom:0;height:30%;width:100%;font-size:18px}#loadAgScreen{z-index:2;position:relative;width:100%;height:100%;background-color:rgba(14,14,14,.5)}.bottomBtn{margin-top:auto;align-self:center;padding:10px 20px}.display-center{text-align:center;padding:120px 0}.btn-load{display:flex;justify-content:center;align-items:center;font-size:16px;gap:15px}.btn-load .spinner-border{font-size:8px;height:16px;width:16px}