@font-face {
    font-family:'Montserrat-light'; 
    src:url('/data/police/montserrat-light-webfont.woff2') format('woff2'),
           url('/data/police/montserrat-light-webfont.woff') format('woff');
}

html, body {padding:0; margin:0; height:100%; width:100%; font-family:'Montserrat-light', sans-serif; color:#232323; overflow:hidden;}
* {box-sizing:border-box;}
a, button, input {transition:0.3s ease-in-out !important; text-decoration:none; }
::selection {background:#e61e50; color:#ffffff;}
::-moz-selection {background:#e61e50; color:#ffffff;}

/* body {background:url('map_sig.jpg') no-repeat center center / cover;} */

/*** CUSTOM SCROLLBAR ***/
    @media only screen and (min-width:64em) {:not(html):not(body)::-webkit-scrollbar {background:#434343; width:20px;}
    :not(html):not(body)::-webkit-scrollbar-corner {background:#434343;}
    :not(html):not(body)::-webkit-scrollbar-thumb {background:hsla(0, 0%, 100%, 0.8); border:6px solid #434343;}
    :not(html):not(body)::-webkit-scrollbar-thumb:hover {background:#ffffff;}
    :not(html):not(body)::-webkit-scrollbar-thumb:active {background:#ffffff;}}

/*** LOADING ***/
    #loading {border:16px solid #f3f3f3; border-radius:50%; border-top:16px solid #d81e41; border-bottom:16px solid #d81e41; width:120px; height:120px; margin:0; position:absolute; top:50%; left:50%; margin-right:-50%; -webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite;}

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

/*** INVALID THEME ***/
    #invalidTheme {display:none;}
    #validTheme {display:block;}
    #invalidThemeText {height:100vh; display:flex; align-items:center; justify-content:center; background-color:slategray; font-size:x-large;}

/*** LOGO ***/
    .imgLogo {position:absolute; top:0; right:0; height:50px; padding:5px; background-color:#ffffff; z-index:0;}

/*** CONTAINER ***/
    #row {display:flex; align-items:center; justify-content:flex-start; height:100%;}

/*** MOTEUR ***/
    #columnSearch {position:relative; padding:30px 30px 100px 30px; height:100%; background:#232323; color:#ffffff; border-radius:0 35px 35px 0; width:50%; max-width:480px; height:calc(100% - 60px); display:flex; flex-direction:column; z-index:1; height:100%;}
    #searchBar {border-radius:50px; background:#ffffff; width:100%; color:#232323; padding:15px 15px 15px 30px; font-size:16px; line-height:1.2; position:relative; border:2px solid #ffffff; transition:0.3s ease-in-out;}
    #searchBar input {outline:none;}
    #searchBar:focus-within {box-shadow:inset 0 0 1px 4px #232323;}
    #labelSearch {display:block; font-weight:bold; margin-bottom:10px;}
    #resultsSearchContainer {overflow:hidden;}
    #resultsSearch {display:none; margin-top:30px; overflow-y:auto;/*  flex:1 1 0; */ padding-right:10px;}
    #resultsSearch > *:not(:first-child) {margin-top:10px;}

    .esri-search__container {position:static;}
    .esri-input[type=text] {padding:0; border:none; background:none;}
    .esri-menu {padding:15px; border-radius:35px;}
    .esri-menu__list-item {border-left:none;}
    .esri-search__submit-button {background-color:#232323; color:#ffffff; width:30px; height:30px; border-radius:50%; margin-left:10px;}
    .esri-search__submit-button:is(:hover, :focus) {background-color:#e61e50; color:#ffffff;}
    .esri-search__clear-button {background-color:#232323; color:#ffffff; width:30px; height:30px; border-radius:50%; margin-left:10px;}
    .esri-search__clear-button:is(:hover, :focus) {background-color:#e61e50; color:#ffffff;}

    #resultsSearchTitle {display:block; font-weight:bold; margin-bottom:10px;}
    #resultsSearchTitle:not(:first-child) {margin-top:30px;}
    #resultsSearchValue {background:#f2f2f2; padding:20px; border-radius:15px; text-decoration:none; color:#232323;}
    #resultsSearchValue strong {line-height:1.6;}
    #resultsSearchValue a {box-shadow:inset 0 -1px 0 0 #b41532; color:#b41532; padding:0 2px;}
    #resultsSearchValue a:is(:hover, :focus) {box-shadow:inset 0 -18px 0 0 #b41532; color:#ffffff;}
    #errorSearch, #noResults {padding:20px; display:none; color:red;}

    #moreInfo {position:absolute; bottom:30px; left:30px;}
    #moreInfo a {box-shadow:inset 0 -1px 0 0 #ffffff; color:#ffffff; padding:0 2px;}
    #moreInfo a:is(:hover, :focus) {box-shadow:inset 0 -18px 0 0 #ffffff; color:#232323;}
    /* #moreInfo {position:absolute; bottom:30px; left:30px;} */
    /* #moreInfo a {display:block; padding:10px 20px; background:#d81e41; color:#ffffff; border-radius:35px; text-decoration:none; transition:0.3s ease-in-out;}
    #moreInfo a:is(:hover, :focus) {background:#b41532;} */

/*** MAP ***/
    #columnMap {/* position:fixed; left:0; top:0; */ width:100%; height:100%; background:url('map_sig.jpg') no-repeat center center / cover; background:#f2f2f2;}
    .esri-ui-top-left {top:auto; bottom:0; left:auto; right:0;}
    .esri-view .esri-view-surface--inset-outline::after {display:none !important;}

/*** RESPONSIVE ***/
    /* Tablette */
        @media screen and (max-width: 1024px) {
            #row {flex-direction:column-reverse;}
            /*** MOTEUR ***/
                #columnSearch {max-width:100%; width:100%; padding:15px 15px 15px 15px; border-radius:0; height:auto; min-height:25%;  max-height:60%; margin-top:auto; overflow-y:auto; flex:0 0 auto  /* box-shadow:inset 0 -50px 0 0 rgba(255, 255, 255, 0.2); */}
                #moreInfo {position:static; margin-top:auto; padding-top:15px;}
                #resultsSearch {margin-top:15px; padding-right:0;}

            /*** MAP ***/
                #columnMap  {height:auto; flex:1 1 0;}
                /* .esri-ui-top-left {top:0; bottom:auto; right:auto; left:0;} */
        }

    /* Mobile */
        @media screen and (max-width: 640px) {

            /*** MOTEUR ***/
                #columnSearch {}
                #searchBar {padding:10px 10px 10px 15px;}
                #labelSearch {font-size:14px;}
                #resultsSearch {}
                #resultsSearchTitle {font-size:14px;}
                #resultsSearchValue {padding:15px; font-size:14px;}
        }

        @media screen and (max-height: 450px) {
            #row {flex-direction:row;}
            #columnSearch {width:50%; height:100%; max-height:100%; max-width:100%; }
            #columnMap  {width:50%; height:100%;}
        }

/*** PRINT ***/
    @media print {
        html, body {overflow:initial; height:auto;}
        body {background:none; padding:30px 0;}
        #row {display:block; height:auto;}
        #columnMap {display:none;}
        #columnSearch {height:auto; width:100%; max-width:650px; margin-left:auto; margin-right:auto; display:block; border-radius:0; color:inherit; background:none; padding:0;}
        #searchBar {background:#f2f2f2;}
        #moreInfo {display:none;}
        #resultsSearchValue {background:none; border:2px dashed #cccccc; page-break-inside:avoid;}
    }