/**
 * The MIT License (MIT)
 *
 * Copyright (c) Camptocamp SA
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of
 * this software and associated documentation files (the "Software"), to deal in
 * the Software without restriction, including without limitation the rights to
 * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 * the Software, and to permit persons to whom the Software is furnished to do so,
 * subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
 * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
 * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
 * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
 * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */

 :root {
     --main-bg-color: #C9F1FF;
     --link-hover-color: #000000;
     --link-color: #000000;
     --main-bg-color-08: #e0f6fd;
     --main-bg-color-09: #e0f6fd;
     --brand-primary: #079fcb;
 }
    html {
        gmf-search .gmf-search {
        width: 24rem;
        }
        gmf-editfeature .gmf-editfeature {display: none}
        .flex-row {
          height:45px;
          }
    }

    body {
        padding-top: 95px; #60px;
    }
    html, body {
        margin: 0;
    }

     header {
      height: 95px; #60px;
      background: url('../images/cartobroye/banner_cartobroye.jpg') left top no-repeat;
      .logo {

        span {
          left: 19.5rem;
          position: absolute;
          bottom: 0.2rem;
        }
        span::before {
          content: 'by Cartobroye';
        }
      }
    }

     .gmf-app-data-panel {background-color: #C9F1FF}
     .gmf-app-tools {background-color: #C9F1FF}
     .gmf-app-tools .gmf-app-bar {background-color: #2dc8f7}
     .gmf-app-tools .gmf-app-bar .btn {background-color: #2dc8f7}
     .btn-group-vertical .btn .active {background-color: #7f322f; border-left: 1px solid #7f322f}
     .btn-primary {background-color: #7f322f}
     .btn-primary:hover {background-color: #7f322f}
     .gmf-app-tools .gmf-app-tools-content .ui-resizable-w {background-color: #2dc8f7}

     .gmf-app-data-panel .ui-resizable-e {
     background-color: #2dc8f7;
     border-left: 0.06rem solid #C9F1FF;
     border-right: 0.06rem solid #C9F1FF;
     }

    .btn .btn-default {
        border-color: #2dc8f7;
    }
    .btn.prime {
        background-color: #2dc8f7;
        border-color: #2dc8f7;
        color: white;
    }

    .btn.prime:hover, .btn.prime.active {
        background-color: #C9F1FF;
        border-color: #C9F1FF;
    }

     a {
     color: #2dc8f7;
     text-decoration: none;
     background-color: transparent;
     }
     a:hover {
     color: #C9F1FF;
     text-decoration: underline;
     }

     .gmf-app-tools .gmf-app-bar .btn:hover {
     background-color: #C9F1FF;
     }

     .gmf-app-tools .gmf-app-bar .btn-group-vertical .btn.active {
     background-color: #C9F1FF;
     border-left: 0.06rem solid #C9F1FF;
     margin-left: -0.06rem;
     }

    .loading-mask img {
            width: 403px;
    }
     .spinner-loading-mask {
        color: #2dc8f7;
        font-size: 4em;
      }

    .banner-left  {
         width: 303px;
    }
    .banner-left img {
            display: block;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
#            background: url(../images/moudon/moudon.png) left top no-repeat;
            width: 303px;
            height:95px; #60px;
            padding-left: 303px;
    }

    .banner-center {
        position: absolute;
        top: 0px;
        left: 303px;
        width: 100%;
        height: 95px; #60px;
        border:none;
        overflow: hidden;
    }

    .banner-right  {
         position:absolute;
         top:  0px;
         right: 0px;
         float: right;
         width: 298px;
         height: 58px;
    }

    .offset-info-icon {
      position: absolute;
    }

    .offset-info-icon {
      position: absolute;
    }

    img {
      vertical-align: middle;
      border-style: none;
    }