/*
    @ Copyright © 2020 www.point-web.fr
    @ Site : Admin Serco

/************* GENERAL **************/

    *,*:after,*:before{position:relative;-webkit-tap-highlight-color:transparent;list-style-position:inside;list-style-type:none;color:inherit;box-sizing:border-box;margin:0;padding:0;outline:none;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
    html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
    form,fieldset,input,textarea,p,blockquote,th,td,p,figure,figcaption,button{margin:0;border:0;font-size:inherit;color:inherit;background:transparent;}
    section,article,header,footer,nav,aside{display:block;}
    table,td,blockquote,code,pre,textarea,input,video{max-width:100%;}
    p,dd,ul{word-wrap:break-word;-webkit-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none;}
    input,textarea,button{resize:none;-webkit-appearance:none;font-family:inherit;}
    img{border:none;max-width:100%;height:auto;vertical-align:bottom;}
    a,button{border:0;cursor:pointer;color:inherit;text-decoration:none;transition:.25s;}
    a,a:hover,a:active,a:focus,button,button:hover,button:focus,button:active{text-decoration:none;outline:none;}
    select{font-family:Red Hat Text, sans-serif;}
    .clear{clear:both;background:none;outline:none;border:none;height:1px;margin:0;}
    .bg-img{position:absolute;left:0;top:0;height:100%;width:100%;background-position:center center;background-size:cover;}
    .swiper-slide{display:flex;align-items:center;overflow:hidden;flex:1 0 auto;height:100%;}
    .swiper-wrapper{display:flex;flex-wrap:nowrap;height:100%;}
    .sf-toolbar{display:none!important;}
    [data-img]{height:100%;left:0;top:0;opacity:0;position:absolute;}
    [data-link]{cursor:pointer;}
    [data-bg]{background-size:cover;background-position:center center;}
    [data-mail]{cursor:pointer;display:inline;}
    [data-mail] i{margin:0!important;font-size:90%;}
    strong{font-weight:bold;}
    i.fa-at{font-size:90%;top:1px;}
    .alert-ie{display:none;}
    .ie .alert-ie{display:block;}
                
    /* autocomplete styles in Chrome */
        input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus,
        textarea:-webkit-autofill,
        textarea:-webkit-autofill:hover,
        textarea:-webkit-autofill:focus,
        select:-webkit-autofill,
        select:-webkit-autofill:hover,
        select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 0 transparent inset;transition:background-color 5000s ease-in-out 0s;background-color:inherit!important;}

    /* selection placeholder */
        ::-webkit-input-placeholder{color:inherit;opacity:.5;}
        ::-moz-placeholder{color:inherit;opacity:.5;}
        ::-ms-input-placeholder{color:inherit;opacity:.5;}
    
    /* bg img */
        #m .right .preview, .collectionPicture > .row > .left{background:url(data:image/jpeg;base64,/9j/4QNRRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAfAAAAcgEyAAIAAAAUAAAAkYdpAAQAAAABAAAAqAAAANQACvyAAAAnEAAK/IAAACcQQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpADIwMTk6MTI6MDkgMTg6MDM6NDUAAAAAAAOgAQADAAAAAf//AACgAgAEAAAAAQAAABCgAwAEAAAAAQAAABAAAAAAAAAABgEDAAMAAAABAAYAAAEaAAUAAAABAAABIgEbAAUAAAABAAABKgEoAAMAAAABAAIAAAIBAAQAAAABAAABMgICAAQAAAABAAACFwAAAAAAAABIAAAAAQAAAEgAAAAB/9j/7QAMQWRvYmVfQ00AAv/uAA5BZG9iZQBkgAAAAAH/2wCEAAwICAgJCAwJCQwRCwoLERUPDAwPFRgTExUTExgRDAwMDAwMEQwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwBDQsLDQ4NEA4OEBQODg4UFA4ODg4UEQwMDAwMEREMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIABAAEAMBIgACEQEDEQH/3QAEAAH/xAE/AAABBQEBAQEBAQAAAAAAAAADAAECBAUGBwgJCgsBAAEFAQEBAQEBAAAAAAAAAAEAAgMEBQYHCAkKCxAAAQQBAwIEAgUHBggFAwwzAQACEQMEIRIxBUFRYRMicYEyBhSRobFCIyQVUsFiMzRygtFDByWSU/Dh8WNzNRaisoMmRJNUZEXCo3Q2F9JV4mXys4TD03Xj80YnlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3EQACAgECBAQDBAUGBwcGBTUBAAIRAyExEgRBUWFxIhMFMoGRFKGxQiPBUtHwMyRi4XKCkkNTFWNzNPElBhaisoMHJjXC0kSTVKMXZEVVNnRl4vKzhMPTdePzRpSkhbSVxNTk9KW1xdXl9VZmdoaWprbG1ub2JzdHV2d3h5ent8f/2gAMAwEAAhEDEQA/AOuXTpLmElP/2f/tC6RQaG90b3Nob3AgMy4wADhCSU0EBAAAAAAABxwCAAACAAAAOEJJTQQlAAAAAAAQ6PFc8y/BGKGie2etxWTVujhCSU0EOgAAAAAA7wAAABAAAAABAAAAAAALcHJpbnRPdXRwdXQAAAAFAAAAAFBzdFNib29sAQAAAABJbnRlZW51bQAAAABJbnRlAAAAAENscm0AAAAPcHJpbnRTaXh0ZWVuQml0Ym9vbAAAAAALcHJpbnRlck5hbWVURVhUAAAAAQAAAAAAD3ByaW50UHJvb2ZTZXR1cE9iamMAAAARAEYAbwByAG0AYQB0ACAAZAAnAOkAcAByAGUAdQB2AGUAAAAAAApwcm9vZlNldHVwAAAAAQAAAABCbHRuZW51bQAAAAxidWlsdGluUHJvb2YAAAAJcHJvb2ZDTVlLADhCSU0EOwAAAAACLQAAABAAAAABAAAAAAAScHJpbnRPdXRwdXRPcHRpb25zAAAAFwAAAABDcHRuYm9vbAAAAAAAQ2xicmJvb2wAAAAAAFJnc01ib29sAAAAAABDcm5DYm9vbAAAAAAAQ250Q2Jvb2wAAAAAAExibHNib29sAAAAAABOZ3R2Ym9vbAAAAAAARW1sRGJvb2wAAAAAAEludHJib29sAAAAAABCY2tnT2JqYwAAAAEAAAAAAABSR0JDAAAAAwAAAABSZCAgZG91YkBv4AAAAAAAAAAAAEdybiBkb3ViQG/gAAAAAAAAAAAAQmwgIGRvdWJAb+AAAAAAAAAAAABCcmRUVW50RiNSbHQAAAAAAAAAAAAAAABCbGQgVW50RiNSbHQAAAAAAAAAAAAAAABSc2x0VW50RiNQeGxAUgAAAAAAAAAAAAp2ZWN0b3JEYXRhYm9vbAEAAAAAUGdQc2VudW0AAAAAUGdQcwAAAABQZ1BDAAAAAExlZnRVbnRGI1JsdAAAAAAAAAAAAAAAAFRvcCBVbnRGI1JsdAAAAAAAAAAAAAAAAFNjbCBVbnRGI1ByY0BZAAAAAAAAAAAAEGNyb3BXaGVuUHJpbnRpbmdib29sAAAAAA5jcm9wUmVjdEJvdHRvbWxvbmcAAAAAAAAADGNyb3BSZWN0TGVmdGxvbmcAAAAAAAAADWNyb3BSZWN0UmlnaHRsb25nAAAAAAAAAAtjcm9wUmVjdFRvcGxvbmcAAAAAADhCSU0D7QAAAAAAEABIAAAAAQABAEgAAAABAAE4QklNBCYAAAAAAA4AAAAAAAAAAAAAP4AAADhCSU0D8gAAAAAACgAA////////AAA4QklNBA0AAAAAAAQAAABaOEJJTQQZAAAAAAAEAAAAHjhCSU0D8wAAAAAACQAAAAAAAAAAAQA4QklNJxAAAAAAAAoAAQAAAAAAAAABOEJJTQP1AAAAAABIAC9mZgABAGxmZgAGAAAAAAABAC9mZgABAKGZmgAGAAAAAAABADIAAAABAFoAAAAGAAAAAAABADUAAAABAC0AAAAGAAAAAAABOEJJTQP4AAAAAABwAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAADhCSU0EAAAAAAAAAgADOEJJTQQCAAAAAAAIAAAAAAAAAAA4QklNBDAAAAAAAAQBAQEBOEJJTQQtAAAAAAAGAAEAAAAPOEJJTQQIAAAAAAAQAAAAAQAAAkAAAAJAAAAAADhCSU0EHgAAAAAABAAAAAA4QklNBBoAAAAAA1sAAAAGAAAAAAAAAAAAAAAQAAAAEAAAABMAUgBlAGMAdABhAG4AZwBsAGUAIAAxACAAYwBvAHAAaQBlACAAMwAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAEAAAABAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAQAAAAAAAG51bGwAAAACAAAABmJvdW5kc09iamMAAAABAAAAAAAAUmN0MQAAAAQAAAAAVG9wIGxvbmcAAAAAAAAAAExlZnRsb25nAAAAAAAAAABCdG9tbG9uZwAAABAAAAAAUmdodGxvbmcAAAAQAAAABnNsaWNlc1ZsTHMAAAABT2JqYwAAAAEAAAAAAAVzbGljZQAAABIAAAAHc2xpY2VJRGxvbmcAAAAAAAAAB2dyb3VwSURsb25nAAAAAAAAAAZvcmlnaW5lbnVtAAAADEVTbGljZU9yaWdpbgAAAA1hdXRvR2VuZXJhdGVkAAAAAFR5cGVlbnVtAAAACkVTbGljZVR5cGUAAAAASW1nIAAAAAZib3VuZHNPYmpjAAAAAQAAAAAAAFJjdDEAAAAEAAAAAFRvcCBsb25nAAAAAAAAAABMZWZ0bG9uZwAAAAAAAAAAQnRvbWxvbmcAAAAQAAAAAFJnaHRsb25nAAAAEAAAAAN1cmxURVhUAAAAAQAAAAAAAG51bGxURVhUAAAAAQAAAAAAAE1zZ2VURVhUAAAAAQAAAAAABmFsdFRhZ1RFWFQAAAABAAAAAAAOY2VsbFRleHRJc0hUTUxib29sAQAAAAhjZWxsVGV4dFRFWFQAAAABAAAAAAAJaG9yekFsaWduZW51bQAAAA9FU2xpY2VIb3J6QWxpZ24AAAAHZGVmYXVsdAAAAAl2ZXJ0QWxpZ25lbnVtAAAAD0VTbGljZVZlcnRBbGlnbgAAAAdkZWZhdWx0AAAAC2JnQ29sb3JUeXBlZW51bQAAABFFU2xpY2VCR0NvbG9yVHlwZQAAAABOb25lAAAACXRvcE91dHNldGxvbmcAAAAAAAAACmxlZnRPdXRzZXRsb25nAAAAAAAAAAxib3R0b21PdXRzZXRsb25nAAAAAAAAAAtyaWdodE91dHNldGxvbmcAAAAAADhCSU0EKAAAAAAADAAAAAI/8AAAAAAAADhCSU0EEQAAAAAAAQEAOEJJTQQUAAAAAAAEAAAADzhCSU0EDAAAAAACMwAAAAEAAAAQAAAAEAAAADAAAAMAAAACFwAYAAH/2P/tAAxBZG9iZV9DTQAC/+4ADkFkb2JlAGSAAAAAAf/bAIQADAgICAkIDAkJDBELCgsRFQ8MDA8VGBMTFRMTGBEMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAENCwsNDg0QDg4QFA4ODhQUDg4ODhQRDAwMDAwREQwMDAwMDBEMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAEAAQAwEiAAIRAQMRAf/dAAQAAf/EAT8AAAEFAQEBAQEBAAAAAAAAAAMAAQIEBQYHCAkKCwEAAQUBAQEBAQEAAAAAAAAAAQACAwQFBgcICQoLEAABBAEDAgQCBQcGCAUDDDMBAAIRAwQhEjEFQVFhEyJxgTIGFJGhsUIjJBVSwWIzNHKC0UMHJZJT8OHxY3M1FqKygyZEk1RkRcKjdDYX0lXiZfKzhMPTdePzRieUpIW0lcTU5PSltcXV5fVWZnaGlqa2xtbm9jdHV2d3h5ent8fX5/cRAAICAQIEBAMEBQYHBwYFNQEAAhEDITESBEFRYXEiEwUygZEUobFCI8FS0fAzJGLhcoKSQ1MVY3M08SUGFqKygwcmNcLSRJNUoxdkRVU2dGXi8rOEw9N14/NGlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vYnN0dXZ3eHl6e3x//aAAwDAQACEQMRAD8A65dOkuYSU//ZADhCSU0EIQAAAAAAVwAAAAEBAAAADwBBAGQAbwBiAGUAIABQAGgAbwB0AG8AcwBoAG8AcAAAABQAQQBkAG8AYgBlACAAUABoAG8AdABvAHMAaABvAHAAIAAyADAAMgAwAAAAAQA4QklNBAYAAAAAAAcACAABAAEBAP/hD9ZodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMTItMDlUMTc6NTc6NDErMDE6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTEyLTA5VDE4OjAzOjQ1KzAxOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTEyLTA5VDE4OjAzOjQ1KzAxOjAwIiBkYzpmb3JtYXQ9ImltYWdlL2pwZWciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZDgwMDE5ZGYtMjExNS03OTRkLWFlMTctNDUwODlkZDE1NGRlIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2IzMzViZWYtMDZiOC1mZDQ3LTlhOWEtMGQ2N2RkNGZkOWVhIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YjNmYjg3NTctZTBiZS0zMTQwLTkyOTktZWM0ZjFlMTA2ZGJkIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YjNmYjg3NTctZTBiZS0zMTQwLTkyOTktZWM0ZjFlMTA2ZGJkIiBzdEV2dDp3aGVuPSIyMDE5LTEyLTA5VDE4OjAzOjQ1KzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL2pwZWciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImRlcml2ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImNvbnZlcnRlZCBmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvanBlZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZDgwMDE5ZGYtMjExNS03OTRkLWFlMTctNDUwODlkZDE1NGRlIiBzdEV2dDp3aGVuPSIyMDE5LTEyLTA5VDE4OjAzOjQ1KzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmIzZmI4NzU3LWUwYmUtMzE0MC05Mjk5LWVjNGYxZTEwNmRiZCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpiM2ZiODc1Ny1lMGJlLTMxNDAtOTI5OS1lYzRmMWUxMDZkYmQiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiM2ZiODc1Ny1lMGJlLTMxNDAtOTI5OS1lYzRmMWUxMDZkYmQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPD94cGFja2V0IGVuZD0idyI/Pv/uAA5BZG9iZQBkQAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAQEBAQICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//AABEIABAAEAMBEQACEQEDEQH/3QAEAAL/xABLAAEBAAAAAAAAAAAAAAAAAAAJCgEBAAAAAAAAAAAAAAAAAAAAABABAAAAAAAAAAAAAAAAAAAAABEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AooA6AP/Qv4AF4P/Z) repeat center center;}
    
    /* alert */
        .alert, .badge{border-radius:2px;color:#fff;font-size:12px;margin-bottom:10px;font-weight:400;line-height:1;padding:10px;}
            .alert.alert-danger, .badge.badge-danger{background:#ff5f5f;}
            .alert.alert-success, .badge.badge-success{background:#74bc26;}
            .alert.alert-info, .badge.badge-info{background:#3b9cf6;}
            .alert.alert-warning, .badge.badge-warning{background:#e68026;}
        
        .alert.hide{transition:opacity .3s;}
        .alert.none{display:none;}
        .alert [data-close-alert]{position:absolute;top:2px;right:4px;font-size:10px;}
        .alert.no-close [data-close-alert]{display:none;}
        .alert > i:first-of-type:before{content:'\f0a9';}
        .alert-success > i:first-of-type:before{content:'\f058';}
        .alert-danger > i:first-of-type:before{content:'\f057';}
        .alert-info > i:first-of-type:before{content:'\f05a';}
        .alert-warning > i:first-of-type:before{content:'\f071';}
        
        .badge{display:inline-block;padding:7px 10px;border-radius:50px;margin-bottom:0;}


/*----------------------------------------------------< PRESET APP >---------------------------------------------------*/

    html, body{min-height:100vh;line-height:1;background:#f6f6fa;color:#3c4043;width:100%;overflow-x:hidden;font-family:Red Hat Text, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
    body{overflow-x:hidden;}
    html::-webkit-scrollbar{width:4px;background-color:rgba(0,0,0,.15);}
    html{scrollbar-width:thin;scroll-behavior:smooth;}
    html.openFm{overflow:hidden;}

    /* btn */
        .btn{transition:.2s;cursor:pointer;box-shadow:0 0 200px rgba(255,255,255,0) inset, 0 0 0 1px rgba(0,0,0,.1) inset;padding:15px 18px 14px 15px;border-radius:3px;line-height:1;text-align:center;text-transform:uppercase;font-size:12px;font-weight:600;display:inline-block;color:#fff;}
        .btn:not(.disabled):hover{box-shadow:0 0 200px rgba(255,255,255,.3) inset, 0 0 0 1px rgba(0,0,0,.1) inset;color:#fff;}
        .btn.btn-secondary{background:rgba(0,0,0,.1);color:#3c4043;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset!important;}
        .btn.btn-secondary:hover{color:#fff;}
        .btn i{margin-right:5px;}
        .btn.btn-small{border-radius:50px;font-size:11px;padding:10px 12px 9px 10px;}
        .btn.btn-danger, #e .top .butt.fa-times{background:#ff5f5f;}
        .btn.btn-success, #e .top .butt.fa-check{background:#74bc26;}
        .btn.btn-success, #e .top .butt.fa-paper-plane{background:#74bc26;}
        .btn.disabled{background:#c8c8c8;cursor:not-allowed;}

    /* data-title */  
        [data-title]:after{transition:.2s;margin-top:15px;top:-50px;white-space:nowrap;opacity:0;visibility:hidden;content:attr(data-title);position:absolute;font-family:Red Hat Text, sans-serif;padding:5px 9px 4px;pointer-events:none;left:50%;transform:translateX(-50%);border-radius:50px;text-transform:uppercase;font-size:9px;font-weight:bold;color:#fff;}
        [data-title]:hover:after{opacity:1;visibility:visible;top:-40px;}
        label [data-title]:after{width: 250px;background-color:#fff;white-space:pre-wrap;z-index:15;text-align:center;}
        label [data-title]:before{font-size:10px;}

    /* context menu */
        #cx{opacity:0;visibility:hidden;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.1);border-radius:3px;overflow:hidden;position:absolute;top:0;left:0;z-index:99998;}
        .active-cx #cx{transition:opacity .1s, visibility .1s;opacity:1;visibility:visible;}
        #cx li{display:none;}
        #cx li.visible{display:block;}
        #cx li:not(:last-child){border-bottom:1px solid rgba(0,0,0,.15);margin-bottom:-1px;}
        #cx a{transition:0s;padding:12px 50px 12px 13px;display:block;text-transform:uppercase;font-size:9px;letter-spacing:2px;font-weight:bold;white-space:nowrap;}
        #cx a:hover{color:#fff;}
        #cx a i{margin-right:7px;width:12px;font-size:12px;height:10px;margin-top:-1px;}
        #cx .red a{color:#ff5f5f;}
        #cx .green a{color:#74bc26;}
        #cx .red a:hover{color:#fff;background:#ff5f5f;}
        #cx .green a:hover{color:#fff;background:#74bc26;}

    /* context menu */
        .table-danger td, .bg-danger, .danger{background:rgba(255,255,255,.5)!important;}

    /* push */
        [data-push]{position:fixed;bottom:0;right:0;z-index:9999999;padding:15px;pointer-events:none;}
        [data-push] > div{margin-top:10px;pointer-events:auto;padding:calc(20px + 5 * (100vw - 320px) / 1080);font-size:12px;width:300px;max-width:calc(100vw - 40px);display:flex;background: #fff;box-shadow:0 5px 20px rgba(0,0,0,.1);border-radius:5px;user-select:none;-moz-user-select:none;}
        [data-push] i{font-size:25px;margin-right:15px;}
        [data-push] .success i:before{content:'\f058';color:#84b41c;}
        [data-push] .error i:before{content:'\f058';color:#bd2828;}
        [data-push] strong{font-weight:bold;display:block;font-size:13px;margin-bottom:5px;}
        [data-push] .success strong:before{content:'Succès';color:#84b41c;}
        [data-push] .error strong:before{content:'Erreur';color:#bd2828;}
        [data-push] button{position:absolute;right:10px;top:8px;font-size:16px;opacity:.2;}
        [data-push] > div:hover button{opacity:.5;}
        [data-push] button:hover{opacity:1;}

    /* fa correcteur */
        .fa-h1:before{content:'T1'!important;}
        .fa-h2:before{content:'T2'!important;}
        .fa-h3:before{content:'T3'!important;}
        .fa-h4:before{content:'T4'!important;}
        .fa-h5:before{content:'T5'!important;}
        .fa-h6:before{content:'T6'!important;}

/*----------------------------------------------------< ADMIN >---------------------------------------------------*/
    
/************* APP **************/

    #app{transition:left .5s, width .5s;font-weight:300;width:calc(100% - 240px);height:100%;left:240px;margin-top:70px;}
    .min-nav #app{width:calc(100% - 70px);left:70px;}
    #app .scroll-content{width:100%;height:100%;}


/************* header **************/
	
	#h{position:fixed;width:100%;justify-content:space-between;background:#fff;z-index:99999;height:70px;align-items:center;display:flex;box-shadow:0 0 25px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.05);user-select:none;-moz-user-select:none;}
	#h .left{height:100%;display:flex;align-items:center;}
    #h .left .bar{height:100%;display:flex;align-items:center;width:241px;border-right:1px solid rgba(0,0,0,.07);}
	#h .left .bar a{top:3px;display:block;width:120px;}
 	#h .left .b-nav{cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:25px;color:#fff;width:70px;height:70px;margin-right:25px;}
    #h .left .b-nav i{transition:.5s;text-align:center;width:25px;transform-origin:center center;}
    .min-nav #h .left .b-nav i{transform:rotate(90deg);}
    #h .right{display:flex;align-items:center;padding-right:20px;}
    #h .right p{font-size:13px;}
    #h .right .av{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-weight:bold;text-transform:uppercase;color:#fff;border-radius:50%;margin:0 10px;}
    #h .right .av:before{content:attr(data-letter);}
    #h .right .fa-sign-out{font-size:12px;}
    #h .right .fa-sign-out:hover{color:#ff4c4c;font-size:12px;}
    
    /* breadcrumb */
        #bc{font-size:12px;margin-left:20px;}
        #bc ol{display:flex;white-space:nowrap;}
        #bc ol li:last-child{font-weight:600;}
        #bc ol li:not(:last-child){color:#636a6f;}
        #bc ol li:not(:last-child):after{color:#c8d1da;font-size:7px;top:-1px;content:'/';margin:0 7px;}


/************* left **************/
	
	#l{position:fixed;transition:width .5s;width:240px;overflow:hidden;background:#fff;margin-top:70px;top:0;box-shadow:0 0 20px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.05);height:calc(100vh - 70px);left:0;z-index:8000;user-select:none;-moz-user-select:none;}	 
    
    #l:after{transition:.3s;content:'Serco © 2020';position:absolute;bottom:15px;font-size:11px;text-align:center;width:100%;opacity:.7;}   
    .min-nav #l:after{opacity:0;}   
    #l nav{z-index:10;width:1000px;height:100%;overflow-y:scroll;background:inherit;}
    #l nav > ul{background:transparent;width:240px;}
    #l nav > ul a{padding:25px 0 27px;display:flex;align-items:center;width:100%;font-size:13px;font-weight:400;}
    #l nav > ul a[href="[sub]"]:after{transform:rotate(90deg);transition:.3s;content:'\f0d7';color:#c8d1da;font-family:'Font Awesome 5 Pro';font-weight:900;position:absolute;right:15px;}
    #l nav > ul a[href="[sub]"].active:after{transform:rotate(0deg);}
    #l nav > ul a i{transition:color .5s;color:#bfc7d0;width:70px;text-align:center;font-size:18px;}
    #l nav > ul li ul{background:#fcfcfe;display:none;box-shadow:0 0 30px rgba(0,0,0,.05) inset, 0 1px 5px rgba(0,0,0,.03) inset;}
    #l nav > ul span{transition:opacity .5s;}

    .min-nav #l{width:70px;}
    .min-nav #l nav > ul a i{color:#3c4043;}
    .min-nav #l nav > ul a span{opacity:0;}


/************* content **************/
    
    #c{padding:calc(10px + 2vw);}


/************* cnx **************/
    
    #cnx{display:flex;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;padding:10%;}
    #cnx > div{z-index:100;max-width:100%;padding:calc(25px + 2%) calc(25px + 2%);background:#fff;width:420px;box-shadow:0 20px 50px rgba(0,0,0,.1), 0 50px 100px rgba(0,0,0,.2);border-radius:5px;}
    #cnx h2{font-size:calc(20px + 5 * (100vw - 320px) / 1080);text-align:center;padding-bottom:2%;}
    #cnx form{width:100%;}
    #cnx form fieldset{margin-top:25px;}
    #cnx form fieldset label{font-size:13px;width:100%;display:block;user-select:none;-moz-user-select:none;}
    #cnx form fieldset > div{width:100%;}
    #cnx form fieldset > div i{position:absolute;top:50%;transform:translateY(-50%);left:0;}
    #cnx form fieldset > div span{position:absolute;bottom:2px;left:0;width:100%;height:1px;background:rgba(0,0,0,.1);z-index:0;}
    #cnx form fieldset > div span:before{transition:.5s;content:"";position:absolute;top:0;width:0;height:100%;z-index:0;left:50%;transform:translateX(-50%);}
    #cnx form fieldset > div input:focus + span:before{width:100%;}
    #cnx form fieldset > div input{transition:color .3s;}
    #cnx form fieldset input{width:100%;height:50px;padding:0 0 0 30px;font-size:calc(12px + 2 * (100vw - 320px) / 1080);}
    #cnx form .btn{border-radius:50px;padding:18px 25px;margin-top:25px;left:50%;transform:translateX(-50%);}
    #cnx .alert{margin-top:15px;}


/************* head **************/
    
    #head{z-index:998;margin-bottom:calc(10px + 1%);border-bottom:2px solid rgba(0,0,0,.03);padding-bottom:calc(10px + 1%);display:flex;align-items:center;justify-content:space-between;}
    #head:first-of-type{z-index:999;}
    * + #head{margin-top:calc(10px + 2vw);}
    #head h2{font-size:27px;font-weight:800;font-family:'Red Hat Text', sans-serif;}
    #head h2 sup{font-weight:500;font-size:50%;left:5px;}
    #head h2 sup.fa-trash{color:#ff4c4c;margin-left:3px;top:3px;}
    #head h2 sup span{font-family:'Red Hat Text', sans-serif;margin-left:5px;}
    #head .left i{font-size:26px;vertical-align:middle;top:-2px;margin-right:8px;}
    #head .right > div{display:flex;align-items:center;}
    .fix #head .right{animation:fixBtn .4s linear;padding:10px;position:fixed;top:70px;right:calc(10px + 2vw);}
    #head .right:before{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:none;background:#fff;content:"";position:absolute;bottom:0;right:0;width:calc(100% - 10px);height:200%;z-index:0;box-shadow:0 0 25px rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.05);}
    .fix #head .right:before{display:block;}
    #head .right .btn{margin-left:10px;z-index:10;}
    #head .right form{display:inline-block;z-index:10;}
    #head .right > .btn{height:30px;display:none;background:transparent;box-shadow:0 0 0;color:#3c4043;border-radius:0;}
    #head .right > .btn i{top:-5px;left:-1px;}
    #head .right > .btn i:before{font-size:20px;}
    #head .trasher{background:#fff;color:#3c4043;}
    #head .trasher i{margin-right:0;transform:scale(1.4);top:1px;left:1px;}

    @keyframes fixBtn{
        0%{transform:translateY(-200%);}
        100%{transform:translateY(0);}
    }


/************* bloc **************/
    
    .blc{display:flex;flex-wrap:wrap;width:calc(100% + 30px);left:-15px;}
    .blc > div{flex:1;padding:15px;}
    .blc > div:hover{z-index:100;}
    .blc > div > div{min-height:100%;padding:calc(25px + 1vw);transition:box-shadow .3s;box-shadow:0 5px 10px rgba(0,0,0,.03), 0 0 0 1px rgba(0,0,0,.05);background:#fff;width:100%;border-radius:3px;}
    .blc > div > div:hover{box-shadow:0 20px 35px rgba(0,0,0,.09), 0 0 0 1px rgba(0,0,0,.03);}
    .blc .num{font-weight:bold;font-size:calc(40px + 15 * (100vw - 320px) / 1080);margin:calc(15px + 1%) 0 calc(10px + 1%);}
    .blc small{font-size:12px;color:#636a6f;}
    .blc.stats i{margin:auto;font-size:18px;width:50px;font-weight:500;align-items:center;justify-content:center;height:50px;border-radius:50%;display:flex;color:#c8d1da;}
    .blc.stats i:before{z-index:100;}
    .blc.stats i:after{background:rgba(255,255,255,.8);content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
    .blc .tright{position:absolute;right:15px;top:13px;}
    .blc .tright > *{color:#c8d1da;font-size:14px;margin-left:10px;}
    .blc h3{font-size:16px;margin-bottom:calc(10px + .5vw);}
    
    .blc .chart{height:calc(300px + 150 * (100vw - 320px) / 1080);max-width: 100%;}
    .blc .chart > div{height:100%;}

    .c5 > div{width:20%;max-width:20%;flex-basis:20%;}
    .c4 > div{width:25%;max-width:25%;flex-basis:25%;}
    .c3 > div{width:33.33%;max-width:33.33%;flex-basis:33.33%;}
    .c2 > div{width:50%;max-width:50%;flex-basis:50%;}

    /* stats */
    .stats{text-align:center;}
    .stats .fa-blc-contact:before{content:'\f0e0';}
    .stats .fa-blc-product:before{content:'\f02a';}
    .stats .fa-blc-user:before{content:'\f0c0';}
    .stats .fa-blc-order:before{content:'\f3d1';}

    /* chart */
    .blc > .chart{flex:1;}

    /* paragraphe */
    .par{font-size:14px;}
    .par i{margin-right:5px;width:15px;}
    .par > * + *{margin-top:10px;}

    /* vue */
    .ts{width:33.33%;max-width:33.33%;flex-basis:33.33%;}
    .ts tr > *:last-child{padding:0 25px;text-align:center;}
    .ts tr > td:first-child{font-size:12px;}


/************* modal picture **************/

    #m{width:calc(100% - 240px);left:240px;transition:width .5s, left .5s, opacity .7s, visibility .7s;opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center;position:fixed;height:calc(100vh - 70px);top:70px;background:rgba(0,0,0,.3);z-index:99999;}
    .openFm #m{opacity:1;visibility:visible;}
    .min-nav #m{width:calc(100% - 70px);left:70px;}
    #m.load{cursor:progress;}
    #m > div{overflow:hidden;width:70%;height:600px;min-width:1200px;max-width:calc(100% - 50px);border-radius:3px;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.1);}
    #m .content{display:flex;z-index:30;height:calc(100% - 56px);}
    #m .left{flex:1;width:calc(100% - 250px);max-width:calc(100% - 250px);flex-basis:calc(100% - 250px);}
    #m .left select{border:1px solid rgba(0,0,0,.15);border-radius:3px;font-size:11px;margin-top:1px;cursor:pointer;}
    #m tr{border-radius:0;}
    #m table.dataTable{display:flex;flex-direction:column;height:calc(100% - 78px);width:100%!important;}
    #m table.dataTable tbody{flex:1;}
    #m thead{width:100%;display:block;z-index:500;}
    #m thead tr{width:100%;display:flex;}
    #m table.dataTable th, #m table.dataTable td{border-bottom:0;border-radius:0!important;}
    #m table.dataTable tbody{width:100%;overflow-y:scroll;overflow-x:hidden;height:400px;display:block;scrollbar-color:rgba(0,0,0,.15) rgba(0,0,0,.05);scrollbar-width:thin;scroll-behavior:smooth;}
    #m table.dataTable tbody::-webkit-scrollbar{width:4px;background-color:rgba(0,0,0,.05);}
    #m table.dataTable tbody::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);}
    #m table.dataTable tbody > tr{width:100%;display:flex;}
    #m table.dataTable tbody > tr td{display:flex;align-items:center;}
    #m .top{font-size:16px;z-index:1000;padding:20px 20px 20px 75px;box-shadow:0 0 15px rgba(0,0,0,.1), 0 1px 0 rgba(0,0,0,.1);}
    #m .top form{position:absolute;top:0;left:0;height:100%;}
    #m .top form input{display:none;}
    #m .top form .upl{transition:.1s;z-index:10;font-size:30px;padding:4px 0 0 4px;text-align:center;line-height:70px;color:#fff;cursor:pointer;top:-11px;left:-11px;position:absolute;width:70px;height:70px;border-radius:50%;}
    #m .top form .upl:hover{font-size:35px;padding:5px 0 0 5px;}
    #m.load .top form .upl{opacity:0}
    #m .top .spin{transition:.2s;opacity:0;visibility:hidden;top:0;left:0;position:absolute;display:flex;align-items:center;justify-content:center;z-index:1000;width:60px;height:60px;}
    #m .top .spin:before{color:#fff;font-size:25px;animation:spin 1.5s infinite linear;top:-3px;left:-4px;}
    #m.load .top .spin{opacity:1;visibility:visible;}
    #m .dataTables_wrapper{background:rgba(0,0,0,.03);height:100%;}
    #m .dataTables_wrapper > div{font-size:12px;}
    #m .table.dataTable.no-footer{border-bottom:0;box-shadow:0 1px 0 rgba(0,0,0,.1);}
    #m #fm-sort_length, #m #fm-sort_filter{width:50%;height:35px;}
    #m #fm-sort_length{padding:8px;}
    #m #fm-sort_filter input{background:#fff;height:100%;padding:0 10px;border-left:1px solid rgba(0,0,0,.07);}
    #m #fm-sort_info{font-size:11px;height:25px;padding-top:16px;padding-left:10px;}
    #m #fm-sort_paginate{padding:8px;}
    #m .dataTables_wrapper .dataTables_paginate .paginate_button{font-size:12px;padding:7px 8px 5px;}
    #m .thumb{width:50px;height:50px;border-radius:50%;overflow:hidden;background-position:center center;background-size:cover;}
    #m .file{display:flex;align-items:center;padding:0;}
    #m .file .t-chck,
    #m .th-chck{width:40px!important;}
    #m th{background:#fff!important;}
    #m .th-chck, #m .th-img, #m .th-last{cursor:default!important;}
    #m th:after{font-size:10px;margin-right:-8px;}
    #m .th-chck:after, #m .th-img:after, #m .th-last:after{display:none;}
    #m .file .t-name{flex:1;font-size:12px;padding:0;}
    #m .th-name{flex:1;}
    #m .th-img{text-align:center;}
    #m .file .t-img, #m th.th-img{width:70px!important;}
    #m .file .t-inf{width:100px;text-align:center;font-weight:bold;font-size:11px;}
    #m .th-inf{width:120px!important;text-align:center;padding:12px 0 0!important;}
    #m .file .t-last, #m .th-last{width:45px!important;padding:0;}
    #m .file .t-last button, #m [data-close]{width:25px;height:25px;line-height:25px;background:#ff5f5f;color:#fff;font-size:11px;text-align:center;border-radius:50%;}
    #m table.dataTable th{border-left:1px solid rgba(0,0,0,.07);font-size:8px;padding:12px 0 10px 12px;box-shadow:0 0 0;}
    #m [data-m-add]{width:252px;border-radius:0;height:44px;position:absolute;right:-1px;bottom:-1px;z-index:1000;}
    #m .alert{margin-bottom:0;transition:.3s;box-shadow:0 0 15px rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.1);padding:15px;bottom:0;left:50%;transform:translateX(-50%);position:absolute;z-index:1000;font-size:12px;width:400px;border-top-left-radius:5px;border-top-right-radius:5px;}
    #m .alert.hide{transform:translateY(100%) translateX(-50%);opacity:0;visibility:hidden;}
    #m .alert button{position:absolute;top:2px;right:4px;font-size:10px;}
    #m .alert li + li{margin-top:10px;}
    #m .alert li{display:none;}
    #m .alert li:nth-child(1), #m .alert li:nth-child(2), #m .alert li:nth-child(3){display:block;}
    #m .alert li:nth-child(3) + li{display:block;color:transparent;height:10px;}
    #m .alert li:nth-child(3) + li:after{content:'and other files...';color:#333;font-weight:bold;position:absolute;left:50%;transform:translateX(-50%);}
    #m .ck{cursor:pointer;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
    #m .ck:after{transition:.15s;content:'';width:100%;height:100%;border:3px solid rgba(0,0,0,.1);border-radius:3px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
    #m .ck:hover:after{border-color:rgba(0,0,0,.2);}
    #m .ck:before{transition:.15s;z-index:10;opacity:0;transform:scale(0);content:'\f00c';font-family:'Font Awesome 5 Pro';font-size:20px;left:5px;top:-4px;font-weight:500;}
    #m input:checked + .ck:before{opacity:1;transform:scale(1);}
    #m [data-close]{position:absolute;right:-3px;top:-3px;}

    #m .right{z-index:800;width:250px;box-shadow:0 0 15px rgba(0,0,0,.1), -1px 0 0 rgba(0,0,0,.2);}
    #m .right > div{width:300px;height:calc(100% - 35px);overflow-y:auto;overflow-x:hidden;}
    #m .right > div > *{width:250px;}
    #m .right .preview{padding:15px;height:180px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 25px rgba(0,0,0,.07) inset, 0 1px 0 rgba(0,0,0,.1);}
    #m .right .preview:before{background:rgba(255,255,255,.7);content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
    #m .right .preview img{align-self:center;max-height:100%;}
    #m .right .preview img{align-self:center;max-height:100%;}
    #m .right table td{padding:15px 13px;font-size:11px;width:calc(100% - 80px);border-bottom:1px solid rgba(0,0,0,.1);}
    #m .right table td:first-child{width:80px;text-align:right;border-right:1px solid rgba(0,0,0,.1);}
    #m .right table td:last-child{font-weight:bold;}

    @keyframes spin{
        0%{transform:rotate(0deg);}
        100%{transform:rotate(360deg);}
    }


/************* datepicker **************/
    
    .xdsoft_datetimepicker{z-index:999999;background:#fff;border-radius:3px;border:0;padding:15px 15px 10px;font-family:'Red Hat Text', sans-serif;box-shadow:0 10px 20px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.05);}
    .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box, .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th{border:0;}
    .xdsoft_datetimepicker .xdsoft_calendar{border-radius:3px;overflow:hidden;}
    .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current{box-shadow:0 0 0;}
    .xdsoft_datetimepicker .xdsoft_label{font-size:13px;text-align:center!important;}


/************* form **************/
    
    .form{margin-bottom:20px;border-radius:3px;background:#fff;box-shadow:0 0 25px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.05);}
    .form .row{display:flex;border-bottom:1px solid rgba(0,0,0,.08);}
    .form .row:last-child{border-bottom:0;}
    .form .row .left{padding:25px;width:350px;font-size:13px;}
    .form .row .left .tips{transition:color .2s;cursor:pointer;float:right;z-index:999;}
    .form .row .left .tips:before{transition:opacity .2s;opacity:.5;}
    .form .row .left .tips:hover:before{opacity:1;}
    .form .row .left .tips p{color:#333;transition:.2s;pointer-events:none;font-size:11px;line-height:1.1;position:absolute;width:200px;left:50%;transform:translate(-50%, -100%);top:-20px;opacity:0;visibility:hidden;text-align:center;font-family:Red Hat Text, sans-serif;}
    .form .row .left .tips:hover p{opacity:1;visibility:visible;top:-10px;}
    .form .row .left .tips p span{display:inline-block;background:#fff;padding:10px;border-radius:5px;box-shadow:0 10px 20px 5px rgba(0,0,0,.1);}
    .form .row .left .left{width:130px;font-size:12px;}
    .form .row .right{display:flex;flex-wrap:nowrap;align-items:center;flex:1;background:rgba(0,0,0,.025);border-left:1px solid rgba(0,0,0,.07);}
    .form .row .right > div{flex:1;}
    .form .row input{width:100%;flex:1;height:100%;font-size:13px;padding:0 15px;box-shadow:0 0 0;}
    .form .row input + button{margin-right:15px;font-size:14px;}
    .form .row .grup + *{align-self:center;margin:0 15px;}
    .form .row select{cursor:pointer;width:100%;flex:1;height:100%;background:transparent;border:0;padding:0 15px;font-size:13px;font-family:'Red Hat Text', sans-serif;}
    .form .row .right .btn{height:auto;align-self:center;margin:0 15px;}
    .form .row .right > div > .row{border-radius:3px;margin:15px;border-bottom:0;background:#fff;box-shadow:0 0 25px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.05);}
    .form .row .del, .search-choice-close{z-index:998;width:17px;height:17px;background:#ff5f5f;border-radius:50%;position:absolute;top:-6px;right:-6px;color:#fff;font-size:10px;text-align:center;line-height:16px;box-shadow:0 0 0 1px rgba(0,0,0,.2) inset;}
    .form .row .del:hover, .search-choice-close:hover{background:#ff8686;}
    .form .row .collection, .collectionPicture{width:100%;margin-bottom:52px;}
    .form .row .collection + .btn, .collectionPicture + .btn{position:absolute;bottom:12px;}
    .form .cter{position:absolute;right:-7px;top:7px;font-size:10px;text-align:right;}
    .form .cter span{margin-right:2px;font-weight:bold;}
    
    .form .trans{background:rgba(0,0,0,.02);padding:0;flex:1;}
    .form .trans > div{border-top-left-radius:0;background:#fff;box-shadow:0 0 25px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.05);}
    .form .trans .nav{margin-bottom:-3px;display:inline-block;border-top-left-radius:5px;background:#fff;box-shadow:0 0 25px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.05);user-select:none;-moz-user-select:none;}
    .form .right.trans .nav{margin-bottom:-2px;}
    .form .trans .nav li{transition:.3s;background:rgba(0,0,0,.07);cursor:pointer;float:left;padding:7px 10px;}
    .form .right .trans .nav li{padding:4px 7px;}
    .form .trans .nav li:first-child,
    .form .trans .nav li:first-child:after{border-top-left-radius:5px;}
    .form .trans .nav li:hover,
    .form .trans .nav li.active{background:#fff;}
    .form .trans .nav li:after{content:'';opacity:0;width:100%;height:3px;position:absolute;top:0;left:0;}
    .form .right .trans .nav li:after{height:2px;}
    .form .trans .nav li.active:after{opacity:1;}
    .form .trans .nav li:not(:last-child){border-right:1px solid rgba(0,0,0,.1);}
    .form .trans .nav li img{width:25px;}
    .form .right .trans .nav li img{width:15px;}
    .form .trans .nav li span{position:absolute;font-size:10px;top:2px;right:2px;}
    
    .form .trans [data-trans-part]:not(.active){width:0;height:0;overflow:hidden;}

    .form label.left img.flg{width:14px;margin-right:4px;}

    .form .err{position:absolute;left:-22px;width:15px;height:15px;top:50%;transform:translateY(-50%);}
    .form .err .fas{cursor:pointer;animation:triangle 1s infinite linear;color:#ff8400;border-radius:50%;}
    .form .err .fas:hover:before{content:'\f057';}
    .form .err .fas:after{animation:triangle_sw 1s infinite linear;content:'\f071';position:absolute;left:0;}
    .form .err .fas:hover:after{display:none;}
    .form .err ul{box-shadow:0 0 10px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.1);padding:7px 5px;border-radius:3px;position:absolute;font-size:12px;opacity:0;width:200px;text-align:center;background:#fff;top:-5px;left:50%;transform:translate(-50%, -100%);}
    .form .err .fas:hover + ul{opacity:1;}

    .form [data-trumbowyg]{background:url(../../img/admin/load.svg) no-repeat center center transparent;background-size:80px;color:transparent;pointer-events:none;width:100%;height:150px;}
    .form .trumbowyg-editor-hidden [data-trumbowyg]{background:none;color:inherit;pointer-events:auto;}
    
    .form .row .ck{display:none;}
    .form .row .ck + label{cursor:pointer;margin-left:15px;white-space:nowrap;-moz-user-select:none;user-select:none;}
    .form .row .ck + label:before{content:'\f00c';font-family:'Font Awesome 5 Pro';font-size:16px;color:transparent;line-height:10px;font-weight:500;top:-1px;margin-right:5px;cursor:pointer;width:18px;height:18px;transition:.15s;border:3px solid rgba(0,0,0,.1);border-radius:3px;display:inline-block;}
    .form .row .ck[type="radio"] + label:before{border-radius:50%;}
    .form .row .ck + label:hover:before{border-color:rgba(0,0,0,.2);}

    .form .grp{display:flex;align-items:center;flex-wrap:wrap;}

    .form-ord .row{height:60px;}
    .form-ord .row .left{width:150px;text-align:center;padding:0;display:flex;align-items:center;justify-content:center;}
    .form-ord .row .btn{width:100px;height:100%;border-top-left-radius:0;border-bottom-left-radius:0;}
    
    @keyframes triangle{
        0%{transform:scale(1);}
        50%{transform:scale(1.1);}
        100%{transform:scale(1);}
    }

    @keyframes triangle_sw{
        0%{transform:scale(1);opacity:.3;top:0;}
        100%{transform:scale(2.5);opacity:0;top:-2px;}
    }

    /* collection */
        .collection{display:flex;flex-direction:column;padding:15px 15px 0;}
        .collection > .row{max-width:100%;width:100%;margin:0!important;}
        .collection > .row:last-child{margin:0 0 15px!important;}
        .collection > .row + .row{margin-top:10px!important;}
        .collection > .row > .left{padding:0!important;width:100%!important;}
        .collection > .row > .left .row .left{padding:15px;}


    /* collection picture */
        .collectionPicture{display:flex;flex-wrap:wrap;padding:10px;}
        .collectionPicture > .row{width:calc(16.66% - 14px);max-width:calc(16.66% - 14px);flex-basis:calc(16.66% - 14px);transition:.3s;flex-direction:column;margin:7px!important;}
        .right .collectionPicture > .row{width:calc(20% - 14px);max-width:calc(20% - 14px);flex-basis:calc(20% - 14px);}
        .collectionPicture > .row:hover{box-shadow:0 20px 35px rgba(0,0,0,.09), 0 0 0 1px rgba(0,0,0,.1)!important;}
        .collectionPicture > .row .left{width:100%;padding:13px;}
        .collectionPicture > .row > .left{width:100%!important;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,0,0,.05);height:200px;}
        .collectionPicture > .row > .left:before{background:rgba(255,255,255,.85);content:"";position:absolute;top:0;left:0;width:100%;height:calc(100% + 1px);z-index:0;}
        .collectionPicture > .row > .left img{max-width:100%;max-height:100%;}
        .collectionPicture > .row > .right{border-left:0;}
        .collectionPicture > .row > .right > div{width:100%;}
        .collectionPicture > .row > .right > div > .row{margin:0;border-radius:0;}
        .collectionPicture > .row > .right .left{width:80px;font-size:12px;}
        .collectionPicture > .row input{font-size:12px;}
        .collectionPicture .trans .nav li:after{border-radius:0!important;}
        .collectionPicture .row .del{right:2px;top:2px;}
    
    /* show */
        .form.show .left,
        .form.show .right{padding:20px;font-size:14px;}
        .form.show .right li:before{content:'\f178';font-family:'Font Awesome 5 Pro';margin-right:10px;font-weight:500;}
        .form.show .right li + li{margin-top:10px;}

    /* bottom infos*/
        .form + .b-infos{margin-top:-10px;}
        .b-infos{color:#555;line-height:1.2;font-size:12px;padding:12px 15px;border-radius:3px;background:#fff;box-shadow:0 0 25px rgba(0,0,0,.06), 0 0 0 1px rgba(0,0,0,.05);}
        
    /* slider */
        #appbundle_slider_slides > *{width:100%!important;max-width:100%!important;flex-basis:100%!important;}
        #appbundle_slider_slides > .row > .right .left{width:150px;}
        #appbundle_slider_slides .form [data-trumbowyg]{height:100px;}
        #appbundle_slider_slides .trumbowyg-box, #appbundle_slider_slides .trumbowyg-editor{min-height:100px;}


/************* trumbowyg **************/
    
    .trumbowyg-modal-box{padding-bottom:5px;}
    .trumbowyg-modal-box form{padding-bottom:40px;}
    .trumbowyg-editor{scrollbar-width:thin;scroll-behavior:smooth;}
    .trumbowyg-editor > * + *{margin-top:15px;}
    .trumbowyg-editor ul li{list-style-type:disc;}
    .trumbowyg-editor ul li + li{margin-top:5px;}


/************* table **************/
    
    .table{width:100%;border-collapse:separate;border-spacing:0 5px;}
    .table thead{z-index:100;}
    .table thead tr, table.dataTable th{border-radius:5px;color:#565a5e;text-align:left;box-shadow:0 10px 10px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.05);font-size:10px;text-transform:uppercase;letter-spacing:1px;}
    .table thead tr a{font-weight:500;color:inherit;}
    .table thead tr th{background:#fff;padding:10px;/*text-align:center;*/}
    .table thead tr th + th{border-left:1px solid rgba(0,0,0,.08);}
    .table tbody tr, .table tfoot tr{border-radius:5px;transition:transform 1s, opacity 1s, box-shadow .3s;box-shadow:0 3px 5px rgba(0,0,0,.01), 0 0 0 1px rgba(0,0,0,.02);}
    .table tbody tr:hover, .table tfoot tr:hover{z-index:100;box-shadow:0 10px 20px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.05);}
    .table tfoot{font-weight:bold;}
    .table tr td{height:70px;font-size:14px;padding:10px 15px;background:#fff;vertical-align:middle;}
    .table tr td:first-child, .table tr th:first-child{border-top-left-radius:inherit;border-bottom-left-radius:inherit;}
    .table tr td:last-child, .table tr th:last-child{border-top-right-radius:inherit;border-bottom-right-radius:inherit;}
    .action{white-space:nowrap;transition:.3s;opacity:0;right:0;position:absolute;top:50%;transform:translateY(-50%);}
    .table tr:hover .action, .tree li > div:hover .action, .mob .table tr .action, .mob .tree li > div .action{right:15px;opacity:1;}
    .mob .table .action .btn span, .mob .tree li > div .action .btn span{display:none;}
    .mob .table .action .btn i, .mob .tree li > div .action .btn i{margin-right:0;font-size:13px;}
    .table tr td.sorter{width:70px;text-align:center;border-right:2px solid rgba(0,0,0,.03);cursor:grab;}
    .table .tc{text-align:center;}
    .table .tl{text-align:left;}
    .table .tr{text-align:right;}
    .table a.sortable:after, .table a.asc:after, .table a.desc:after, #m th:after{content:'\f0dc';font-family:'Font Awesome 5 Pro';font-weight:900;margin-left:5px;opacity:.5;}
    .table a.asc:after, #m th.sorting_asc:after{content:'\f0de';opacity:1;}
    .table a.desc:after, #m th.sorting_desc:after{content:'\f0dd';opacity:1;}
    
    .table:not(.active-filter) .flt{display:none;}
    .table .flt th{height:60px;padding:0;}
    .table .flt th:not(:last-child){border-right:1px solid rgba(0,0,0,.05);padding:3px 0;}
    .table .flt th > div{height:calc(100% - 4px);display:flex;flex-wrap:wrap;padding:2px 5px;align-items:center;position:absolute;width:100%;left:0;top:2px;}
    .table .flt th select, .table .flt th input{background:#fff;box-shadow:0 0 5px rgba(0,0,0,.05) inset;flex:1;border-radius:3px;margin:0 2px;height:100%;border:1px solid rgba(0,0,0,.1);padding:0 8px;font-size:13px;}
    .table .flt th .to > *{width:calc(100% - 30px);max-width:calc(100% - 30px);flex-basis:calc(100% - 30px);}
    .table .flt .btn{left:0;top:0;width:50px;height:50px;margin-left:4px;}
    .table .flt .btn span{display:none;}
    .table .flt .btn i{margin-right:0;}
    .table .flt .lst{width:60px;}
    .table .flt .two{height:30px;}
    .table .flt .two + .two{top:30px;}
    .table .flt .two > *:not(span){padding-left:30px;font-size:12px;}
    .table .flt .two span{pointer-events:none;position:absolute;left:15px;z-index:100;top:50%;transform:translateY(-50%);}

    /* dragging */
        body.dragging, body.dragging *{cursor:move!important;}
        .dragged{position:absolute;opacity:.5!important;z-index:9999;margin-top:30px;}
        tr.dragged{display:table;width:100%;box-shadow:0 0 0!important;}
        .dragging .table .action{opacity:0!important;}
        tr.dragged > td{border-style:dashed;border-top-width:2px;border-bottom-width:2px;}
        tr.dragged > td:first-child{border-left-width:2px;}
        tr.dragged > td:last-child{border-right-width:2px;}
        tr.placeholder{display:none;}
        table:not(.res) tr + tr td:first-child:before{transition:.2s;opacity:0;content:"";position:absolute;width:0;height:0;border:8px solid transparent;top:-10px;left:-20px;border-right:none;}
        table:not(.res) tr + tr td:first-child:after{transition:.2s;opacity:0;content:"";position:absolute;width:80vw;height:1px;top:-2px;left:-20px;}
        table:not(.res) tr.placeholder + tr:not(.dragged) td:first-child:before{opacity:1;left:-10px;}
        table:not(.res) tr.placeholder + tr:not(.dragged) td:first-child:after{opacity:1;left:-10px;}
    
    /* total */
        .table tfoot.total td{padding:15px;height:auto;font-size:14px;}
        .table tfoot.total td.rt{text-align:right;font-weight:400;}
        .table tfoot.total td .pttc{font-size:20px;font-weight:bold;}
    
    /* responsive table */
        .table.res{display:block;}
        .table.res > * + *{margin-top:15px;}
        .table.res thead tr:first-child{display:none;}
        .table.res tbody, .table.res tfoot{display:block;width:100%;}
        .table.res tbody tr, .table.res tfoot tr{background:#fff;display:block;width:100%;border-radius:5px;overflow:hidden;}
        .table.res tbody tr + tr{margin-top:15px;}
        .table.res tfoot tr + tr{margin-top:5px;}
        .table.res tbody td{background:rgba(0,0,0,.025);display:flex;height:auto;padding:0;width:100%;align-items:center;}
        .table.res tbody td + td{border-top:1px solid rgba(0,0,0,.07);}
        .table.res tbody td:before{background:#fff;content:attr(data-th) ' :';margin-right:10px;border-right:1px solid rgba(0,0,0,.07);font-size:12px;padding:15px;width:45%;}
        .table.res tfoot{display:flex;}
        .table.res .action{opacity:1;position:relative;top:0!important;right:0!important;padding:5px 0;transform:none!important;}
        .table.res .sorter{display:none!important;}


/************* tree **************/
    
    .tree li{margin-top:10px;}
    .tree li > ul{width:calc(100% - 35px);left:35px;}
    .tree li > ul:before{content:'';width:20px;height:calc(100% - 17px);border-left:2px dotted rgba(0,0,0,.2);position:absolute;left:-20px;top:-10px;}
    .tree li:hover > ul:before{border-left-style:solid;}
    .tree li > ul > li > div:before{content:'';width:20px;height:1px;border-bottom:2px dotted rgba(0,0,0,.2);position:absolute;left:-20px;top:50%;transform:translateY(-50%);}
    .tree li > div:after{display:none;content:'';width:10px;height:10px;position:absolute;left:-4px;border-radius:50%;top:50%;transform:translateY(-50%);}
    .tree li:hover > div:after{display:block;}
    .tree li > ul > li:hover > div:before{border-bottom-style:solid;}
    .tree ul > li > div{display:flex;align-items:center;background:#fff;padding:15px;border-radius:3px;transition:transform 1s, opacity 1s, box-shadow .3s;box-shadow:0 3px 5px rgba(0,0,0,.01), 0 0 0 1px rgba(0,0,0,.02);}
    .tree ul > li > div:hover{z-index:100;box-shadow:0 10px 20px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.05);}
    .tree ul > li > div .badge{margin:0 12px;}


/************* pagination **************/
    
    .pagi{margin-top:calc(10px + 1%);}
    .pagi ul{display:flex;flex-wrap:wrap;justify-content:center;width:100%;}
    .pagi ul li{margin:3px;}
    .pagi ul li > *, .paginate_button{border-width:0 0 3px 0!important;border-bottom:3px solid transparent;border-radius:4px;display:block;background:#fff!important;padding:11px 10px 8px;font-size:13px;font-weight:bold;box-shadow:0 0 20px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.05)!important;}
    .pagi ul li:not(.disabled):not(.active) > *:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:not(.disabled):not(.current):hover{color:#3c4043!important;border-bottom-color:rgba(0,0,0,.2)!important;}
    .pagi ul li.disabled > *, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{background:rgba(0,0,0,.01)!important;} 
    #fm-sort_previous, #fm-sort_next{width:22px;}
    #fm-sort_previous, #fm-sort_next, .pagi ul li:first-child > *, 
    .pagi ul li:last-child > *{color:transparent!important;}
    #fm-sort_previous:before, #fm-sort_next:before,
    .pagi ul li:first-child > *:before, 
    .pagi ul li:last-child > *:before{font-family:'Font Awesome 5 Pro';color:#3c4043;position:absolute;font-weight:300;margin-top:2px;font-size:10px;top:50%;left:50%;transform:translate(-50%, -50%);}
    #fm-sort_previous:before, .pagi ul li:first-child > *:before{content:'\f060';}
    #fm-sort_next:before, .pagi ul li:last-child > *:before{content:'\f061';}


/************* chosen **************/
        
    .chosen-container{display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
    .chosen-container .chosen-drop{position:absolute;top:100%;margin-top:1px;z-index:999999;width:100%;background:#fff;box-shadow:0 0 25px rgba(0,0,0,.1), 0 5px 15px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.07);clip:rect(0,0,0,0);}
    .chosen-container.chosen-with-drop .chosen-drop{clip:auto}
    .chosen-container a{cursor:pointer}
    .chosen-container .chosen-single .group-name,
    .chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}
    .chosen-container .chosen-single .group-name:after,
    .chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}
    .chosen-container-single .chosen-single{display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:3px;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}
    .chosen-container-single .chosen-default{color:#999}
    .chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}
    .chosen-container-single .chosen-single-with-deselect span{margin-right:38px}
    .chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}
    .chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}
    .chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}
    .chosen-container-single .chosen-search{z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}
    .chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}
    .chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0)}
    .chosen-container .chosen-results{color:#444;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}
    .chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}
    .chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}
    .chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}
    .chosen-container .chosen-results li.highlighted{color:#fff}
    .chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#fff}
    .chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}
    .chosen-container .chosen-results li.group-option{padding-left:15px}
    .chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}
    .chosen-container-multi .chosen-choices{display:flex;flex-wrap:wrap;align-items:center;overflow:hidden;cursor:text;min-height:100%;padding:10px 15px;}
    .chosen-container-multi .chosen-choices li{float:left;list-style:none}
    .chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}
    .chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;color:#999;font-size:100%;line-height:normal;border-radius:0;width:25px}
    .chosen-container-multi .chosen-choices li.search-choice{margin:3px;padding:5px 25px 5px 10px;max-width:100%;border-radius:25px;cursor:default;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.01) inset, 0 0 5px rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.1);}
    .chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}
    .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{right:4px;top:50%;transform:translateY(-50%);}
    .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before{font-family:'Font Awesome 5 Pro';font-weight:900;content:'\f00d';}
    .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}
    .chosen-container-multi .chosen-results{margin:0;padding:0}
    .chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}
    .chosen-container-active .chosen-single{border:1px solid #5897fb;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}
    .chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#eee),color-stop(80%,#fff));background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset}
    .chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}
    .chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}
    .chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}
    .chosen-disabled{opacity:.5!important;cursor:default}
    .chosen-disabled .chosen-single{cursor:default}
    .chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}
    .chosen-rtl{text-align:right}
    .chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}
    .chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}
    .chosen-rtl .chosen-single-with-deselect span{margin-left:38px}
    .chosen-rtl .chosen-single div{right:auto;left:3px}
    .chosen-rtl .chosen-single abbr{right:auto;left:26px}
    .chosen-rtl .chosen-choices li{float:right}
    .chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}
    .chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}
    .chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}
    .chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}
    .chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}
    .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}
    .chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}
    .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}
    .chosen-container .chosen-results{scrollbar-width:thin;scroll-behavior:smooth;}
    

/************* color picker **************/  

    .color-picker{position:absolute;top:0;z-index:9999;padding:10px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 0 10px rgba(0,0,0,.05);border-radius:0 3px 3px 0;margin-top:1px;}
    .color-picker-container{direction:rtl;display:flex;height:150px;color:#000;}
    .color-picker-container *{border-color:inherit;color:inherit;}
    .color-picker i{font:inherit;font-size:12px;}
    .color-picker-h, .color-picker-sv{direction:ltr;background-size:100% 100%;}
    .color-picker-h{width:1.5em;border-left:1px solid;background-image:linear-gradient(to top,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);cursor:ns-resize;overflow:hidden;}
    .color-picker-h i{display:block;height:.5em;position:absolute;top:-.25em;right:0;left:0;z-index:3;}
    .color-picker-h i::before{display:block;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:.25em solid;border-top-color:transparent;border-bottom-color:transparent;}
    .color-picker-sv{width:10em;background-image:linear-gradient(to top,#000,rgba(0,0,0,0)),linear-gradient(to right,#fff,rgba(255,255,255,0));cursor:crosshair;}
    .color-picker-sv i{display:block;width:.8em;height:.8em;position:absolute;top:-.4em;right:-.4em;z-index:3;}
    .color-picker-sv i::before, .color-picker-sv i::after{display:block;content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:100%;}
    .color-picker-sv i::before{top:-1px;right:-1px;bottom:-1px;left:-1px;border-color:#fff;}
    .color-picker-h, .color-picker-sv{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;}


/************* editor **************/
    
    #e{height:100vh;overflow:hidden;}
    
    #e .top{display:flex;align-items:center;justify-content:space-between;z-index:9999;height:70px;background:#fff;position:absolute;left:0;top:0;width:100%;box-shadow:0 0 20px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.05);}
    #e .top > div{display:flex;align-items:center;}
    #e .top .butt{color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;width:70px;height:70px;}
    #e .top h2{margin-left:20px;}
    #e .top .sc{font-size:18px;margin-right:10px;display:flex;}
    #e .top .sc img{pointer-events:none;}
    #e .top li{padding:15px 5px 0;transition:.2s;cursor:pointer;display:flex;align-items:center;justify-content:center;padding-top:1px;border:1px solid rgba(0,0,0,.1);width:45px;height:45px;margin-right:5px;border-radius:5px;}
    #e .top li.select{color:#fff!important;}
    
    #e .content{height:calc(100% - 70px);top:70px;z-index:50;}

    #e aside{position:absolute;left:0;height:100%;width:200px;}

    #e aside .act{height:100%;width:100vw;overflow-y:scroll;}

    #e aside .e-left{z-index:1000;overflow:hidden;height:100%;width:250px;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.05);}
    #e aside .e-left ul{width:250px;padding:5px 20px 5px;}
    #e aside .e-left li{user-select:none;-moz-user-select:none;display:flex;align-items:center;cursor:pointer;transition:.2s;border-radius:3px;padding:20px 5px 20px 15px;margin:15px 0;background:#fff;box-shadow:0 3px 15px rgba(0,0,0,.1);}
    #e aside .e-left li:hover, #e aside .e-left li.select{color:#fff;}
    #e aside .e-left li[data-bloc-name="general"]{border-color:#000;}
    #e aside .e-left li i{font-size:20px;opacity:.2;margin-right:15px;}
    #e aside .e-left li:hover i, #e aside .e-left li.select i{opacity:.8;}
    #e aside .e-left li p{font-size:11px;font-weight:600;}
    #e aside .e-left li.select p:after{opacity:.7;content:'Cliquer pour fermer';font-size:9px;display:block;margin-top:3px;font-weight:500;}

    #e aside .e-right{transition:transform .6s;transform:translateX(-110%);overflow:hidden;width:calc(90vw - 300px);height:100%;top:0;background:#fcfcfc;box-shadow:0 0 20px rgba(0,0,0,.05), 0 0 0 1px rgba(0,0,0,.05);left:250px;z-index:500;position:absolute;}
    #e aside .e-right.open{transform:translateX(0);}
    #e aside .e-right .act > *{width:calc(90vw - 300px);padding:15px;}
    #e aside .e-right [data-bloc]:not(.select){display:none;}
    #e aside .e-right h2{font-size:18px;padding:10px;}
    #e aside .e-right h2:first-letter{text-transform:uppercase;}
    #e aside .e-right h2 i{margin-right:5px;}
    #e aside .e-right form{padding:10px;}
    
    #e #ci{width:calc(100% - 250px);height:100%;left:250px;display:flex;align-items:center;justify-content:center;}
    #e #ci .ct-ci{transition:.8s;align-self:center;width:100%;height:100%;border-radius:2px;box-shadow:0 5px 20px rgba(0,0,0,.2);}
    #e #ci.tablet .ct-ci{width:768px;height:calc(100% - 50px);}
    #e #ci.mobile .ct-ci{width:320px;height:600px;max-height:calc(100% - 50px);}
    #e #ci iframe{width:100%;height:100%;background:#fff;}
    #e .form .row .left{width:170px;}
    #e .collectionPicture > .row > .right .left{width:80px!important;font-size:11px;}
    #e .right .collectionPicture > .row{width:calc(33.33% - 14px)!important;max-width:calc(33.33% - 14px)!important;flex-basis:calc(33.33% - 14px)!important;}
    #e .collectionPicture > .row > .left{height:100px;}
    #e + #m{width:100%!important;left:0!important;}

 
/*----------------------------------------------------< MEDIA QUERIES >---------------------------------------------------*/

/************* max height 700 **************/ @media screen and (max-height:700px){

    #m > div{height:calc(100% - 60px);}

}
/************* max 2000 **************/ @media screen and (max-width:2000px){

    .collectionPicture > .row{width:calc(20% - 14px);max-width:calc(20% - 14px);flex-basis:calc(20% - 14px);}    
    
}
/************* max 1800 **************/ @media screen and (max-width:1800px){

    .collectionPicture > .row{width:calc(25% - 14px)!important;max-width:calc(25% - 14px)!important;flex-basis:calc(25% - 14px)!important;}    

}
/************* max 1600 **************/ @media screen and (max-width:1600px){

    .trumbowyg-button-pane{min-height:30px;}
    .trumbowyg-button-pane button{width:30px;}

}
/************* max 1550 **************/ @media screen and (max-width:1550px){
    
    .form .row .left{width:280px;}

    .collectionPicture > .row{width:calc(33.33% - 14px)!important;max-width:calc(33.33% - 14px)!important;flex-basis:calc(33.33% - 14px)!important;}
    .collectionPicture > .row > .left{height:150px;}

}
/************* max 1500 **************/ @media screen and (max-width:1500px){

    #m > div{min-width:calc(100% - 50px);}

}
/************* max 1450 **************/ @media screen and (max-width:1450px){

    .form .row .left{width:250px;padding:20px;}

    .collectionPicture > .row > .right .left{padding:13px;}

}
/************* max 1250 AND min 900 **************/ @media screen and (max-width:1250px) and (min-width:900px){
    
    #h .left .b-nav i{transform:rotate(90deg);}
    .min-nav #h .left .b-nav i{transform:rotate(0deg);}

    #l{width:70px;}
    .min-nav #l{width:240px;}
    #l nav > ul a i{color:#3c4043;}
    .min-nav #l nav > ul a i{color:#c8d1da;}
    #l nav > ul span, #l:after{opacity:0;}
    .min-nav #l nav > ul a span, .min-nav #l:after{opacity:1;}

    #m, #app{width:calc(100% - 70px);left:70px;}

}
/************* max 1150 **************/ @media screen and (max-width:1150px){

    #head .btn{padding:10px;}
    #head .btn i{margin-right:0;font-size:16px;}
    #head .btn span{display:none;}

}
/************* max 1150 **************/ @media screen and (max-width:1150px){

    .c4 > div{width:50%;max-width:50%;flex-basis:50%;}

}
/************* max 1084 **************/ @media screen and (max-width:1084px){

    .form .row .left{padding:15px;font-size:12px;}
    .form .row input, .form .row select{padding:15px;}

    .blc > div{padding:10px;}
    .blc{width:calc(100% + 20px);left:-10px;}

}
/************* max 950 **************/ @media screen and (max-width:950px){
    
    .collectionPicture > .row{width:calc(50% - 14px)!important;max-width:calc(50% - 14px)!important;flex-basis:calc(50% - 14px)!important;}    

}
/************* max 900 **************/ @media screen and (max-width:900px){
    
    #h .right{padding-right:15px;}
    #h .right p{display:none;}

    #l{position:fixed;transform:translateX(-100%);transition:transform .6s;}
    .min-nav #l{transform:translateX(0);width:240px;}
    .min-nav #l nav > ul a span, .min-nav #l:after{opacity:1;}
    .min-nav #l nav > ul a i{color:#c8d1da;}

    #m, .min-nav #m, #app, .min-nav #app{width:100%!important;left:0!important;}

    .form .row{display:block;}
    .form .row .left{padding:12px;display:block;width:100%;}
    .form .row .right{border-left:0;border-top:1px solid rgba(0,0,0,.1);}
    
    #head h2{font-size:calc(16px + 15 * (100vw - 320px) / 1080);top:2px;}    

    .collectionPicture > .row{width:calc(25% - 14px)!important;max-width:calc(25% - 14px)!important;flex-basis:calc(25% - 14px)!important;}    
    .collectionPicture > .row > .left{display:flex;height:100px;}
    .collectionPicture > .row > .right .left{padding:8px 10px;}
    .collectionPicture > .row > .right .right{height:38px;}

}
/************* max 800 **************/ @media screen and (max-width:800px){

    #h .left .bar{width:70px;}
    #h .left .bar .b-nav{margin-right:0;}
    #h .left .bar .logo{display:none;}

    #bc li{display:none;}
    #bc li:last-child{display:inline-block;}
    #bc li:nth-last-child(2){display:inline-block;}
    #bc li:nth-last-child(2) a{color:transparent!important;display:inline-block;width:10px;}
    #bc li:nth-last-child(2) a:before{content:'...';font-weight:bold;position:absolute;left:0;width:20px;color:#000;}

    .collectionPicture > .row{margin:5px!important;width:calc(33.33% - 10px)!important;max-width:calc(33.33% - 10px)!important;flex-basis:calc(33.33% - 10px)!important;}    
    
    #m .left{width:100%;max-width:100%;flex-basis:100%;}
    #m .right{width:0;}
    #m .th-inf, #m .t-inf, #m .right > div, #m #fm-sort_info, #m #fm-sort_length{display:none!important;}
    #m [data-m-add]{width:180px;}
    #m #fm-sort_paginate{float:none;padding:8px 185px 8px 5px;margin-top:0!important;}
    #m #fm-sort_filter{margin-top:0!important;width:100%;}
    #m .file td{height:auto;}
    #m table.dataTable tbody td{padding:5px 7px;}
    #m .thumb{width:40px;height:40px;}
    #m > div{min-width:calc(100% - 20px);height:calc(100% - 60px);}

}
/************* max 650 **************/ @media screen and (max-width:650px){

    .collectionPicture{padding:8px;} 
    .collectionPicture > .row{margin:4px!important;width:calc(50% - 8px)!important;max-width:calc(50% - 8px)!important;flex-basis:calc(50% - 8px)!important;}    
    
    .blc > div{padding:5px 10px!important;width:100%!important;max-width:100%!important;flex-basis:100%!important;}
    
    #m table.dataTable{height:calc(100% - 120px);}
    #m #fm-sort_paginate{float:none;padding:8px 5px;}
    #m [data-m-add]{width:calc(100vw - 18px);}

}
/************* max 550 **************/ @media screen and (max-width:550px){
    
    #head{margin-top:5px;}
    #head .right > .btn{display:block;z-index:100;width:35px;}
    #head .right > .btn.op i:before{content:'\f00d';}
    #head .right > div{transition:opacity .4s, visibility .4s;flex-direction:column;opacity:0;visibility:hidden;position:absolute;top:0;margin-top:0;right:90%;padding:5px 7px;border-radius:3px;background:#fff;box-shadow:0 0 25px rgba(0,0,0,.1), 0 0 0 1px rgba(0,0,0,.05);}
    #head .right > .btn.op + div{opacity:1;visibility:visible;}
    #head .right > div .btn{display:block;white-space:nowrap;margin:2px 0;width:100%;max-width:100%;flex-basis:100%;}
    #head .right > div .btn i{margin-right:5px;}
    #head .right > div .btn span{display:inline-block;}
    #head h2 i{display:none;}

    .collectionPicture{padding:5px;}  
    .collectionPicture > .row{margin:2px!important;width:calc(50% - 4px);max-width:calc(50% - 4px);flex-basis:calc(50% - 4px);}  
    
    .table.res .action .btn span{display:none;}
    .table.res .action .btn i{margin-right:0;font-size:13px;}

}
/************* max 400 **************/ @media screen and (max-width:400px){

    #bc{display:none;}
}