/*
    Created on : 20/ago/2015, 11:24:26
    Author     : mafonso
*/
/*
 * Main color: #168194
 */
html, body {
    border: 0;
    margin: 0;
    height: 100%;
    overflow: hidden;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/OpenSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/OpenSans-Regular.ttf')  format('truetype')
}

body {
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    -webkit-touch-callout: none;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

.btn-primary {
    color: #fff;
    background-color: #168194;
    border-color: #204d74;
}

.btn-inverse {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

a {
    color: #168194;
    text-decoration: none;
}

a:hover, a:focus {
    text-decoration: none;
}

#help_internet-options h5 {
    font-weight: bold;
}

#cookie_warning {
    padding: 0 10px;
    background-color: yellow;
    color: red;
}

.collapsing {
    -webkit-transition: height .10s ease;
         -o-transition: height .10s ease;
            transition: height .10s ease;
}

.full-height {
    height: 100%;
}

.form-control label {
    border: none;
}

#print-version {
    display: none;
}

#navbar {
    z-index: 45;
    background-color: white;
    height: 40px !important;
}
#navbar .nav > li > a {
    padding: 7px 7px;
}

#navbar .nav-tabs {
    margin-top: 10px;
    height: 31px;
}

#navbar .nav-tabs a {
    text-transform: uppercase;
    color: gray;
    font-size: 88%;
}

#navbar .nav-tabs > li.active > a,
#navbar .nav-tabs > li.active > a:hover,
#navbar .nav-tabs > li.active > a:focus
{
    color: #af403b;
}

#navbar .navbar-form {
    margin-top: 5px;
    margin-bottom: 0;
    padding-right: 0;
}
ul.nav li.dropdown.dropdown-hover:hover ul.dropdown-menu{
    display: block;
}
.dropdown-menu {
    font-size: 12px;
}
#navbar #user > li > a {
    padding: 5px 10px;
    line-height: 1.5;
}

.nav>li>a.btn-primary:hover, .nav>li>a.btn-primary:focus {
    color: white;
    background-color: #168194;
}

#ribbon {
    margin-top: 39px;
    border-bottom: 1px solid #ddd;
    height: 90px;
    z-index: 45;
}

#ribbon .btn {
    width: 80px;
    height: 60px;
    padding: 4px 6px;
    vertical-align: top;
    font-size: 88%;
    white-space: normal;
    border-top: inherit;
    border-left: inherit;
    border-right: none;
    border-bottom: none;
    overflow: hidden;
    float: left;
}

#ribbon .btn-horizontal {
    height: auto;
    padding: 2px 6px;
    text-align: left;
}

#ribbon input, #ribbon select {
    height: 19px;
    padding: 3px 4px;
}

#ribbon select {
    padding: 2px 4px;
}

#ribbon .tab-pane > .btn span.blabel {
    color: black;
}

.navbar-brand,
#ribbon .btn {
    color: #168194;
}

.red {
    color: red !important;
}

#ribbon .category {
    display: table;
    border-right: 1px solid #ddd;
    border-collapse: collapse;
    float: left;
}

#ribbon .category-line {
    display: table-row;
}

#ribbon .category-col {
    display: table-cell;
    padding: 5px 5px 3px 5px;
    height: 74px;
    float: left;
}

#ribbon .category-col-line {
    display: table-cell;
    padding: 1px 0;
}

#ribbon .category-name {
    text-align: center;
    font-size: 11px;
    color: #666;
}

#ribbon label {
    min-width: 80px;
    font-size: 11px;
    margin-bottom: 0;
    color: #168194;
}

#ribbon input, #ribbon select {
    width: 80px;
    font-size: 11px;
    margin-bottom: 0;
    color: #168194;
    border: 1px solid #168194;
}

#ribbon .dropdown-toggle .btn-colorselector {
    width: 100%;
    border: 1px solid #168194;
}

#map {
    position: absolute;
    top: 129px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 35;
    margin: 0 auto;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#map .ol-zoom {
    font-size: 1.2em;
    top: .5em;
    left: inherit;
    right: .5em;
}

#map .ol-attribution {
    text-align: right;
    bottom: 38px;
    right: .5em;
    max-width: calc(100% - 1.3em);
    display: none;
}

#map .ol-scale-line {
    background: #95b9e6;
    background: rgba(0,60,136,.3);
    border-radius: 0;
    bottom: 25px;
    position: absolute;
    left: 340px;
    display: none;
}

#map-footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 24px;
    background-color: white;
    border-top: 1px solid #ddd;
    z-index: 45;
    font-size: 80%;
    line-height: 2em;
}

#map-footer .coords, #map-footer #projection {
    display: inline;
}

#map-footer .action-nav-scale {
    display: inline;
    height: 17px;
    width: 50px;
    padding: 0;
    line-height: 15px;
}

/**
 * The zoomslider in the second map shall be placed between the zoom-in and
 * zoom-out buttons.
 */
#map .ol-control button {
    color: #fff;
    background-color: #168194;
    border-radius: 0;
}
#map .ol-zoom .ol-zoom-in, #map .ol-zoom .ol-zoom-out {
    right: 20px;
    left: auto;
    margin-top: 204px;
}
#map .ol-zoom .ol-zoom-out {
    margin-top: 204px;
}
#map .ol-zoomslider {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    right: 20px;
    left: auto;
    height: 100px;
    padding: 0;
}
#map .ol-zoomslider-thumb {
    background-color: #168194 !important;
}

#map .ol-touch .ol-zoom .ol-zoom-out {
    margin-top: 212px;
}
#map .ol-touch .ol-zoomslider {
    top: 2.75em;
}

#map .ol-zoom-in.ol-has-tooltip:hover [role=tooltip],
#map .ol-zoom-in.ol-has-tooltip:focus [role=tooltip] {
    top: 3px;
}

#map .ol-zoom-out.ol-has-tooltip:hover [role=tooltip],
#map .ol-zoom-out.ol-has-tooltip:focus [role=tooltip] {
    top: 232px;
}

#logo-footer {
    padding-right: 10px;
    position: absolute;
    bottom: 40px;
    right: 10px;
    height: 30px;
    width: 100px;
    z-index: 45;
}

#logo-footer .logo {
    width: 100%;
    max-height: 44px;
}

#newspopup .logo {
    float: right;
    height: 34px;
    margin-right: 20px;
}

#layers .legend {
    font-family: 'Arial', sans-serif;
    font-size: 11px;
    color: #000000;
    overflow-x: hidden;
}

#layers .legend img,
#baselayers .legend img {
    display: block;
}

#layers .legend ul {
    list-style-type: none;
    list-style-image: none;
    padding-left: 0;
}

#layers .legend ul img {
    margin-right: 2px;
    max-height: 22px;
    width: auto;
}

#layers > h4 + div,
#planos > h4 + div{
    margin-left: 5px;
}

#layers .legend ul img,
#planos .legend ul img{
    display: inline;
}

#layers .legend ul .legend-color {
    width: 20px;
    height: 12px;
    display: inline-block;
}

#baselayers-wrapper {
    position: absolute;
    top: 153px;
    right: 20px;
    z-index: 45;
}

#baselayers-wrapper .panel {
    width: 160px;
}

#baselayers-wrapper .panel-heading {
    height: 20px;
}

#baselayers-wrapper .panel-body {
    padding: 0 10px;
}

#baselayers .layer-item:hover {
    background-color: #ddd;
}

#baselayers .list-group-item {
    border: none;
}

#baselayers .radio label, #baselayers .checkbox label {
    padding-left: 0;
}

#column-wrapper {
    position: absolute;
    top: 129px;
    bottom: 0;
    left: 0;
    z-index: 45;
}

.red .blabel {
    color: #168194;
}

#left-column {
    margin-top: -34px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    z-index: 45;
    background-color: white;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
    width: 420px;
    height: 100%;
}

#left-column-toggle {
    position: relative;
    left: 0;
    z-index: 44;
}

#left-column-toggle a {
    background-color: white;
}

#left-column a.layer-list {
    color: #333;
}

#left-column .list-group-item {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ddd;
    padding-left: 0;
}

#left-column .panel-title, #baselayers-wrapper .panel-title {
    font-size: 12px;
}

#left-column .panel-heading, #baselayers-wrapper .panel-heading {
    padding: 4px 15px;
    border-bottom: 1px solid transparent;
}

#left-column .form-horizontal label {
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 2px;
}

#left-column .form-group-sm .form-control {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.3;
    border-radius: 0;
}

#left-column .form-group-sm select.form-control {
    height: 22px;
    line-height: 24px;
}

#left-column .form-horizontal .col-sm-2,
#left-column .form-horizontal .col-sm-3,
#left-column .form-horizontal .col-sm-4,
#left-column .form-horizontal .col-sm-5,
#left-column .form-horizontal .col-sm-6 {
    padding-right: 5px;
}

#left-column .form-horizontal .col-sm-6,
#left-column .form-horizontal .col-sm-7,
#left-column .form-horizontal .col-sm-8,
#left-column .form-horizontal .col-sm-9,
#left-column .form-horizontal .col-sm-10 {
    padding-left: 0;
}

#left-column .form-horizontal .form-group {
    margin-bottom: 2px;
}

#accordion-left .panel-heading {
    color: #168194;
}

#accordion-left .panel-heading a {
    font-weight: bold;
}

#contents-table > .panel-body {
    padding: 0;
}

#accordion-left, #contents-table {
    margin-bottom: 0;
}

#left-column .panel {
    border: 0;
}

#layers .layer-group-label
{
    padding: 5px 0;
    font-size: 1.00em;
    font-weight: 700;
    border-bottom: 2px solid #168194;
}

#layers h5.layer-group-label
{
    padding: 5px 0;
    font-size: 1.00em;
    font-weight: normal;
    border-bottom: 2px solid #168194;
}

#layers h6.layer-group-label
{
    padding: 5px 0;
    font-size: 0.90em;
    font-weight: normal;
    border-bottom: 2px solid #168194;
}

#layers .layer-group-label:hover,
#planos .layer-group-label:hover,
#serviceslayers .layer-group-label:hover
{
    background-color: #ddd;
}

#layers .layer-label,
#planos .layer-label,
#baselayers .layer-label,
#serviceslayers .layer-label
{
    font-size: 12px;
}

#layers .list-group,
#planos .list-group,
#baselayers .list-group,
#serviceslayers .list-group
{
    margin-bottom: 10px;
}

#layers h4,
#planos h4,
#baselayers h4,
#serviceslayers h4,
#layers h5,
#planos h5,
#baselayers h5,
#serviceslayers h5,
#layers h6,
#planos h6,
#baselayers h6,
#serviceslayers h6
{
    margin-top: 0px;
    margin-bottom: 2px;
}

div.subgroups div.subgroups {
    margin-left: 5px;
}

#layers .subgroups .list-group-item,
#planos .subgroups .list-group-item,
#baselayers .list-group-item,
#serviceslayers .list-group-item
{
    padding: 2px 5px;
}

#layers .list-group-item,
#planos .list-group-item,
#baselayers .list-group-item,
#serviceslayers .list-group-item
{
    padding: 2px 5px 2px 0;
}

#layers .list-group-item label,
#planos .list-group-item label,
#serviceslayers .list-group-item label
{
    display: block;
}

#layers .list-group-item:hover label,
#planos .list-group-item:hover label,
#baselayers .list-group-item:hover label,
#serviceslayers .list-group-item:hover label
{
    background-color: #ddd;
}

#layers .list-group-item .details,
#planos .list-group-item .details,
#baselayers .list-group-item .details,
#serviceslayers .list-group-item .details
{
    margin-top: 2px;
    padding-left: 20px;
}

#layers .layer-actions .btn,
#planos .layer-actions .btn,
#serviceslayers .layer-actions .btn
{
    font-size: 80%;
}

#layers .layer-description,
#layers .layer-copyright,
#planos .layer-description,
#planos .layer-copyright,
#serviceslayers .layer-description,
#layers .group-description,
#layers .group-copyright,
#planos .group-description,
#planos .group-copyright,
#serviceslayers .group-description
{
    margin-top: 10px;
    font-size: 11.7px;
}

#layers .checkbox,
#planos .checkbox,
#serviceslayers .checkbox
{
    margin-top: 2px;
}

#layers .details .layer-switcher-attachments,
#planos .details .layer-switcher-attachments {
    padding-left: 0;
}
#layers .attachment,
#planos .attachment{
    font-size: 11px;
}

.slider.slider-horizontal {
    width: 50px;
    height: 20px;
}

.slider-handle {
    width: 12px;
    height: 12px;
    background-color: #168194;
    background-image: -webkit-linear-gradient(top, #168194 0%, #168194 100%);
    background-image: -o-linear-gradient(top, #168194 0%, #168194 100%);
    background-image: linear-gradient(to bottom, #168194 0%, #168194 100%);
}

.layer-item .slider {
    float: right;
}

#left-column .app-title {
    padding: 5px 0;
    font-size: 1.00em;
    font-weight: 700;
    border-bottom: 2px solid #168194;
    margin-top: 0px;
    margin-bottom: 2px;
}

#map-footer .loading {
    color: black;
    font-weight: bold;
}

#search-results {
    margin-top: 10px;
    font-size: 11px;
    overflow-y: auto;
}

#search-results .no-results {
    padding-top: 10px;
}

#search-results .no-results span {
    font-size: 100%;
}

#search-results .list-group {
    margin-bottom: 0;
}

#search-results .list-group-item {
    padding: 2px 5px;
}

#search-results .list-group-item:hover label {
    background-color: #ddd;
}

#search-results .details {
    padding-left: 20px;
}

#search-results .details table, #search-results .feature-actions {
    margin-top: 4px;
}

#search-results .feature-label {
    padding-top: 3px;
}

#popupSearch {
    background-color: #ffffff;
    z-index: 101;
    position: absolute;
    bottom: 20px;
    left: -175px;
    width: 351px;
    max-height: 351px;
    border: 1px solid #eeeeee;
    padding: 10px;
    box-shadow: 3px 3px 2px #a0a0a0;
    -webkit-user-select: all;
    -khtml-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

#popupSearch .close {
    margin-top: -10px;
    margin-right: -10px;
}

#popupSearch .content {
    overflow-y: auto;
    max-height: 330px;
}

#popupSearch .arrow {
    position: absolute;
    bottom: 0;
    left: 149px;
    color: white;
    background-color: transparent;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#popupSearch .arrow .caret {
    border-top: 20px dashed;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}

#popupSearch .pag {
    position: relative;
    top: -22px;
}

#editing-record .pager, #search-results .pager {
    margin: 10px auto 0 auto;
}

#feature-info-options #search-results {
    margin-top: 0;
}

#feature-info-options #search-results .feature-label {
    font-size: 16px;
}

#feature-info-options #search-results .details {
    padding-left: 0;
}

#editing-record .pager li > a,
#editing-record .pager li > span,
#search-results .pager li > a,
#search-results .pager li > span {
    border-radius: 0;
}

#editing-record .pagination-sm > li > a,
#editing-record .pagination-sm > li > span,
#search-results .pagination-sm > li > a,
#search-results .pagination-sm > li > span {
    padding: 5px 5px;
    font-size: 10px;
    line-height: 1.3;
}

#filter-geometry-options .geometry-theme-toggle {
    position: relative;
    top: -22px;
    right: -15px;
    float: right;
    padding: 1px 3px;
}

#left-column .ajuda li {
    font-size: 85%;
}

#filter-location-options h4, #filter-general-options h4 {
    padding: 2px 0;
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 2px;
    cursor: pointer;
}

.tools-tooltip {
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    color: white;
    padding: 4px 8px;
    opacity: 0.7;
    white-space: nowrap;
}
.tools-tooltip-measure {
    opacity: 1;
    font-weight: bold;
}
.tools-tooltip-static {
    background-color: #ffcc33;
    color: black;
    border: 1px solid white;
}
.tools-tooltip-measure:before,
.tools-tooltip-static:before {
    border-top: 6px solid rgba(0, 0, 0, 0.5);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    margin-left: -7px;
    left: 50%;
}
.tools-tooltip-static:before {
    border-top-color: #ffcc33;
}

#tools-wgs84dms-options input, #tools-wgs84dms-options select {
    padding: 2px !important;
    width: 37px;
    display: inline-block;
}

#tools-wgs84dms-options select {
    width: 45px;
    position: relative;
    top: 1px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 2px;
}

#editing-options table td + td {
    width: 30px;
}

#editing-record-form label {
    margin-bottom: 2px;
    font-size: 11px;
}

#editing-record-form .form-group {
    margin-bottom: 5px;
}

#left-column .form-horizontal label.upload {
    padding-top: 1px;
    padding-bottom: 1px;
}

div.bootstrap-datetimepicker-widget {
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

div.bootstrap-datetimepicker-widget .table-condensed>thead>tr>th,
div.bootstrap-datetimepicker-widget .table-condensed>tbody>tr>th,
div.bootstrap-datetimepicker-widget .table-condensed>tfoot>tr>th,
div.bootstrap-datetimepicker-widget .table-condensed>thead>tr>td,
div.bootstrap-datetimepicker-widget .table-condensed>tbody>tr>td,
div.bootstrap-datetimepicker-widget .table-condensed>tfoot>tr>td {
    padding: 0 3px;
    border-radius: 0;
}

#explorer {
    font-size: 90%;
}

#explorer tbody tr {
    cursor: pointer;
}

#explorer tbody td {
    overflow: hidden;
}

#explorer tbody tr > td:first-child {
    width: 20px;
}
#explorer tbody tr > td:first-child+td+td {
    width: 125px;
}
#explorer tbody tr > td:first-child+td+td+td {
    width: 60px;
}
#explorer tbody tr > td:first-child+td+td+td+td {
    width: 70px;
}

#editing-record-form input + button.explorer {
    position: relative;
    top: -22px;
}

#editing-table-options table label {
    font-weight: normal;
    font-size: 11px;
}

#editing-table-records table td > label {
    cursor: pointer;
}

#baselayers-wrapper .baselayers-toggle {
    position: absolute;
    top: 0;
    right: 0;
}

#services-options .nav > li > a {
    padding: 7px 7px;
}

#services-options .nav-tabs {
    margin-top: 10px;
    height: 31px;
}

#services-options .nav-tabs a {
    text-transform: uppercase;
    color: gray;
    font-size: 88%;
}

#services-options .nav-tabs > li.active > a,
#services-options .nav-tabs > li.active > a:hover,
#services-options .nav-tabs > li.active > a:focus
{
    color: #af403b;
}

#serviceslayers {
    margin-top: 15px;
}
/*
#services-options #userList {
    list-style-type: none;
    padding-left: 10px;
}
*/
#services-options .list-group-item {
    position: relative;
    display: block;
    padding: 5px 5px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 11px;
}

#services-options .list-group-item .details {
    padding-left: 15px;
}

#services-options .details .slider {
    float: right;
}

#services-options #servicelegend {
    overflow: auto;
}

#popupInfo, #popupSearch {
    background-color: #ffffff;
    z-index: 101;
    position: absolute;
    bottom: 20px;
    left: -175px;
    min-width: 351px;
    max-height: 351px;
    border: 1px solid #eeeeee;
    padding: 10px;
    box-shadow: 3px 3px 2px #a0a0a0;
    -webkit-user-select: all;
    -khtml-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
}

#popupInfo .close, #popupSearch .close {
    margin-top: -10px;
    margin-right: -10px;
}

#popupInfo .content, #popupSearch .content {
    overflow-y: auto;
    max-height: 330px;
}

#popupInfo .arrow, #popupSearch .arrow {
    position: absolute;
    bottom: 0;
    left: 149px;
    color: white;
    background-color: transparent;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#popupInfo .arrow .caret, #popupSearch .arrow .caret {
    border-top: 20px dashed;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}

.modal-backdrop.in {
    opacity: .8;
    filter: alpha(opacity=50);
}

.modal-header h4 {
    color: #168194;
}

.form-group .twitter-typeahead {
    width: 100%;
}

// Confrontation
#confrontation-options select[multiple] {
    height: auto !important;
}

#confrontation-options .nav-tabs > li.active > a, #navbar .nav-tabs > li.active > a:hover, #navbar .nav-tabs > li.active > a:focus {
    color: #af403b;
}
#confrontation-options .nav > li > a {
    padding: 7px 7px;
}
#confrontation-options .nav-tabs a {
    text-transform: uppercase;
    color: gray;
    font-size: 88%;
}

#confrontation-options .form-group-sm select {
    height: auto;
    line-height: 24px;
}

#confrontation-list table {
    font-size: 12px;
}

#confrontation-options ol {
    padding: 0 15px;
}

#confrontation-search-results {
    margin-top: 10px;
    font-size: 11px;
    overflow-y: auto;
}

#confrontation-search-results a {
    color: #333;
}

#confrontation-search-results .no-results {
    padding-top: 10px;
}

#confrontation-search-results .no-results span {
    font-size: 100%;
}

#confrontation-search-results .list-group {
    margin-bottom: 0;
}

#confrontation-search-results .list-group-item {
    padding: 2px 5px;
}

#confrontation-search-results .list-group-item .subtheme {
    font-size: 13px;
}

#confrontation-search-results .list-group-item .theme {
    padding-top: 5px;
    font-size: 13px;
    font-weight: 700;
}

#confrontation-search-results .list-group-item:hover label {
    background-color: #ddd;
}

#confrontation-search-results .details {
    padding-left: 20px;
}

#confrontation-search-results .details table, #search-results .feature-actions {
    margin-top: 4px;
}

#confrontation-search-results .feature-label {
    padding-top: 3px;
}

#confrontation-search-results .color {
    display: inline-block;
    width: 20px;
    height: 14px;
    margin-bottom: -4px;
}

#confrontation-search-results table.table-striped {
    font-size: 90%;
}

#confrontation-search-results .confrontation-chart {
    width: 140px;
    height: 120px;
}

#confrontation-create .action-confrontation-draw-line {
    width: 106px;
}

#confrontation-create .action-confrontation-draw-polygon {
    width: 107px;
}

#confrontation-create .action-confrontation-isrs {
    width: 149px;
    height: 22px;
}

#sobedesce-options .nav > li > a {
    padding: 7px 7px;
}

#sobedesce-options .nav-tabs a {
    text-transform: uppercase;
    color: gray;
    font-size: 88%;
}

#sobedesce_start_options,
#sobedesce_end_options
{
    cursor: pointer;
}

#sobedesce-options form .help-block {
    font-size: 90%;
    color: #337ab7 !important;
}
#sobedesce_end_options, #sobedesce_start_options {
    overflow-y: scroll;
    z-index: 2000;
    padding: 5px 10px;
    font-size: 12px;
}

#sobedesce-options .togglelayers .layer2.active {
    background-color: rgb(40, 96, 144);
}

#sobedesce-options .togglelayers .layer1.active {
    background-color: rgb(217, 83, 79);
}

#sobedesce-options .togglelayers .layer1,
#sobedesce-options .togglelayers .layer2
{
    background-color: #909090;
}


#fixmystreet-options .nav > li > a {
    padding: 7px 7px;
}

#fixmystreet-options .nav-tabs a {
    text-transform: uppercase;
    color: gray;
    font-size: 88%;
}

#fixmystreet-options legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 5px;
    padding-top: 10px;
    font-size: 9px;
    font-style: italic;
    line-height: inherit;
    color: #168194;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

#fixmystreetinfo .action-btn {
    width: 100%;
    display: table;
}

#fixmystreetinfo .action-btn div {
    display: table-cell;
}

#fixmystreetinfo .action-btn div:first-child {
    width: 40px;
}

#fixmystreetcreate #street_options {
    height: auto;
    border: 1px solid #ccc;
    border-top: 0;
    cursor: pointer;
}

#fixmystreetcreate #street_options option:hover {
    background-color: #e0e0e0;
}

#fixmystreetcreate .v {
    font-size: 11px;
    font-style: italic;
}

#fixmystreet-options .file_label {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

#left-column form .help-block {
    font-size: 85%;
    margin-top: 0;
    margin-bottom: 0;
}

#mouse-coords {
    display: inline;
}

/* Tablets */
@media (min-width: 768px) and (max-width: 992px) {
    #left-column {
        width: 320px;
    }
}

/* Mobile */
@media ( max-width: 768px ) {

    .navbar-toggle {
        padding: 7px 10px;
        margin: 0;
        float: left;
        background-color: #168194;
        color: white;
    }
    .navbar-form {
        padding: 0;
        margin: 0;
        border: 0;
        display: block;
    }
    .navbar-form input {
        background-color: #fff;
    }
    .navbar {
        min-height: 34px;
        margin-bottom: 0;
    }
    #navbar {
        border: 0;
    }
    #ribbon {
        display: none;
    }
    #map {
        top: 0;
        height: 100%;
    }
    #baselayers-wrapper {
        top: 34px;
        right: 15px;
        display: none;
    }
    #column-wrapper {
        top: 0;
        padding-top: 34px;
        height: 100%;
        width: 260px;
    }
    #map-footer {
        top: inherit;
        bottom: 0;
    }
    #logo-footer {
        display: block;
        top: inherit;
        bottom: 30px;
        right: 0;
        width: 60px;
    }

    #left-column {
        margin-top: 0;
        width: auto;
    }

    #popupInfo {
        min-width: 300px;
        width: 300px;
    }
    #popupInfo .content {
        width: 300px;
    }
    #filter-general-options form {
        display: none;
    }
}

.blink-text {
    animation: 0.5s blinker linear infinite;
    -webkit-animation: 0.5s blinker linear infinite;
    -moz-animation: 0.5s blinker linear infinite;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}