@font-face { 
	font-family: "MuseoLight";
	src: url("fonts/Museo300-Regular.eot");
	src: local("Museo 300"), local("Museo-300"),
		url("fonts/Museo300-Regular.woff") format("woff"),
		url("fonts/Museo300-Regular.otf") format("opentype"),
		url("fonts/Museo300-Regular.svg#Museo-300") format("svg");
	}

html
{
   height: 100%;
}

body
{
   height: 100%;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

.btn-danger
{
   border-color: black;
}

.modal-header, .modal-footer
{
   padding: 10px;
   color: #333333;
   background-color: #efefef;
   margin-top: 0;
}

.btn
{
   padding: 3px 6px;
   border-radius: 0;
}

.menubar > li > div
{
   padding-top: 5px;
   padding-left: 8px;
   padding-bottom: 5px;
   color: #333333;
}
.minicolors-panel {
   width: 152px;
}
.navbar
{
   min-width: 650px;
   margin-bottom: 0px !important;
   min-height: 15px;
   background-color: #ffffff;
   border-top: 0;
   border-left: 0;
   border-right: 0;
   border-bottom: 1px solid black;
   border-radius: 0px;
}

.navbar-left
{
   float: left!important;
}

.menubar
{
   margin-bottom: 5px;
   -webkit-padding-start: 0px;
}

   .menubar > li
   {
      float: left;
      position: relative;
      display: block;
      box-sizing: border-box;
      text-align: -webkit-match-parent;
      list-style: none;
      padding-top: 5px;
      color: lightgrey;
   }

      .menubar > li > div > a:hover
      {
         text-decoration: none;
      }

      .menubar > li > div > a
      {
         padding-top: 7px;
         padding-left: 10px;
         padding-bottom: 5px;
         color: #333333;
      }

.glyphicon
{
   color: #333333;
}

.navbar-default .navbar-nav > li > a:hover
{
   color: white;
}

.navbar-toggle
{
   padding-top: 4px;
   padding-right: 2px;
   padding-bottom: 4px;
   padding-left: 2px;
   margin-top: 4px;
   margin-bottom: 4px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
   border: 1px solid #666;
   background-color: #eee;
   font-weight: bold;
   color: #555;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a
{
   color: #333333;
   background-color: #e1e1e1 !important;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav
{
   height: 235px;
}

#map-canvas
{
   height: 100%;
}

#sel
{
   padding-left: 20px;
}

.glyphicon
{
   margin-top: 2px;
   margin-right: 5px;
}

.hidden
{
   display: none;
}

#optionDiv
{
   background-color: transparent;
   position: absolute;
   top: 37px;
   left: -1px;
   height: 100%;
}

.ui-widget-content
{
   background-color: #ffffff;
   color: #333333;
   box-shadow: 5px 0px 5px 1px #000000;
   box-shadow: 5px 0px 5px 1px rgba(0,0,0,.45);
}

#overlay
{
   height: 100%;
   width: 100%;
   position: fixed;
   left: 0;
   top: 0;
   z-index: 6000;
}

.fuzz
{
   background-color: white;
   opacity: 0.99;
   height: 100%;
   width: 100%;
   position: fixed;
   left: 0 !important;
   top: 0 !important;
}

.picker, .picker:active, .picker:focus
{
   padding: 0;
   width: 200px;
   color: lightgray;
   margin-bottom: 8px;
   border: none;
}

.colpick_submit
{
   top: 121px;
}

.modal-content
{
   -webkit-box-shadow: 5px 5px 5px 1px rgba(0,0,0,.45);
   box-shadow: 5px 5px 5px 1px rgba(0,0,0,.45);
}

.colpick_dark
{
   background-color: #333333 !important;
}

   .colpick_dark .colpick_field input, .colpick_dark .colpick_hex_field input
   {
      background-color: white;
      color: black;
   }

   .colpick_dark .colpick_field, .colpick_dark .colpick_hex_field
   {
      background: white;
      border-color: white;
   }

.colpick_hex_field
{
   display: none;
}

.colpick_dark .colpick_field_letter, .colpick_dark .colpick_submit, .colpick_dark .colpick_submit:hover
{
   background: white;
   border-color: white;
   color: black;
}

.colpick_color_overlay1, .colpick_color_overlay2
{
   background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
}

.colpick_hue_larr
{
   border-left: 7px solid lightgrey;
}

.colpick_hue_rarr
{
   border-right: 7px solid lightgrey;
}

.picker:hover
{
   color: white;
}

#overlay > div
{
   display: block;
   padding-top: 5%;
   margin: 0 auto;
   font-size: 20px;
   color: #737373;
}

   #overlay > div > span
   {
      margin: 0 auto;
      display: block;
      position: relative;
      text-align: center;
   }

.ui-tabs.ui-tabs-vertical
{
   padding: 0;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   width: 42em;
   height: 100%;
   border-right: 1px solid #333;
}

   .ui-tabs.ui-tabs-vertical .ui-widget-header
   {
      border: none;
   }

   .ui-tabs.ui-tabs-vertical .ui-tabs-nav
   {
      float: left;
      width: 10em;
      border-radius: 4px 0 0 4px;
      border-right: 2px solid #c9c8c8;
      height: 100%;
      background: #f5f5f5;
      padding-top: 10px;
   }

      .ui-tabs.ui-tabs-vertical .ui-tabs-nav li
      {
         right: -8px;
         border-radius: 0;
         background-color: #e1e1e1;
         clear: left;
         width: 90%;
         margin: 0.2em 0;
         border: 1px solid #c9c8c8 !important;
         overflow: hidden;
         position: relative;
         z-index: 2;
      }

.ui-widget-header
{
   color: #333333;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a
{
   background-color: white;
   color: #333333;
   display: block;
   width: 100%;
   font-size: 13px;
   padding: 0.6em 1em;
}

   .ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover
   {
      cursor: pointer;
   }

.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active
{
   margin-bottom: 0.2em;
   padding-bottom: 0;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav li:last-child
{
   margin-bottom: 10px;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-panel
{
   float: left;
   max-width: 21em;
   margin-top: 22px;
   border-radius: 0;
   position: relative;
   left: -1px;
   box-shadow: none;
   min-width: 323px;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-panel, .ui-tabs.ui-tabs-vertical
{
   width: auto;
}

.picker > span
{
   background-color: #e1e1e1;
   color: #333333;
   text-align: left;
   width: 150px;
   float: right;
   padding: 5px;
}

.textOption > select
{
   width: 150px;
   margin-left: 12px;
}

.textOption
{
   padding-top: 5px;
   padding-bottom: 5px;
}

.closeBtn
{
   background-color: rgb(168, 16, 16);
   color: lightgrey;
   text-align: center;
   display: inline-block;
   float: right;
   border-radius: 5px;
   min-width: 70px;
   margin-right: 5px;
}

#optionsLabelDiv
{
   padding-bottom: 5px;
   display: inline-block;
   text-align: center;
   width: 100%;
}

   #optionsLabelDiv > hr
   {
      margin-top: 4px;
      margin-bottom: 4px;
      text-align: center;
   }


.pointer, .selectableAddress, .selectableNb
{
   cursor: pointer;
}

.showMlsLabelsText {
    float: right;
    padding-left: 4px;
    margin-top: 1px;
}

#multipleAddressTable, #editNbSelector
{
   border-left: 1px solid lightgray;
   border-right: 1px solid lightgray;
   border-top: 1px solid lightgray;
}


.selectableAddress, .selectableNb
{
   padding: 5px;
   border-bottom: 1px solid lightgrey;
}


   .selectableAddress:hover, .selectableNb:hover
   {
      background-color: lightgreen;
   }


.modal
{
   display: block;
   z-index: 7000;
}

.close
{
   font-size: 30px;
}

.colorpicker_submit
{
   background-color: #ee5c05;
   color: #ffffff;
   cursor: pointer;
   font: -webkit-small-control;
   font-weight: bold;
   padding-top: 2px;
   font-size: 14px;
}

#staticImageFailueInfo
{
   border: 1px solid lightgray;
   padding: 3px;
   background-color: lightyellow;
   margin-top: 5px;
}

.modal-dialog
{
   margin: 50px auto;
}

.aciBtn
{
   border: 0;
   color: #fff;
   padding: 3px;
   padding-left: 8px;
   margin-top: -3px;
   padding-right: 8px;
   cursor: pointer;
   font-weight: bold;
}

.aciBtn:hover {
   color: #FFFFFF;
}

.orange
{
   background-color: #FF7900;
   color: #FFFFFF;

}

.orange:hover {
   background-color: #EE5C05 !important;
}

.grey
{
   background-color: #A7A7A7;
}

.grey:hover {
   background-color: #787878;
}

.optionBtnRight
{
   float: right;
   margin-right: 4px;
}

.arrow-right
{
   position: absolute;
   width: 10px;
   left: 117px;
   top: 8px;
   height: 10px;
   border-top: 8px solid transparent;
   border-bottom: 8px solid transparent;
   border-left: 8px solid #f5f5f5;
}

.colorpicker
{
   background: url('../Images/colorpicker_background_w.png');
   z-index: 7000;
}

.colorpicker_new_color
{
   left: 209px;
}

.colorpicker_rgb_r,
.colorpicker_rgb_g,
.colorpicker_rgb_b
{
   background-color: white;
   border: 1px solid #333333;
   left: 208px;
}

.colorpicker input
{
   background-color: transparent;
   color: #333333;
}

.colorpicker_rgb_r
{
   background-image: url(../Images/colorpicker_rgb_r_w.png);
}

.colorpicker_rgb_g
{
   background-image: url(../Images/colorpicker_rgb_g_w.png);
}

.colorpicker_rgb_b
{
   background-image: url(../Images/colorpicker_rgb_b_w.png);
}

.colorpicker_hue
{
   left: 168px;
}

#streetViewButton:hover {
   border: 2px solid #4E80CD;
   outline: none;
   box-shadow: 0 0 10px #4E80CD;
}

textarea:focus {
      border: 2px solid #4E80CD;
   outline: none;
   box-shadow: 0 0 1px #4E80CD;
}

.canvas-container
{
   position: absolute !important;
   top: 0;
   left: 0;
}

.staticSize {
   width: 727px !important;
   height: 1145px !important;
}

.mlsStaticSize {
   
}

   .progress {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    margin-top: 20px;
    width: 200px;
      height: 16px;

      border-radius: 0;
   }


   #loadingMsg, #SavingMsg {
      z-index: 5000;
      padding-top: 60px;
      width: 300px;
   }

   #loadingMsg {
      margin-left: -34px;
   }

   #SavingMsg {
      margin-left: -31px;
   }

   .progress-bar-warning {
      background-color: #EE5C05;
      }

   #nbDiv {
      left: 12.986114501953125px;
      top: 51.986114501953125px;
      width: 300px;
      height: 507px;
      overflow: hidden;
      overflow-y: hidden;
   }

   /* NeighborHoodBoundaries */
      #nbDiv .modal-dialog
   {
         width: 300px;
         margin: 0;
   }
      #nbDiv .modal-body {
         padding: 10px;
      }
   #nbEditor
   {
      width: 275px;
   }

   #nbSelect
   {
      width: 25px;
      height: 25px;
   }

   #nbName
   {
      padding: 0;
      padding-left: 4px;
   }

   .nbHeader {
      width: 300px;
      padding-left: 5px;
      padding-top: 3px;
      padding-bottom: 3px;
   }

   .nbHeaderTop {
      border-bottom: 1px solid #333;
   }

   .nbHeaderBottom {
      border-top: 1px solid #333
   }

   #templateSelector {
      z-index: 7000;
      position: absolute;
      background-color: #efefef;
      border: 1px solid #333;
      max-height: 500px;
      overflow-y: auto;
      overflow-x: hidden;
   }
   #templateSelector ul {
      padding-left: 20px;
      list-style: none;
      margin-bottom: 0;
      width: 300px;
   }
   .templateItem, .boundaryItem {
      background-color: white;
      padding: 3px;
      border-bottom: 1px solid lightgrey;
   }
   .templateItem:hover, .boundaryItem:hover
   {
      background-color: #C0DDFC;
   }
   .minicolors-swatch-color {
      border: solid 1px #ccc;
      cursor: pointer;
   }

   #outlinePickerDiv
   {
      position: absolute;
      left: 55px;
      top: 242px;
   }
   #fillPickerDiv {
            position: absolute;
      left: 55px;
      top: 169px;
   }

   .nbRow
   {
      padding: 5px;
      margin-top: 15px;
   }

   .bordered
   {
      border: 1px solid lightgrey;
      padding-top: 15px;
      padding-bottom: 15px;
   }

   .borderdLabel
   {
      margin-top: -25px;
      background-color: #ffffff;
      width: 32px;
      margin-left: 5px;
      padding-bottom: 9px;
   }

   .ui-slider
   {
      position: relative;
      text-align: left;
      box-shadow: none !important;
      border-radius: 0 !important;
   }

      .ui-slider .ui-slider-handle
      {
         position: absolute;
         z-index: 2;
         width: 10px;
         height: 18px;
         cursor: default;
      }

   .ui-slider .ui-slider-range
   {
      position: absolute;
      z-index: 1;
      font-size: .7em;
      display: block;
      border: 0;
      background-position: 0 0;
   }

   .ui-slider-horizontal
   {
      height: 3px !important;
   }

      .ui-slider-horizontal .ui-slider-handle
      {
         top: -8px !important;
         margin-left: -.6em;
         background-color: lightgrey;
         border-radius: 0;
      }

      .ui-slider-horizontal .ui-slider-range
      {
         top: 0;
         height: 100%;
      }

      .ui-slider-horizontal .ui-slider-range-min
      {
         left: 0;
      }

      .ui-slider-horizontal .ui-slider-range-max
      {
         right: 0;
      }

   .ui-slider-vertical
   {
      width: .8em;
      height: 100px;
   }

      .ui-slider-vertical .ui-slider-handle
      {
         left: -.3em;
         margin-left: 0;
         margin-bottom: -.6em;
      }

      .ui-slider-vertical .ui-slider-range
      {
         left: 0;
         width: 100%;
      }

      .ui-slider-vertical .ui-slider-range-min
      {
         bottom: 0;
      }

      .ui-slider-vertical .ui-slider-range-max
      {
         top: 0;
      }

      .nbInput {
         left: 60px;
         position: absolute;
         width: 195px;
         height: 22px;
      }
      #templateButton {
         position: absolute;
         left: 253px;
         height: 24px;
         margin-top: -1px;
         font-size: 10px;
      }

      /* NeighborhoodBoundaries end */


    /* Spinner */


       .spinner {
      margin: 100px auto;
      width: 40px;
      height: 40px;
      position: relative;
    }


    .container1 > div, .container2 > div, .container3 > div {
      width: 6px;
      height: 6px;
      background-color: #ee5c05;
      
      border-radius: 100%;
      position: absolute;
      -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
      animation: bouncedelay 1.2s infinite ease-in-out;
      /* Prevent first frame from flickering when animation starts */
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }


    .spinner .spinner-container {
      position: absolute;
      width: 100%;
      height: 100%;
    }


    .container2 {
      -webkit-transform: rotateZ(45deg);
      transform: rotateZ(45deg);
    }


    .container3 {
      -webkit-transform: rotateZ(90deg);
      transform: rotateZ(90deg);
    }


    .circle1 { top: 0; left: 0; }
    .circle2 { top: 0; right: 0; }
    .circle3 { right: 0; bottom: 0; }
    .circle4 { left: 0; bottom: 0; }


    .container2 .circle1 {
      -webkit-animation-delay: -1.1s;
      animation-delay: -1.1s;
    }


    .container3 .circle1 {
      -webkit-animation-delay: -1.0s;
      animation-delay: -1.0s;
    }


    .container1 .circle2 {
      -webkit-animation-delay: -0.9s;
      animation-delay: -0.9s;
    }


    .container2 .circle2 {
      -webkit-animation-delay: -0.8s;
      animation-delay: -0.8s;
    }


    .container3 .circle2 {
      -webkit-animation-delay: -0.7s;
      animation-delay: -0.7s;
    }


    .container1 .circle3 {
      -webkit-animation-delay: -0.6s;
      animation-delay: -0.6s;
    }


    .container2 .circle3 {
      -webkit-animation-delay: -0.5s;
      animation-delay: -0.5s;
    }


    .container3 .circle3 {
      -webkit-animation-delay: -0.4s;
      animation-delay: -0.4s;
    }


    .container1 .circle4 {
      -webkit-animation-delay: -0.3s;
      animation-delay: -0.3s;
    }


    .container2 .circle4 {
      -webkit-animation-delay: -0.2s;
      animation-delay: -0.2s;
    }


    .container3 .circle4 {
      -webkit-animation-delay: -0.1s;
      animation-delay: -0.1s;
    }


    @-webkit-keyframes bouncedelay {
      0%, 80%, 100% { -webkit-transform: scale(0.0) }
      40% { -webkit-transform: scale(1.0) }
    }


    @keyframes bouncedelay {
      0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
      } 40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
    }

    /* spinner end */