/**
 * 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_pro.png') 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; 
	}