/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
* or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the top of the
* compiled file, but it's generally better to create a new file per style scope.
*
*/
.ol-box{box-sizing:border-box;border-radius:2px;border:2px solid #00f}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:rgba(0,60,136,.3);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid #eee;border-top:none;color:#eee;font-size:10px;text-align:center;margin:1px;will-change:contents,width}.ol-overlay-container{will-change:left,right,top,bottom}.ol-unsupported{display:none}.ol-viewport .ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-control{position:absolute;background-color:rgba(255,255,255,.4);border-radius:4px;padding:2px}.ol-control:hover{background-color:rgba(255,255,255,.6)}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}@media print{.ol-control{display:none}}.ol-control button{display:block;margin:1px;padding:0;color:#fff;font-size:1.14em;font-weight:700;text-decoration:none;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:rgba(0,60,136,.5);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;font-size:1.2em;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:focus,.ol-control button:hover{text-decoration:none;background-color:rgba(0,60,136,.7)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em)}.ol-attribution ul{margin:0;padding:0 .5em;font-size:.7rem;line-height:1.375em;color:#000;text-shadow:0 0 2px #fff}.ol-attribution li{display:inline;list-style:none;line-height:inherit}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button,.ol-attribution ul{display:inline-block}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution.ol-logo-only ul{display:block}.ol-attribution:not(.ol-collapsed){background:rgba(255,255,255,.8)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0;height:1.1em;line-height:1em}.ol-attribution.ol-logo-only{background:0 0;bottom:.4em;height:1.1em;line-height:1em}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-logo-only button,.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:inline-block}.ol-overviewmap .ol-overviewmap-map{border:1px solid #7b98bc;height:150px;margin:2px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:1px;left:2px;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:rgba(255,255,255,.8)}.ol-overviewmap-box{border:2px dotted rgba(0,60,136,.7)}
/*!
* jQuery UI CSS Framework 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/category/theming/
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/
*/
/*
*/
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
border: 1px solid #dddddd/*{borderColorContent}*/;
background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
color: #333333/*{fcContent}*/;
}
.ui-widget-header {
border: 1px solid #dddddd/*{borderColorHeader}*/;
background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
color: #333333/*{fcHeader}*/;
font-weight: bold;
}
.ui-widget-header a {
color: #333333/*{fcHeader}*/;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5/*{borderColorDefault}*/;
background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
font-weight: normal/*{fwDefault}*/;
color: #454545/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545/*{fcDefault}*/;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc/*{borderColorHover}*/;
background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
font-weight: normal/*{fwDefault}*/;
color: #2b2b2b/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b/*{fcHover}*/;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff/*{borderColorActive}*/;
background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
font-weight: normal/*{fwDefault}*/;
color: #ffffff/*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff/*{borderColorActive}*/;
background-color: #ffffff/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff/*{fcActive}*/;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e/*{borderColorHighlight}*/;
background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
border: 1px solid #dad55e/*{borderColorHighlight}*/;
background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899/*{borderColorError}*/;
background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-cad364afb421a662f3712b4180460bd6.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
background-image: url(/assets/jquery-ui/ui-icons_444444_256x240-cad364afb421a662f3712b4180460bd6.png)/*{iconsHeader}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url(/assets/jquery-ui/ui-icons_555555_256x240-b2ffe8f087dd63fe2ee5294fd2fb21b4.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url(/assets/jquery-ui/ui-icons_ffffff_256x240-ea593febe66d867f904280838d5b8fc4.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url(/assets/jquery-ui/ui-icons_777620_256x240-7629df2850d1176437330db7672d3da8.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(/assets/jquery-ui/ui-icons_cc0000_256x240-6d37d36863565093f961092d98a61ab0.png)/*{iconsError}*/;
}
.ui-button .ui-icon {
background-image: url(/assets/jquery-ui/ui-icons_777777_256x240-85ed6046adab5063f7a0fff965d1c879.png)/*{iconsDefault}*/;
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px/*{cornerRadius}*/;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
opacity: .3/*{opacityOverlay}*/;
filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; /* support: IE8 */
}
.ui-widget-shadow {
-webkit-box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}
/*!
* jQuery UI Tooltip 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/tooltip/#theming
*/
/*
*/
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
}
/*!
* jQuery UI Datepicker 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/datepicker/#theming
*/
/*
*/
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
/*!
* jQuery UI Slider 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/slider/#theming
*/
/*
*/
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.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;
}
/*!
* jQuery UI Dialog 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/dialog/#theming
*/
/*
*/
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
/*! jQuery UI - v1.11.2 - 2014-10-23
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2C%20Helvetica%2C%20Arial%2C%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=%23dddddd&bgTextureHeader=glass&bgImgOpacityHeader=35&borderColorHeader=%23bbbbbb&fcHeader=%23444444&iconColorHeader=%23999999&bgColorContent=%23c9c9c9&bgTextureContent=inset_soft&bgImgOpacityContent=50&borderColorContent=%23aaaaaa&fcContent=%23333333&iconColorContent=%23999999&bgColorDefault=%23eeeeee&bgTextureDefault=glass&bgImgOpacityDefault=60&borderColorDefault=%23cccccc&fcDefault=%23e93e3a&iconColorDefault=%23dc3b2a&bgColorHover=%23f8f8f8&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=%23bbbbbb&fcHover=%23599fcf&iconColorHover=%233383bb&bgColorActive=%23999999&bgTextureActive=inset_hard&bgImgOpacityActive=75&borderColorActive=%23999999&fcActive=%23ffffff&iconColorActive=%23454545&bgColorHighlight=%23eeeeee&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=%233383bb&fcHighlight=%23444444&iconColorHighlight=%233383bb&bgColorError=%23f4d4d4&bgTextureError=flat&bgImgOpacityError=55&borderColorError=%23e11f16&fcError=%23000000&iconColorError=%23e5c22b&bgColorOverlay=%23eeeeee&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0pxdow
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
min-height: 0; /* support: IE7 */
font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
width: 2.4em;
}
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
display: block;
line-height: normal;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
}
/* button sets */
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-dialog {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1em 3px .4em;
cursor: pointer;
min-height: 0; /* support: IE7 */
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item {
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25); /* support: IE8 */
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
/* Support: IE7 */
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-button {
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
right: 0.5em;
left: auto;
margin-top: -8px;
position: absolute;
top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
text-align: left;
padding: 0.4em 2.1em 0.4em 1em;
display: block;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.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;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 22px;
}
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
/* need to fix icons sprite */
background-position: -65px -16px;
}
.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
/* padding: 1em 1.4em; */
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #aaaaaa;
background: #c9c9c9 url("jquery-ui/ui-bg_inset-soft_50_c9c9c9_1x100.png") 50% bottom repeat-x;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #bbbbbb;
background: #dddddd url("jquery-ui/ui-bg_glass_35_dddddd_1x400.png") 50% 50% repeat-x;
color: #444444;
font-weight: bold;
}
.ui-widget-header a {
color: #444444;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #cccccc;
background: #eeeeee url("jquery-ui/ui-bg_glass_60_eeeeee_1x400.png") 50% 50% repeat-x;
font-weight: bold;
color: #e93e3a;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #e93e3a;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #bbbbbb;
background: #f8f8f8 url("jquery-ui/ui-bg_glass_100_f8f8f8_1x400.png") 50% 50% repeat-x;
font-weight: bold;
color: #599fcf;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
color: #599fcf;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #999999;
background: #999999 url("jquery-ui/ui-bg_inset-hard_75_999999_1x100.png") 50% 50% repeat-x;
font-weight: bold;
color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #3383bb;
background: #eeeeee url("jquery-ui/ui-bg_flat_55_eeeeee_40x100.png") 50% 50% repeat-x;
color: #444444;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #444444;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #e11f16;
background: #f4d4d4 url("jquery-ui/ui-bg_flat_55_f4d4d4_40x100.png") 50% 50% repeat-x;
color: #000000;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #000000;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #000000;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("jquery-ui/ui-icons_999999_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("jquery-ui/ui-icons_999999_256x240.png");
}
.ui-state-default .ui-icon {
background-image: url("jquery-ui/ui-icons_dc3b2a_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url("jquery-ui/ui-icons_3383bb_256x240.png");
}
.ui-state-active .ui-icon {
background-image: url("jquery-ui/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
background-image: url("jquery-ui/ui-icons_3383bb_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("jquery-ui/ui-icons_e5c22b_256x240.png");
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 6px;
}
/* Overlays */
.ui-widget-overlay {
background: #eeeeee url("jquery-ui/ui-bg_flat_0_eeeeee_40x100.png") 50% 50% repeat-x;
opacity: .8;
filter: Alpha(Opacity=80); /* support: IE8 */
}
.ui-widget-shadow {
margin: -4px 0 0 -4px;
padding: 4px;
background: #aaaaaa url("jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
opacity: .6;
filter: Alpha(Opacity=60); /* support: IE8 */
border-radius: 0pxdow;
}
/*!
* jQuery UI Button 1.12.1
* http://jqueryui.com
*
* Copyright jQuery Foundation and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
* http://api.jqueryui.com/button/#theming
*/
/*
*/
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Support: IE <= 11 */
overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
}
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
text-indent: 0;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
div.light_rounded .pp_top .pp_left{background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;}div.light_rounded .pp_top .pp_middle{background:#fff;}div.light_rounded .pp_top .pp_right{background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;}div.light_rounded .pp_content .ppt{color:#000;}div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff;}div.light_rounded .pp_content{background-color:#fff;}div.light_rounded .pp_next:hover{background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.light_rounded .pp_previous:hover{background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_rounded .pp_expand{background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_rounded .pp_expand:hover{background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_rounded .pp_contract{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_rounded .pp_contract:hover{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_rounded .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_rounded #pp_full_res .pp_inline{color:#000;}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_rounded .pp_nav .pp_play{background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_nav .pp_pause{background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_arrow_previous{background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;}div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_rounded .pp_arrow_next{background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;}div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_rounded .pp_bottom .pp_left{background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;}div.light_rounded .pp_bottom .pp_middle{background:#fff;}div.light_rounded .pp_bottom .pp_right{background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;}div.light_rounded .pp_loaderIcon{background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;}div.dark_rounded .pp_top .pp_left{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;}div.dark_rounded .pp_top .pp_middle{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_top .pp_right{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;}div.dark_rounded .pp_content_container .pp_left{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_rounded .pp_content_container .pp_right{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_rounded .pp_content{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_next:hover{background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_rounded .pp_previous:hover{background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.dark_rounded .pp_expand{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_expand:hover{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_rounded .pp_contract:hover{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_rounded .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_rounded .currentTextHolder{color:#c4c4c4;}div.dark_rounded .pp_description{color:#fff;}div.dark_rounded #pp_full_res .pp_inline{color:#fff;}div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.dark_rounded .pp_nav .pp_play{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_nav .pp_pause{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_rounded .pp_arrow_previous{background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;}div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_rounded .pp_arrow_next{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;}div.dark_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_rounded .pp_bottom .pp_left{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;}div.dark_rounded .pp_bottom .pp_middle{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;}div.dark_rounded .pp_bottom .pp_right{background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;}div.dark_rounded .pp_loaderIcon{background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_left ,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat;}div.dark_square .currentTextHolder{color:#c4c4c4;}div.dark_square .pp_description{color:#fff;}div.dark_square .pp_loaderIcon{background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;}div.dark_square .pp_content_container .pp_left{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;}div.dark_square .pp_content_container .pp_right{background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;}div.dark_square .pp_expand{background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.dark_square .pp_expand:hover{background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.dark_square .pp_contract{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.dark_square .pp_contract:hover{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.dark_square .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.dark_square #pp_full_res .pp_inline{color:#fff;}div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.dark_square .pp_nav .pp_play{background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_nav .pp_pause{background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.dark_square .pp_arrow_previous{background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;}div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.dark_square .pp_arrow_next{background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;}div.dark_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.dark_square .pp_next:hover{background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor: pointer;}div.dark_square .pp_previous:hover{background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff;}div.light_square .pp_content .ppt{color:#000;}div.light_square .pp_expand{background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_square .pp_expand:hover{background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_square .pp_contract{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_square .pp_contract:hover{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_square .pp_close{width:75px;height:22px;background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_square #pp_full_res .pp_inline{color:#000;}div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_square .pp_nav .pp_play{background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_nav .pp_pause{background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_square .pp_arrow_previous{background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_square .pp_arrow_next{background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;}div.light_square .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_square .pp_next:hover{background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor: pointer;}div.light_square .pp_previous:hover{background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_top .pp_left{background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;}div.facebook .pp_top .pp_middle{background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;}div.facebook .pp_top .pp_right{background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;}div.facebook .pp_content .ppt{color:#000;}div.facebook .pp_content_container .pp_left{background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;}div.facebook .pp_content_container .pp_right{background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;}div.facebook .pp_content{background:#fff;}div.facebook .pp_expand{background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.facebook .pp_expand:hover{background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.facebook .pp_contract{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.facebook .pp_contract:hover{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.facebook .pp_close{width:22px;height:22px;background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.facebook #pp_full_res .pp_inline{color:#000;}div.facebook .pp_loaderIcon{background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;}div.facebook .pp_arrow_previous{background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default;}div.facebook .pp_arrow_next{background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px;}div.facebook .pp_arrow_next.disabled{background-position: -32px -96px;cursor:default;}div.facebook .pp_nav{margin-top:0;}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px;}div.facebook .pp_nav .pp_play{background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_nav .pp_pause{background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px;}div.facebook .pp_next:hover{background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor: pointer;}div.facebook .pp_previous:hover{background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor: pointer;}div.facebook .pp_bottom .pp_left{background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;}div.facebook .pp_bottom .pp_middle{background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;}div.facebook .pp_bottom .pp_right{background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;}.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{float: left;margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav .pp_play,.pp_nav .pp_pause{float: left;margin-right:4px;text-indent: -10000px;}a.pp_arrow_previous,a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}.pp_gallery{left:50%;margin-top: -50px;position:absolute;z-index:10000;}.pp_gallery ul{float: left;height:35px;margin:0 0 0 5px;overflow: hidden;position: relative;}.pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float: left;height:33px;overflow: hidden;}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}.pp_gallery ul a img{border:0;}.pp_gallery li{display:block;float: left;margin:0 5px 0 0;}.pp_gallery li.default a{background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}.pp_gallery li.default a img{display: none;}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important;}a.pp_next{background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;line-height:22px;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{line-height:1 !important;}#pp_full_res .pp_inline{text-align: left;}#pp_full_res .pp_inline p{margin:0 0 15px 0;}div.ppt{color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}
@CHARSET "UTF-8";
#jquery-loader{
border:2px black solid;
padding-top:35px;
background-color: white;
text-align: center;
}
#jquery-loader-background{background-color: silver}
#jquery-loader.blue-with-image{
border:2px #008587 solid;
padding-top:35px;
background-color: white;
text-align: center;
background-image: url(ajax-loader.gif);
background-position: center center;
background-repeat: no-repeat;
}
#jquery-loader.blue-with-image-2{
border:none;
padding-top:35px;
background-color: transparent;
text-align: center;
background-image: url(ajax-loader.gif);
background-position: center center;
background-repeat: no-repeat;
}
ul.tagit {
padding: 1px 5px;
overflow: auto;
margin-left: inherit; /* usually we don't want the regular ul margins. */
margin-right: inherit;
}
ul.tagit li {
display: block;
float: left;
margin: 2px 5px 2px 0;
}
ul.tagit li.tagit-choice {
position: relative;
line-height: inherit;
}
input.tagit-hidden-field {
display: none;
}
ul.tagit li.tagit-choice-read-only {
padding: .2em .5em .2em .5em;
}
ul.tagit li.tagit-choice-editable {
padding: .2em 18px .2em .5em;
}
ul.tagit li.tagit-new {
padding: .25em 4px .25em 0;
}
ul.tagit li.tagit-choice a.tagit-label {
cursor: pointer;
text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
cursor: pointer;
position: absolute;
right: .1em;
top: 50%;
margin-top: -8px;
line-height: 17px;
}
/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .tagit-close .text-icon {
display: none;
}
ul.tagit li.tagit-choice input {
display: block;
float: left;
margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
margin: 0;
padding: 0;
width: inherit;
background-color: inherit;
outline: none;
}
.ol-control.ol-layerswitcher
{ position: absolute;
right: 0.5em;
text-align: left;
top: 3em;
max-height: 75%;
box-sizing: border-box;
overflow-y: auto;
z-index: 0;
}
.ol-control.ol-layerswitcher .panel
{ background-color: #fff;
border-radius: 0 0 2px 2px;
clear: both;
display: block; /* display:block to show panel on over */
}
.ol-layerswitcher .panel
{ list-style: none;
padding: 0.5em 0.5em 0;
margin:0;
overflow: hidden;
font-family: Tahoma,Geneva,sans-serif;
font-size:0.9em;
transition: top 0.3s;
position: relative;
top:0;
}
.ol-layerswitcher .panel ul
{ list-style: none;
padding: 0 0 0 20px;
overflow: hidden;
clear: both;
}
/** Customize checkbox
*/
.ol-layerswitcher input[type="radio"],
.ol-layerswitcher input[type="checkbox"]
{ display:none;
}
.ol-layerswitcher .panel li
{ transition: transform 0.2s linear;
-weblit-transition: -webkit-transform 0.2s linear;
clear: both;
display: block;
#border:1px solid transparent;
box-sizing: border-box;
}
/* drag and drop */
.ol-layerswitcher .panel li.drag
{ opacity: 0.5;
transform:scale(0.8);
-webkit-transform:scale(0.8);
}
.ol-dragover
{ background:rgba(0,0,0,0.5);
opacity:0.8;
}
.ol-layerswitcher .panel li.forbidden,
.forbidden .ol-layerswitcher-buttons div,
.forbidden .layerswitcher-opacity div
{ background:rgba(255,0,0,0.5);
color:#f00!important;
}
/* cursor management */
.ol-layerswitcher.drag,
.ol-layerswitcher.drag *
{ cursor:not-allowed!important;
cursor:no-drop!important;
}
.ol-layerswitcher.drag .panel li.dropover,
.ol-layerswitcher.drag .panel li.dropover *
{ cursor: pointer!important;
cursor: n-resize!important;
cursor: ns-resize!important;
cursor: grab!important;
cursor: grabbing!important;
}
.ol-layerswitcher .panel li.dropover
{ background: rgba(0,0,0,0.5);
}
.ol-layerswitcher .panel li label
{ display: inline-block;
height: 1.4em;
max-width: 12em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0 0.2em 0 1.7em;
position: relative;
}
.ol-layerswitcher [type="radio"] + label:before,
.ol-layerswitcher [type="checkbox"] + label:before,
.ol-layerswitcher [type="radio"]:checked + label:after,
.ol-layerswitcher [type="checkbox"]:checked + label:after
{ content: '';
position: absolute;
left: 0.1em; top: 0.1em;
width: 1.2em; height: 1.2em;
border: 2px solid rgba(0,0,0,0.6);
background: #fff;
box-sizing:border-box;
}
.ol-layerswitcher [type="radio"] + label:before,
.ol-layerswitcher [type="radio"] + label:after
{ border-radius: 50%;
}
.ol-layerswitcher [type="radio"]:checked + label:after
{ background: rgba(0,0,0,0.6) none repeat scroll 0 0;
margin: 0.3em;
width: 0.6em;
height: 0.6em;
}
.ol-layerswitcher [type="checkbox"]:checked + label:after
{ background: transparent;
border-width: 0 3px 3px 0;
border-style: solid;
border-color: rgba(0,0,0,0.6);
width: 0.7em;
height: 1em;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 0.55em;
top: -0.05em;
box-shadow: 1px 0px 1px 1px #fff;
}
.ol-layerswitcher .panel li.ol-layer-hidden
{ opacity: 0.6;
}
.ol-layerswitcher.ol-collapsed .panel
{ display:none;
}
.ol-layerswitcher.ol-forceopen .panel
{ display:block;
}
.ol-layerswitcher button
{ background-color: white;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACE1BMVEX///8A//8AgICA//8AVVVAQID///8rVVVJtttgv98nTmJ2xNgkW1ttyNsmWWZmzNZYxM4gWGgeU2JmzNNr0N1Rwc0eU2VXxdEhV2JqytQeVmMhVmNoydUfVGUgVGQfVGQfVmVqy9hqy9dWw9AfVWRpydVry9YhVmMgVGNUw9BrytchVWRexdGw294gVWQgVmUhVWPd4N6HoaZsy9cfVmQgVGRrytZsy9cgVWQgVWMgVWRsy9YfVWNsy9YgVWVty9YgVWVry9UgVWRsy9Zsy9UfVWRsy9YgVWVty9YgVWRty9Vsy9aM09sgVWRTws/AzM0gVWRtzNYgVWRuy9Zsy9cgVWRGcHxty9bb5ORbxdEgVWRty9bn6OZTws9mydRfxtLX3Nva5eRix9NFcXxOd4JPeINQeIMiVmVUws9Vws9Vw9BXw9BYxNBaxNBbxNBcxdJexdElWWgmWmhjyNRlx9IqXGtoipNpytVqytVryNNrytZsjZUuX210k5t1y9R2zNR3y9V4lp57zth9zdaAnKOGoaeK0NiNpquV09mesrag1tuitbmj1tuj19uktrqr2d2svcCu2d2xwMO63N+7x8nA3uDC3uDFz9DK4eHL4eLN4eIyYnDX5OM5Z3Tb397e4uDf4uHf5uXi5ePi5+Xj5+Xk5+Xm5+Xm6OY6aHXQ19fT4+NfhI1Ww89gx9Nhx9Nsy9ZWw9Dpj2abAAAAWnRSTlMAAQICAwQEBgcIDQ0ODhQZGiAiIyYpKywvNTs+QklPUlNUWWJjaGt0dnd+hIWFh4mNjZCSm6CpsbW2t7nDzNDT1dje5efr7PHy9PT29/j4+Pn5+vr8/f39/f6DPtKwAAABTklEQVR4Xr3QVWPbMBSAUTVFZmZmhhSXMjNvkhwqMzMzMzPDeD+xASvObKePPa+ffHVl8PlsnE0+qPpBuQjVJjno6pZpSKXYl7/bZyFaQxhf98hHDKEppwdWIW1frFnrxSOWHFfWesSEWC6R/P4zOFrix3TzDFLlXRTR8c0fEEJ1/itpo7SVO9Jdr1DVxZ0USyjZsEY5vZfiiAC0UoTGOrm9PZLuRl8X+Dq1HQtoFbJZbv61i+Poblh/97TC7n0neCcK0ETNUrz1/xPHf+DNAW9Ac6t8O8WH3Vp98f5lCaYKAOFZMLyHL4Y0fe319idMNgMMp+zWVSybUed/+/h7I4wRAG1W6XDy4XmjR9HnzvDRZXUAYDFOhC1S/Hh+fIXxen+eO+AKqbs+wAo30zDTDvDxKoJN88sjUzDFAvBzEUGFsnADoIvAJzoh2BZ8sner+Ke/vwECuQAAAABJRU5ErkJggg==");
background-position: center;
background-repeat: no-repeat;
float: right;
height: 38px;
width: 38px;
z-index: 10;
position: relative;
}
.ol-layerswitcher-buttons
{ display:block;
float: right;
text-align:right;
}
.ol-layerswitcher-buttons > div
{ display: inline-block;
position: relative;
cursor: pointer;
height:1em;
width:1em;
margin:2px;
}
.ol-layerswitcher .panel li > div
{ display: inline-block;
}
/* line break */
.ol-layerswitcher .ol-separator
{ display:block;
width:0;
height:0;
padding:0;
margin:0;
}
.ol-layerswitcher .layerup
{ float: right;
height:2.5em;
background-color: rgba(0,0,0,0.6);
opacity: 0.5;
cursor: move;
cursor: ns-resize;
}
.ol-layerswitcher .layerup:before,
.ol-layerswitcher .layerup:after
{ border-color: #fff transparent;
border-style: solid;
border-width: 0.4em 0.4em 0;
content: "";
height: 0;
position: absolute;
bottom: 3px;
left: 0.1em;
width: 0;
}
.ol-layerswitcher .layerup:after
{ border-width: 0 0.4em 0.4em;
top:3px;
bottom: auto;
}
.ol-layerswitcher .layerInfo
{ background: rgba(0,0,0,0.6);
border-radius: 100%;
}
.ol-layerswitcher .layerInfo:before
{ color: #fff;
content: "i";
display: block;
font-size: 0.8em;
font-weight: bold;
text-align: center;
width: 1.25em;
position:absolute;
left: 0;
top: 0;
}
.ol-layerswitcher .layerTrash
{ background: rgba(0,0,0,0.6);
}
.ol-layerswitcher .layerTrash:before
{ color: #fff;
content: "\00d7";
font-size:1em;
top: 50%;
left: 0;
right: 0;
text-align: center;
line-height: 1em;
margin: -0.5em 0;
position: absolute;
}
.ol-layerswitcher .layerExtent
{ background: rgba(0,0,0,0.6);
}
.ol-layerswitcher .layerExtent:before
{ border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
content: "";
display: block;
position: absolute;
left: 6px;
right: 2px;
top: 6px;
bottom: 3px;
}
.ol-layerswitcher .layerExtent:after
{ border-left: 1px solid #fff;
border-top: 1px solid #fff;
content: "";
display: block;
position: absolute;
bottom: 6px;
left: 2px;
right: 6px;
top: 3px;
}
.ol-layerswitcher .expend-layers,
.ol-layerswitcher .collapse-layers
{ margin: 0 2px;
}
.ol-layerswitcher .expend-layers:before,
.ol-layerswitcher .collapse-layers:before
{ content:"";
position:absolute;
top:50%;
left:0;
margin-top:-2px;
height:4px;
width:100%;
background:rgba(0,0,0,0.6);
}
.ol-layerswitcher .expend-layers:after
{ content:"";
position:absolute;
left:50%;
top:0;
margin-left:-2px;
width:4px;
height:100%;
background:rgba(0,0,0,0.6);
}
/*
.ol-layerswitcher .collapse-layers:before
{ content:"";
position:absolute;
border:0.5em solid rgba(0,0,0,0.6);
border-color: rgba(0,0,0,0.6) transparent transparent;
margin-top:0.25em;
}
.ol-layerswitcher .expend-layers:before
{ content:"";
position:absolute;
border:0.5em solid rgba(0,0,0,0.6);
border-color: transparent transparent transparent rgba(0,0,0,0.6) ;
margin-left:0.25em;
}
*/
.ol-layerswitcher .layerswitcher-opacity
{ position:relative;
border: 1px solid rgba(0,0,0,0.6);
height: 3px;
width: 120px;
margin:5px 1em 10px 7px;
box-sizing: border-box;
border-radius: 2px;
background: rgba(0,0,0,0.3);
cursor:pointer;
box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor,
.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before
{ position: absolute;
width: 20px;
height: 20px;
top: 50%;
left: 50%;
background: rgba(0,0,0,0.4);
border-radius: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before
{ content: "";
position: absolute;
width: 10px;
height: 10px;
}
.ol-touch .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor
{ width: 26px;
height: 26px;
}
.ol-touch .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor:before
{ width: 13px;
height: 13px;
}
.ol-layerswitcher .layerswitcher-progress
{ display:block;
margin:-4px 1em 2px 7px;
width: 120px;
}
.ol-layerswitcher .layerswitcher-progress div
{ background-color: rgba(0,0,0,0.6);
height:2px;
display:block;
width:0;
}
/* Styles for jQuery menu widget
Author: Maggie Wachs, maggie@filamentgroup.com
Date: September 2008
*/
/* REQUIRED STYLES - the menus will only render correctly with these rules */
.fg-menu-container { position: absolute; top:0; left:-999px; padding: .4em; overflow: hidden; }
.fg-menu-container.fg-menu-flyout { overflow: visible; }
.fg-menu, .fg-menu ul { list-style-type:none; padding: 0; margin:0; }
.fg-menu { position:relative; }
.fg-menu-flyout .fg-menu { position:static; }
.fg-menu ul { position:absolute; top:0; }
.fg-menu ul ul { top:-1px; }
.fg-menu-container.fg-menu-ipod .fg-menu-content,
.fg-menu-container.fg-menu-ipod .fg-menu-content ul { background: none !important; }
.fg-menu.fg-menu-scroll,
.fg-menu ul.fg-menu-scroll { overflow: scroll; overflow-x: hidden; }
.fg-menu li { clear:both; float:left; width:100%; margin: 0; padding:0; border: 0; }
.fg-menu li li { font-size:1em; } /* inner li font size must be reset so that they don't blow up */
.fg-menu-flyout ul ul { padding: .4em; }
.fg-menu-flyout li { position:relative; }
.fg-menu-scroll { overflow: scroll; overflow-x: hidden; }
.fg-menu-breadcrumb { margin: 0; padding: 0; }
.fg-menu-footer { margin-top: .4em; padding: .4em; }
.fg-menu-header { margin-bottom: .4em; padding: .4em; }
.fg-menu-breadcrumb li { float: left; list-style: none; margin: 0; padding: 0 .2em; font-size: .9em; opacity: .7; }
.fg-menu-breadcrumb li.fg-menu-prev-list,
.fg-menu-breadcrumb li.fg-menu-current-crumb { clear: left; float: none; opacity: 1; }
.fg-menu-breadcrumb li.fg-menu-current-crumb { padding-top: .2em; }
.fg-menu-breadcrumb a,
.fg-menu-breadcrumb span { float: left; }
.fg-menu-footer a:link,
.fg-menu-footer a:visited { float:left; width:100%; text-decoration: none; }
.fg-menu-footer a:hover,
.fg-menu-footer a:active { }
.fg-menu-footer a span { float:left; cursor: pointer; }
.fg-menu-breadcrumb .fg-menu-prev-list a:link,
.fg-menu-breadcrumb .fg-menu-prev-list a:visited,
.fg-menu-breadcrumb .fg-menu-prev-list a:hover,
.fg-menu-breadcrumb .fg-menu-prev-list a:active { background-image: none; text-decoration:none; }
.fg-menu-breadcrumb .fg-menu-prev-list a { float: left; padding-right: .4em; }
.fg-menu-breadcrumb .fg-menu-prev-list a .ui-icon { float: left; }
.fg-menu-breadcrumb .fg-menu-current-crumb a:link,
.fg-menu-breadcrumb .fg-menu-current-crumb a:visited,
.fg-menu-breadcrumb .fg-menu-current-crumb a:hover,
.fg-menu-breadcrumb .fg-menu-current-crumb a:active { display:block; background-image:none; font-size:1.3em; text-decoration:none; }
/* REQUIRED LINK STYLES: links are "display:block" by default; if the menu options are split into
selectable node links and 'next' links, the script floats the node links left and floats the 'next' links to the right */
.fg-menu a:link,
.fg-menu a:visited,
.fg-menu a:hover,
.fg-menu a:active { float:left; width:92%; padding:.3em 3%; text-decoration:none; outline: 0 !important; }
.fg-menu a { border: 1px dashed transparent; }
.fg-menu a.ui-state-default:link,
.fg-menu a.ui-state-default:visited,
.fg-menu a.ui-state-default:hover,
.fg-menu a.ui-state-default:active,
.fg-menu a.ui-state-hover:link,
.fg-menu a.ui-state-hover:visited,
.fg-menu a.ui-state-hover:hover,
.fg-menu a.ui-state-hover:active,
.fg-menu a.ui-state-active:link,
.fg-menu a.ui-state-active:visited,
.fg-menu a.ui-state-active:hover,
.fg-menu a.ui-state-active:active { border-style: solid; font-weight: normal; }
.fg-menu a span { display:block; cursor:pointer; }
/* SUGGESTED STYLES - for use with jQuery UI Themeroller CSS */
.fg-menu-indicator span { float:left; }
.fg-menu-indicator span.ui-icon { float:right; }
.fg-menu-content.ui-widget-content,
.fg-menu-content ul.ui-widget-content { border:0; }
/* ICONS AND DIVIDERS */
.fg-menu.fg-menu-has-icons a:link,
.fg-menu.fg-menu-has-icons a:visited,
.fg-menu.fg-menu-has-icons a:hover,
.fg-menu.fg-menu-has-icons a:active { padding-left:20px; }
.fg-menu .horizontal-divider hr, .fg-menu .horizontal-divider span { padding:0; margin:5px .6em; }
.fg-menu .horizontal-divider hr { border:0; height:1px; }
.fg-menu .horizontal-divider span { font-size:.9em; text-transform: uppercase; padding-left:.2em; }
.fg-button { clear:left; margin:0 1px 1px 1px; padding: 2px 10px; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left; }
button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; } /* solo icon buttons must have block properties for the text-indent to work */
.fg-button.ui-state-loading .ui-icon { background: url(fgmenu/spinner_bar.gif) no-repeat 0 0; }
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('fontawesome-webfont.eot?v=4.7.0');
src: url('fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-edge:before {
content: "\f282";
}
.fa-credit-card-alt:before {
content: "\f283";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-modx:before {
content: "\f285";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-usb:before {
content: "\f287";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-pause-circle-o:before {
content: "\f28c";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stop-circle-o:before {
content: "\f28e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-percent:before {
content: "\f295";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-envira:before {
content: "\f299";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-wheelchair-alt:before {
content: "\f29b";
}
.fa-question-circle-o:before {
content: "\f29c";
}
.fa-blind:before {
content: "\f29d";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-volume-control-phone:before {
content: "\f2a0";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-handshake-o:before {
content: "\f2b5";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-open-o:before {
content: "\f2b7";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-book-o:before {
content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\f2bc";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-circle-o:before {
content: "\f2be";
}
.fa-user-o:before {
content: "\f2c0";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\f2c3";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-telegram:before {
content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\f2cd";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\f2d4";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-eercast:before {
content: "\f2da";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-snowflake-o:before {
content: "\f2dc";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-meetup:before {
content: "\f2e0";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
.pick-a-color-markup *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.pick-a-color-markup .hex-pound{padding-left:8px;padding-right:8px}@media screen and (max-width:991px){.pick-a-color-markup .hex-pound{padding:3px 5px 0px 5px;min-height:30px}}
.pick-a-color-markup .pick-a-color{padding:5px}@media screen and (max-width:991px){.pick-a-color-markup .pick-a-color{width:100%;font-size:18px;padding:9px;min-width:222px;height:47px}}
.pick-a-color-markup .input-group-btn .color-dropdown{padding:6px 5px}.pick-a-color-markup .input-group-btn .color-dropdown.no-hex{border-bottom-left-radius:4px;border-top-left-radius:4px}
.pick-a-color-markup .input-group-btn .color-dropdown:focus{background-color:#fff}
@media screen and (max-width:991px){.pick-a-color-markup .input-group-btn .color-dropdown{height:47px}}
.pick-a-color-markup .color-preview{border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 0 2px 2px rgba(0,0,0,0.075);box-shadow:inset 0 0 2px 2px rgba(0,0,0,0.075);height:1.429em;width:1.429em;display:inline-block;cursor:pointer;margin-right:5px}.pick-a-color-markup .color-preview.current-color{margin-bottom:-5px}
@media screen and (max-width:991px){.pick-a-color-markup .color-preview{height:1.875em;width:1.875em}}
.pick-a-color-markup .color-menu{text-align:left;padding:5px 0px;width:330px;font-size:14px;left:auto;}.pick-a-color-markup .color-menu.color-menu--inline{left:-285px}@media screen and (max-width:991px){.pick-a-color-markup .color-menu.color-menu--inline{left:-242px}}
@media screen and (max-width:991px){.pick-a-color-markup .color-menu{left:-242px;width:293px}}.pick-a-color-markup .color-menu.small{width:100px}@media screen and (max-width:991px){.pick-a-color-markup .color-menu.small{left:-105px}}
.pick-a-color-markup .color-menu.no-hex{left:0px}
.pick-a-color-markup .color-menu ul{padding:0px;margin:0px}
.pick-a-color-markup .color-menu li{list-style-type:none;padding:5px 0px;margin:0px}
.pick-a-color-markup .color-menu .color-preview{vertical-align:middle;margin:0px}@media screen and (max-width:991px){.pick-a-color-markup .color-menu .color-preview{height:35px;width:35px}}.pick-a-color-markup .color-menu .color-preview.current-color,.pick-a-color-markup .color-menu .color-preview.white{background-color:#fff}
.pick-a-color-markup .color-menu .color-preview.red{background-color:#f00}
.pick-a-color-markup .color-menu .color-preview.orange{background-color:#f60}
.pick-a-color-markup .color-menu .color-preview.yellow{background-color:#ff0}
.pick-a-color-markup .color-menu .color-preview.green{background-color:#008000}
.pick-a-color-markup .color-menu .color-preview.blue{background-color:#00f}
.pick-a-color-markup .color-menu .color-preview.indigo{background-color:#4a0080}
.pick-a-color-markup .color-menu .color-preview.violet{background-color:#ee81ee}
.pick-a-color-markup .color-menu .color-preview.purple{background-color:#80007f}
.pick-a-color-markup .color-menu .color-preview.black{background-color:#000}
.pick-a-color-markup .color-menu .basicColors-content li>a,.pick-a-color-markup .color-menu .savedColors-content li>a{padding:5px 15px 3px 15px;cursor:default;min-height:25px;color:#333}.pick-a-color-markup .color-menu .basicColors-content li>a:hover,.pick-a-color-markup .color-menu .savedColors-content li>a:hover{background-color:#fff}
@media screen and (max-width:991px){.pick-a-color-markup .color-menu .basicColors-content li>a,.pick-a-color-markup .color-menu .savedColors-content li>a{min-height:40px}}
.pick-a-color-markup .color-menu .basicColors-content li:hover a,.pick-a-color-markup .color-menu .savedColors-content li:hover a{color:#333;background-image:none;filter:none;text-decoration:none;font-weight:bold}@media screen and (max-width:991px){.pick-a-color-markup .color-menu .basicColors-content li:hover a,.pick-a-color-markup .color-menu .savedColors-content li:hover a{background-color:#fff;font-weight:normal}}
.pick-a-color-markup .color-menu .btn.color-select{margin:0px 5px;height:20px;padding:0px 5px;margin-top:0px;line-height:1.5px;border-radius:4px}@media screen and (max-width:991px){.pick-a-color-markup .color-menu .btn.color-select{height:35px}}
.pick-a-color-markup .caret{margin-bottom:3px}
.pick-a-color-markup .color-menu-instructions,.pick-a-color-markup .advanced-instructions{text-align:center;padding:0px 6px;margin:0px;font-size:14px;font-weight:normal}@media screen and (min-width:992px){.pick-a-color-markup .color-menu-instructions,.pick-a-color-markup .advanced-instructions{display:none}}
.pick-a-color-markup .color-label{vertical-align:middle;margin:0px;margin-left:10px;cursor:pointer}@media screen and (max-width:991px){.pick-a-color-markup .color-label{margin-left:8px}}
.pick-a-color-markup .color-box{height:20px;width:200px;position:absolute;left:115px;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 0 2px 2px rgba(0,0,0,0.075);box-shadow:inset 0 0 2px 2px rgba(0,0,0,0.075);cursor:pointer}@media screen and (max-width:991px){.pick-a-color-markup .color-box{width:160px;height:35px}}
.pick-a-color-markup .black .highlight-band-stripe{background-color:#fff}
.pick-a-color-markup .spectrum-white{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#fff), to(#808080));background-image:-webkit-linear-gradient(left, color-stop(#fff 0), color-stop(#808080 100%));background-image:-moz-linear-gradient(left, #fff 0, #808080 100%);background-image:linear-gradient(to right, #fff 0, #808080 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff808080', GradientType=1)}.pick-a-color-markup .spectrum-white .highlight-band{left:0px}
.pick-a-color-markup .spectrum-red{background-image:-webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(.5, #f00), color-stop(1, #000));background-image:-moz-linear-gradient(left center, #fff 0, #f00 50%, #000 100%);background-image:-webkit-linear-gradient(left, #fff 0, #f00 50%, #000 100%);background-image:-o-linear-gradient(left, #fff 0, #f00 50%, #000 100%);background-image:linear-gradient(to right, #fff 0, #f00 50%, #000 100%);background-repeat:repeat-x}
.pick-a-color-markup .spectrum-orange{background-image:-webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(.5, #f60), color-stop(1, #000));background-image:-moz-linear-gradient(left center, #fff 0, #f60 50%, #000 100%);background-image:-webkit-linear-gradient(left, #fff 0, #f60 50%, #000 100%);background-image:-o-linear-gradient(left, #fff 0, #f60 50%, #000 100%);background-image:linear-gradient(to right, #fff 0, #f60 50%, #000 100%);background-repeat:repeat-x}
.pick-a-color-markup .spectrum-yellow{background-image:-webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(.5, #ff0), color-stop(1, #000));background-image:-moz-linear-gradient(left center, #fff 0, #ff0 50%, #000 100%);background-image:-webkit-linear-gradient(left, #fff 0, #ff0 50%, #000 100%);background-image:-o-linear-gradient(left, #fff 0, #ff0 50%, #000 100%);background-image:linear-gradient(to right, #fff 0, #ff0 50%, #000 100%);background-repeat:repeat-x}
.pick-a-color-markup .spectrum-green{background-image:-webkit-gradient(linear, left top, right top, color-stop(0, #80ff80), color-stop(.5, #008000), color-stop(1, #000));background-image:-moz-linear-gradient(left center, #80ff80 0, #008000 50%, #000 100%);background-image:-webkit-linear-gradient(left, #80ff80 0, #008000 50%, #000 100%);background-image:-o-linear-gradient(left, #80ff80 0, #008000 50%, #000 100%);background-image:linear-gradient(to right, #80ff80 0, #008000 50%, #000 100%);background-repeat:repeat-x}
.pick-a-color-markup .spectrum-blue{background-image:-webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(.5, #00f), color-stop(1, #000));background-image:-moz-linear-gradient(left center, #fff 0, #00f 50%, #000 100%);background-image:-webkit-linear-gradient(left, #fff 0, #00f 50%, #000 100%);background-image:-o-linear-gradient(left, #fff 0, #00f 50%, #000 100%);background-image:linear-gradient(to right, #fff 0, #00f 50%, #000 100%);background-repeat:repeat-x}
.pick-a-color-markup .spectrum-purple{background-image:-webkit-gradient(linear, left top, right top, color-stop(0, #ff80ff), color-stop(.5, #80007f), color-stop(1, #000));background-image:-moz-linear-gradient(left center, #ff80ff 0, #80007f 50%, #000 100%);background-image:-webkit-linear-gradient(left, #ff80ff 0, #80007f 50%, #000 100%);background-image:-o-linear-gradient(left, #ff80ff 0, #80007f 50%, #000 100%);background-image:linear-gradient(to right, #ff80ff 0, #80007f 50%, #000 100%);background-repeat:repeat-x}
.pick-a-color-markup .spectrum-black{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#000), to(#808080));background-image:-webkit-linear-gradient(left, color-stop(#000 0), color-stop(#808080 100%));background-image:-moz-linear-gradient(left, #000 0, #808080 100%);background-image:linear-gradient(to right, #000 0, #808080 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff808080', GradientType=1)}.pick-a-color-markup .spectrum-black .highlight-band{left:0px;border:1px solid #808080}
.pick-a-color-markup .ie-spectrum{height:20px;width:100px;display:inline-block;top:-1}.pick-a-color-markup .ie-spectrum.hue{width:50.5px}@media screen and (max-width:991px){.pick-a-color-markup .ie-spectrum.hue{width:45.5px}}
@media screen and (max-width:991px){.pick-a-color-markup .ie-spectrum{width:80px;height:35px}}
.pick-a-color-markup .red-spectrum-0,.pick-a-color-markup .lightness-spectrum-0{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#fff), to(#f00));background-image:-webkit-linear-gradient(left, color-stop(#fff 0), color-stop(#f00 100%));background-image:-moz-linear-gradient(left, #fff 0, #f00 100%);background-image:linear-gradient(to right, #fff 0, #f00 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffff0000', GradientType=1);border-bottom-left-radius:4px;border-top-left-radius:4px}
.pick-a-color-markup .red-spectrum-1,.pick-a-color-markup .lightness-spectrum-1{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#f00), to(#000));background-image:-webkit-linear-gradient(left, color-stop(#f00 0), color-stop(#000 100%));background-image:-moz-linear-gradient(left, #f00 0, #000 100%);background-image:linear-gradient(to right, #f00 0, #000 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff0000', endColorstr='#ff000000', GradientType=1);border-bottom-right-radius:4px;border-top-right-radius:4px}
.pick-a-color-markup .lightness-spectrum-0,.pick-a-color-markup .lightness-spectrum-1{width:150px}@media screen and (max-width:991px){.pick-a-color-markup .lightness-spectrum-0,.pick-a-color-markup .lightness-spectrum-1{width:135px}}
.pick-a-color-markup .orange-spectrum-0{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#fff), to(#f60));background-image:-webkit-linear-gradient(left, color-stop(#fff 0), color-stop(#f60 100%));background-image:-moz-linear-gradient(left, #fff 0, #f60 100%);background-image:linear-gradient(to right, #fff 0, #f60 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffff6600', GradientType=1);border-bottom-left-radius:4px;border-top-left-radius:4px}
.pick-a-color-markup .orange-spectrum-1{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#f60), to(#000));background-image:-webkit-linear-gradient(left, color-stop(#f60 0), color-stop(#000 100%));background-image:-moz-linear-gradient(left, #f60 0, #000 100%);background-image:linear-gradient(to right, #f60 0, #000 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff6600', endColorstr='#ff000000', GradientType=1);border-bottom-right-radius:4px;border-top-right-radius:4px}
.pick-a-color-markup .yellow-spectrum-0{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#fff), to(#ff0));background-image:-webkit-linear-gradient(left, color-stop(#fff 0), color-stop(#ff0 100%));background-image:-moz-linear-gradient(left, #fff 0, #ff0 100%);background-image:linear-gradient(to right, #fff 0, #ff0 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffff00', GradientType=1);border-bottom-left-radius:4px;border-top-left-radius:4px}
.pick-a-color-markup .yellow-spectrum-1{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#ff0), to(#000));background-image:-webkit-linear-gradient(left, color-stop(#ff0 0), color-stop(#000 100%));background-image:-moz-linear-gradient(left, #ff0 0, #000 100%);background-image:linear-gradient(to right, #ff0 0, #000 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff00', endColorstr='#ff000000', GradientType=1);border-bottom-right-radius:4px;border-top-right-radius:4px}
.pick-a-color-markup .green-spectrum-0{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#80ff80), to(#008000));background-image:-webkit-linear-gradient(left, color-stop(#80ff80 0), color-stop(#008000 100%));background-image:-moz-linear-gradient(left, #80ff80 0, #008000 100%);background-image:linear-gradient(to right, #80ff80 0, #008000 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff80ff80', endColorstr='#ff008000', GradientType=1);border-bottom-left-radius:4px;border-top-left-radius:4px}
.pick-a-color-markup .green-spectrum-1{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#008000), to(#000));background-image:-webkit-linear-gradient(left, color-stop(#008000 0), color-stop(#000 100%));background-image:-moz-linear-gradient(left, #008000 0, #000 100%);background-image:linear-gradient(to right, #008000 0, #000 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008000', endColorstr='#ff000000', GradientType=1);border-bottom-right-radius:4px;border-top-right-radius:4px}
.pick-a-color-markup .blue-spectrum-0{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#fff), to(#00f));background-image:-webkit-linear-gradient(left, color-stop(#fff 0), color-stop(#00f 100%));background-image:-moz-linear-gradient(left, #fff 0, #00f 100%);background-image:linear-gradient(to right, #fff 0, #00f 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff0000ff', GradientType=1);border-bottom-left-radius:4px;border-top-left-radius:4px}
.pick-a-color-markup .blue-spectrum-1{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#00f), to(#000));background-image:-webkit-linear-gradient(left, color-stop(#00f 0), color-stop(#000 100%));background-image:-moz-linear-gradient(left, #00f 0, #000 100%);background-image:linear-gradient(to right, #00f 0, #000 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000ff', endColorstr='#ff000000', GradientType=1);border-bottom-right-radius:4px;border-top-right-radius:4px}
.pick-a-color-markup .purple-spectrum-0{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#ff80ff), to(#80007f));background-image:-webkit-linear-gradient(left, color-stop(#ff80ff 0), color-stop(#80007f 100%));background-image:-moz-linear-gradient(left, #ff80ff 0, #80007f 100%);background-image:linear-gradient(to right, #ff80ff 0, #80007f 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff80ff', endColorstr='#ff80007f', GradientType=1);border-bottom-left-radius:4px;border-top-left-radius:4px}
.pick-a-color-markup .purple-spectrum-1{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#80007f), to(#000));background-image:-webkit-linear-gradient(left, color-stop(#80007f 0), color-stop(#000 100%));background-image:-moz-linear-gradient(left, #80007f 0, #000 100%);background-image:linear-gradient(to right, #80007f 0, #000 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff80007f', endColorstr='#ff000000', GradientType=1);border-bottom-right-radius:4px;border-top-right-radius:4px}
.pick-a-color-markup .saturation-spectrum-0{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#808080), to(#bf4040));background-image:-webkit-linear-gradient(left, color-stop(#808080 0), color-stop(#bf4040 100%));background-image:-moz-linear-gradient(left, #808080 0, #bf4040 100%);background-image:linear-gradient(to right, #808080 0, #bf4040 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff808080', endColorstr='#ffbf4040', GradientType=1);border-bottom-left-radius:4px;border-top-left-radius:4px;width:150px}@media screen and (max-width:991px){.pick-a-color-markup .saturation-spectrum-0{width:135px}}
.pick-a-color-markup .saturation-spectrum-1{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#bf4040), to(#f00));background-image:-webkit-linear-gradient(left, color-stop(#bf4040 0), color-stop(#f00 100%));background-image:-moz-linear-gradient(left, #bf4040 0, #f00 100%);background-image:linear-gradient(to right, #bf4040 0, #f00 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbf4040', endColorstr='#ffff0000', GradientType=1);border-bottom-right-radius:4px;border-top-right-radius:4px;width:150px}@media screen and (max-width:991px){.pick-a-color-markup .saturation-spectrum-1{width:135px}}
.pick-a-color-markup .hue-spectrum-0{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#f00), to(#ff0));background-image:-webkit-linear-gradient(left, color-stop(#f00 0), color-stop(#ff0 100%));background-image:-moz-linear-gradient(left, #f00 0, #ff0 100%);background-image:linear-gradient(to right, #f00 0, #ff0 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff0000', endColorstr='#ffffff00', GradientType=1)}
.pick-a-color-markup .hue-spectrum-1{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#ff0), to(#0f0));background-image:-webkit-linear-gradient(left, color-stop(#ff0 0), color-stop(#0f0 100%));background-image:-moz-linear-gradient(left, #ff0 0, #0f0 100%);background-image:linear-gradient(to right, #ff0 0, #0f0 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff00', endColorstr='#ff00ff00', GradientType=1)}
.pick-a-color-markup .hue-spectrum-2{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#0f0), to(#0ff));background-image:-webkit-linear-gradient(left, color-stop(#0f0 0), color-stop(#0ff 100%));background-image:-moz-linear-gradient(left, #0f0 0, #0ff 100%);background-image:linear-gradient(to right, #0f0 0, #0ff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff00', endColorstr='#ff00ffff', GradientType=1);left:-1px;position:relative}
.pick-a-color-markup .hue-spectrum-3{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#0ff), to(#00f));background-image:-webkit-linear-gradient(left, color-stop(#0ff 0), color-stop(#00f 100%));background-image:-moz-linear-gradient(left, #0ff 0, #00f 100%);background-image:linear-gradient(to right, #0ff 0, #00f 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ffff', endColorstr='#ff0000ff', GradientType=1);left:-1px;position:relative}
.pick-a-color-markup .hue-spectrum-4{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#00f), to(#f0f));background-image:-webkit-linear-gradient(left, color-stop(#00f 0), color-stop(#f0f 100%));background-image:-moz-linear-gradient(left, #00f 0, #f0f 100%);background-image:linear-gradient(to right, #00f 0, #f0f 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000ff', endColorstr='#ffff00ff', GradientType=1);left:-1px;position:relative}
.pick-a-color-markup .hue-spectrum-5{background-image:-webkit-gradient(linear, 0 top, 100% top, from(#f0f), to(#f00));background-image:-webkit-linear-gradient(left, color-stop(#f0f 0), color-stop(#f00 100%));background-image:-moz-linear-gradient(left, #f0f 0, #f00 100%);background-image:linear-gradient(to right, #f0f 0, #f00 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00ff', endColorstr='#ffff0000', GradientType=1);left:-2px;position:relative}
.pick-a-color-markup .highlight-band{border:1px solid #222;border-radius:2px;-webkit-box-shadow:1px 1px 1px #333;box-shadow:1px 1px 1px #333;height:19px;width:11px;display:inline-block;cursor:pointer;cursor:-webkit-grab;cursor:-moz-grab;position:absolute;top:-1px;left:94.5px;text-align:center}@media screen and (max-width:991px){.pick-a-color-markup .highlight-band{width:21px;left:69.5px;height:34px}}
.pick-a-color-markup .highlight-band-stripe{min-height:80%;min-width:1px;background-color:#000;opacity:0.40;margin:2px 1px;display:inline-block;-webkit-box-shadow:1px 0 2px 0 #fff;box-shadow:1px 0 2px 0 #fff}@media screen and (max-width:991px){.pick-a-color-markup .highlight-band-stripe{margin:4px 2px}}
.pick-a-color-markup .color-menu-tabs{padding:5px 3px 3px 10px;font-size:12px;color:#333;border-bottom:1px solid #ccc;margin-bottom:5px}.pick-a-color-markup .color-menu-tabs .tab{padding:4px 5px;margin:5px;border-left:1px solid #fff;border-right:1px solid #fff;cursor:pointer;background-color:#fff}.pick-a-color-markup .color-menu-tabs .tab:hover{padding-bottom:6px;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;border-top-right-radius:4px;border-top-left-radius:4px}
.pick-a-color-markup .color-menu-tabs a{color:#333;text-decoration:none}
.pick-a-color-markup .color-menu-tabs .tab-active{border-bottom:3px solid #fff;padding-bottom:5px;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;border-top-right-radius:4px;border-top-left-radius:4px}
.pick-a-color-markup .active-content{display:block}
.pick-a-color-markup .inactive-content{display:none}
.pick-a-color-markup .savedColors-content{padding:5px 15px;white-space:normal}.pick-a-color-markup .savedColors-content li.color-item>a{margin-left:7px;padding-left:8px;border-radius:4px}
.pick-a-color-markup .saved-color-col{position:relative;left:-15px;float:left;width:149px}@media screen and (max-width:991px){.pick-a-color-markup .saved-color-col{width:130px}}
.pick-a-color-markup .advanced-content ul{margin-top:10px}
.pick-a-color-markup .advanced-content li{padding:5px 15px 3px 15px;cursor:default;min-height:25px;height:50px;position:relative}@media screen and (max-width:991px){.pick-a-color-markup .advanced-content li{min-height:70px}}
.pick-a-color-markup .advanced-content .color-preview{height:50px;width:300px;float:left;margin:0px 0px 10px 0px;background-color:#f00;text-align:center}.pick-a-color-markup .advanced-content .color-preview .color-select.btn.advanced{margin-top:15px;display:none}@media screen and (max-width:991px){.pick-a-color-markup .advanced-content .color-preview .color-select.btn.advanced{display:inline;margin-top:7px}}
.pick-a-color-markup .advanced-content .color-preview:hover .color-select.btn.advanced{display:inline}
@media screen and (max-width:991px){.pick-a-color-markup .advanced-content .color-preview{width:270px;margin-left:-10px}}
.pick-a-color-markup .advanced-content .spectrum-hue{background-image:-webkit-gradient(linear, left top, right top, color-stop(0, #f00), color-stop(17%, #ff0), color-stop(34%, #0f0), color-stop(51%, #0ff), color-stop(68%, #00f), color-stop(85%, #f0f), color-stop(100%, #f00));background-image:-moz-linear-gradient(left center, #f00 0, #ff0 17%, #0f0 24%, #0ff 51%, #00f 68%, #f0f 85%, #f00 100%);background-image:-webkit-linear-gradient(left, #f00 0, #ff0 17%, #0f0 24%, #0ff 51%, #00f 68%, #f0f 85%, #f00 100%);background-image:-o-linear-gradient(left, #f00 0, #ff0 17%, #0f0 24%, #0ff 51%, #00f 68%, #f0f 85%, #f00 100%);background-image:linear-gradient(to right, #f00 0, #ff0 17%, #0f0 24%, #0ff 51%, #00f 68%, #f0f 85%, #f00 100%);background-repeat:repeat-x}.pick-a-color-markup .advanced-content .spectrum-hue .highlight-band{left:0px}
.pick-a-color-markup .advanced-content .spectrum-lightness{background-image:-webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(.5, #f00), color-stop(1, #000));background-image:-moz-linear-gradient(left center, #fff 0, #f00 50%, #000 100%);background-image:-webkit-linear-gradient(left, #fff 0, #f00 50%, #000 100%);background-image:-o-linear-gradient(left, #fff 0, #f00 50%, #000 100%);background-image:linear-gradient(to right, #fff 0, #f00 50%, #000 100%);background-repeat:repeat-x}
.pick-a-color-markup .advanced-content .spectrum-saturation{background-image:-webkit-gradient(linear, left top, right top, color-stop(0, #808080), color-stop(.5, #f00), color-stop(1, #f00));background-image:-moz-linear-gradient(left center, #808080 0, #f00 50%, #f00 100%);background-image:-webkit-linear-gradient(left, #808080 0, #f00 50%, #f00 100%);background-image:-o-linear-gradient(left, #808080 0, #f00 50%, #f00 100%);background-image:linear-gradient(to right, #808080 0, #f00 50%, #f00 100%);background-repeat:repeat-x}.pick-a-color-markup .advanced-content .spectrum-saturation .highlight-band{left:287px}@media screen and (max-width:991px){.pick-a-color-markup .advanced-content .spectrum-saturation .highlight-band{left:247px}}
.pick-a-color-markup .advanced-content .spectrum-lightness .highlight-band{left:143.5px}@media screen and (max-width:991px){.pick-a-color-markup .advanced-content .spectrum-lightness .highlight-band{left:123.5px}}
.pick-a-color-markup .advanced-content .lightness-text,.pick-a-color-markup .advanced-content .hue-text,.pick-a-color-markup .advanced-content .saturation-text,.pick-a-color-markup .advanced-content .preview-text{vertical-align:middle;text-align:center;display:block}
.pick-a-color-markup .advanced-content .color-box{left:15px;top:25px;width:300px}@media screen and (max-width:991px){.pick-a-color-markup .advanced-content .color-box{width:270px;left:10px}}
.pick-a-color-markup .advanced-content .preview-item{height:80px}
@-moz-document url-prefix(){@media screen and (max-width:991px){div.pick-a-color-markup .color-menu{left:0px}}}
/* Pannellum 2.5.6, https://github.com/mpetroff/pannellum */
.pnlm-container{margin:0;padding:0;overflow:hidden;position:relative;cursor:default;width:100%;height:100%;font-family:Helvetica,"Nimbus Sans L","Liberation Sans",Arial,sans-serif;background:#f4f4f4 url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2267%22%20height%3D%22100%22%20viewBox%3D%220%200%2067%20100%22%3E%0A%3Cpath%20stroke%3D%22%23ccc%22%20fill%3D%22none%22%20d%3D%22M33.5%2C50%2C0%2C63%2C33.5%2C75%2C67%2C63%2C33.5%2C50m-33.5-50%2C67%2C25m-0.5%2C0%2C0%2C75m-66.5-75%2C67-25m-33.5%2C75%2C0%2C25m0-100%2C0%2C50%22%2F%3E%0A%3C%2Fsvg%3E%0A') repeat;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;outline:0;line-height:1.4;contain:content}.pnlm-container *{box-sizing:content-box}.pnlm-ui{position:absolute;width:100%;height:100%;z-index:1}.pnlm-grab{cursor:grab;cursor:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A') 12 8,default}.pnlm-grabbing{cursor:grabbing;cursor:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s5.07-5.29%203.77-6.74c-1.31-1.45-2.53%200.14-2.53%200.14s2.74-3.29%200.535-4.06c-2.2-0.769-2.52%201.3-2.52%201.3s0.81-2.13-1.12-2.13-1.52%201.77-1.52%201.77-0.261-1.59-1.87-1.12c-1.61%200.468-0.874%202.17-0.874%202.17s-0.651-1.55-2-0.445c-1.35%201.11-0.68%202.25-0.365%203.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A') 12 8,default}.pnlm-sprite{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%22208%22%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22117%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22143%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20cy%3D%22169%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cy%3D%22195%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2213%22%20cy%3D%22195%22%20r%3D%222.5%22%2F%3E%0A%3Cpath%20d%3D%22m5%2083v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-5%205v6h6v-6zm-5%205v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20110a7%207%200%200%200%20-7%207%207%207%200%200%200%207%207%207%207%200%200%200%207%20-7%207%207%200%200%200%20-7%20-7zm-1%203h2v2h-2zm0%203h2v5h-2z%22%2F%3E%0A%3Cpath%20d%3D%22m5%2057v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-10%2010v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m17%2038v2h-8v-2z%22%2F%3E%0A%3Cpath%20d%3D%22m12%209v3h-3v2h3v3h2v-3h3v-2h-3v-3z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20136-6.125%206.125h4.375v7.875h3.5v-7.875h4.375z%22%2F%3E%0A%3Cpath%20d%3D%22m10.428%20173.33v-5.77l5-2.89v5.77zm1-1.73%203-1.73-3.001-1.74z%22%2F%3E%0A%3C%2Fsvg%3E%0A')}.pnlm-container:-moz-full-screen{height:100%!important;width:100%!important;position:static!important}.pnlm-container:-webkit-full-screen{height:100%!important;width:100%!important;position:static!important}.pnlm-container:-ms-fullscreen{height:100%!important;width:100%!important;position:static!important}.pnlm-container:fullscreen{height:100%!important;width:100%!important;position:static!important}.pnlm-render-container{cursor:inherit;position:absolute;height:100%;width:100%}.pnlm-controls{margin-top:4px;background-color:#fff;border:1px solid #999;border-color:rgba(0,0,0,0.4);border-radius:3px;cursor:pointer;z-index:2;-webkit-transform:translateZ(9999px);transform:translateZ(9999px)}.pnlm-control:hover{background-color:#f8f8f8}.pnlm-controls-container{position:absolute;top:0;left:4px;z-index:1}.pnlm-zoom-controls{width:26px;height:52px}.pnlm-zoom-in{width:100%;height:50%;position:absolute;top:0;border-radius:3px 3px 0 0}.pnlm-zoom-out{width:100%;height:50%;position:absolute;bottom:0;background-position:0 -26px;border-top:1px solid #ddd;border-top-color:rgba(0,0,0,0.10);border-radius:0 0 3px 3px}.pnlm-fullscreen-toggle-button,.pnlm-orientation-button,.pnlm-hot-spot-debug-indicator{width:26px;height:26px}.pnlm-hot-spot-debug-indicator{position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;background-color:rgba(255,255,255,0.5);border-radius:13px;display:none}.pnlm-orientation-button-inactive{background-position:0 -156px}.pnlm-orientation-button-active{background-position:0 -182px}.pnlm-fullscreen-toggle-button-inactive{background-position:0 -52px}.pnlm-fullscreen-toggle-button-active{background-position:0 -78px}.pnlm-panorama-info{position:absolute;bottom:4px;background-color:rgba(0,0,0,0.7);border-radius:0 3px 3px 0;padding-right:10px;color:#fff;text-align:left;display:none;z-index:2;-webkit-transform:translateZ(9999px);transform:translateZ(9999px)}.pnlm-title-box{position:relative;font-size:20px;display:table;padding-left:5px;margin-bottom:3px}.pnlm-author-box{position:relative;font-size:12px;display:table;padding-left:5px}.pnlm-load-box{position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:rgba(0,0,0,0.7);border-radius:3px;text-align:center;font-size:20px;display:none;color:#fff}.pnlm-load-box p{margin:20px 0}.pnlm-lbox{position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;display:none}.pnlm-loading{animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-name:pnlm-mv;-webkit-animation-name:pnlm-mv;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-timing-function:linear;height:10px;width:10px;background-color:#fff;position:relative}@keyframes pnlm-mv{from{left:0;top:0}25%{left:10px;top:0}50%{left:10px;top:10px}75%{left:0;top:10px}to{left:0;top:0}}@-webkit-keyframes pnlm-mv{from{left:0;top:0}25%{left:10px;top:0}50%{left:10px;top:10px}75%{left:0;top:10px}to{left:0;top:0}}.pnlm-load-button{position:absolute;top:50%;left:50%;width:200px;height:100px;margin:-50px 0 0 -100px;background-color:rgba(0,0,0,.7);border-radius:3px;text-align:center;font-size:20px;display:table;color:#fff;cursor:pointer}.pnlm-load-button:hover{background-color:rgba(0,0,0,.8)}.pnlm-load-button p{display:table-cell;vertical-align:middle}.pnlm-info-box{font-size:15px;position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:#000;border-radius:3px;display:table;text-align:center;color:#fff;table-layout:fixed}.pnlm-info-box a,.pnlm-author-box a{color:#fff;word-wrap:break-word;overflow-wrap:break-word}.pnlm-info-box p{display:table-cell;vertical-align:middle;padding:0 5px 0 5px}.pnlm-error-msg{display:none}.pnlm-about-msg{font-size:11px;line-height:11px;color:#fff;padding:5px 8px 5px 8px;background:rgba(0,0,0,0.7);border-radius:3px;position:absolute;top:50px;left:50px;display:none;opacity:0;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;z-index:1}.pnlm-about-msg a:link,.pnlm-about-msg a:visited{color:#fff}.pnlm-about-msg a:hover,.pnlm-about-msg a:active{color:#eee}.pnlm-hotspot-base{position:absolute;visibility:hidden;cursor:default;vertical-align:middle;top:0;z-index:1}.pnlm-hotspot{height:26px;width:26px;border-radius:13px}.pnlm-hotspot:hover{background-color:rgba(255,255,255,0.2)}.pnlm-hotspot.pnlm-info{background-position:0 -104px}.pnlm-hotspot.pnlm-scene{background-position:0 -130px}div.pnlm-tooltip span{visibility:hidden;position:absolute;border-radius:3px;background-color:rgba(0,0,0,0.7);color:#fff;text-align:center;max-width:200px;padding:5px 10px;margin-left:-220px;cursor:default}div.pnlm-tooltip:hover span{visibility:visible}div.pnlm-tooltip:hover span:after{content:'';position:absolute;width:0;height:0;border-width:10px;border-style:solid;border-color:rgba(0,0,0,0.7) transparent transparent transparent;bottom:-20px;left:-10px;margin:0 50%}.pnlm-compass{position:absolute;width:50px;height:50px;right:4px;bottom:4px;border-radius:25px;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2250%22%20width%3D%2250%22%3E%0A%3Cpath%20d%3D%22m24.5078%206-3.2578%2018h7.5l-3.25781-18h-0.984376zm-3.2578%2020%203.2578%2018h0.9844l3.2578-18h-7.5zm1.19531%200.9941h5.10938l-2.5547%2014.1075-2.5547-14.1075z%22%2F%3E%0A%3C%2Fsvg%3E%0A');cursor:default;display:none}.pnlm-world{position:absolute;left:50%;top:50%}.pnlm-face{position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0}.pnlm-dragfix,.pnlm-preview-img{position:absolute;height:100%;width:100%}.pnlm-preview-img{background-size:cover;background-position:center}.pnlm-lbar{width:150px;margin:0 auto;border:#fff 1px solid;height:6px}.pnlm-lbar-fill{background:#fff;height:100%;width:0}.pnlm-lmsg{font-size:12px}.pnlm-fade-img{position:absolute;top:0;left:0}.pnlm-pointer{cursor:pointer}
/* Camadas Mapa */
.barra_inferior {
background-image: url('body_bk.jpg');
width: 100%;
position: absolute;
bottom: 0px;
z-index: 1;
height: auto;
border-color: #a9a9a9;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-radius: 0px;
border-style: solid;
}
.barra_inferior_td {
width: 25%;
text-align: center;
}
.barra_inferior_projecao {
}
.barra_inferior_coordenadas {
}
.barra_inferior_escala {
}
.barra_inferior_barra_de_escala {
}
.barra_inferior_layers_tabela {
z-index: 9999;
background-color: RGBA(0,0,0,0);
}
#barra_inferior_layers_tabela:hover {
cursor: move;
}
.barra_inferior_conteudo {
background-color: RGB(255,255,255);
}
.barra_inferiors_icones {
width: 27px;
height: 27px;
overflow: hidden;
background-color: RGB(255,255,255);
cursor: pointer;
}
.coordenadas_mapa_mouse{
color: black;
background-color: RGBA(255,255,255, 0);
}
.width_auto {
width: auto;
}
.width_98{
width: 98%;
}
.barra_inferior_layers_titulo {
font-weight: bolder;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-user-select: none;
}
.barra_inferior_layers_fundo {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-user-select: none;
color: white;
font-family: arial, sans-serif;
font-size: 1.5em;
font-weight: bold;
background-color: black;
opacity: 0.9;
}
.olControlPanel {
display: none;
}
.barra_inferior_InformacaoPonto_resultado{
border: solid;
}
.tooltip {
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 4px;
color: white;
padding: 4px 8px;
opacity: 0.7;
white-space: nowrap;
z-index: 9999;
}
.tooltip-measure {
opacity: 1;
font-weight: bold;
}
.tooltip-static {
background-color: #ffcc33;
color: black;
border: 1px solid white;
}
.tooltip-measure:before,
.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%;
}
.tooltip-static:before {
border-top-color: #ffcc33;
}
.ol-scale-line-inner {
color: black;
border-color: black;
}
.ol-scale-line {
position: relative;
bottom: 0px;
left: 0px;
background-color: rgba(0,0,0, 0);
color: black;
}
.titulo_1 {
/*display: none;*/
}
.modulo {
background: none;
}
tr.item_2 {
background: none;
}
.ft-closer {
text-decoration: none;
position: absolute;
top: 2px;
right: 8px;
}
.ft-closer:after {
content: "✖";
}
.ft-loading {
position: absolute;
top: 35%;
left: 50%;
}
/* ICONE USADO NO CARREGAR */
span.carregar {
background-image: url("icons/new.png");
}
/* ICONE USADO NO CADASTRAR */
span.cadastrar {
background-image: url("icons/new.png");
}
/* ICONE USADO NO UPLOAD DE SHP */
span.shp_upload {
background-image: url("icons/shp_upload_32.png");
}
/* ICONE USADO NO DOWNLOAD DE SHP */
span.shp_download {
background-image: url("icons/shp_download_32.png");
}
/* ICONE USADO PARA ALTERAR */
span.alterar {
background-image: url("icons/pencil_32.png");
}
/* ICONE USADO PARA LISTAR */
span.listar {
background-image: url("icons/clipboard_32.png");
}
/* ICONE USADO PARA MODELOS DE LAYERS */
span.modelos {
background-image: url("icons/modelos.png");
background-size: cover;
}
span.territorial, span.voltar {
background-image: url("icons/left_32.png");
}
span.cancelar {
background-image: url("icons/block_32.png")
}
span.mostrar {
background-image: url("icons/monitor_32.png")
}
span.sincronizar {
background-image: url("icons/sincronizar.png")
}
span.buscar {
background-image: url("icons/buscar.png")
}
/*
* Tela de login — identidade visual da Prefeitura de Lauro de Freitas
* Todos os seletores ficam sob .sg-login para não interferir no restante do sistema.
*/
.sg-login {
position: fixed;
top: 0; right: 0; bottom: 0; left: 0;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(420px, 1fr);
font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
color: var(--sg-text);
background: var(--sg-surface);
-webkit-font-smoothing: antialiased;
overflow: auto;
}
.sg-login *,
.sg-login *::before,
.sg-login *::after { box-sizing: border-box; }
/* ---------- Painel institucional ---------- */
.sg-login__hero {
position: relative;
background-size: cover;
background-position: center;
color: #fff;
overflow: hidden;
}
.sg-login__hero-overlay {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
background:
linear-gradient(160deg, rgba(17, 19, 47, .55) 0%, rgba(26, 28, 75, .82) 55%, rgba(17, 19, 47, .96) 100%),
linear-gradient(90deg, rgba(60, 67, 201, .35), rgba(163, 170, 255, .12));
}
.sg-login__hero-content {
position: relative;
height: 100%;
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 48px 56px;
}
.sg-brand { display: flex; align-items: center; }
.sg-brand__logo { display: block; height: 52px; width: auto; }
.sg-hero-text { max-width: 560px; }
.sg-login .sg-hero-text__eyebrow {
margin: 0 0 16px;
font-size: 13px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: var(--sg-brand-300);
}
.sg-login .sg-hero-text__title {
margin: 0 0 16px;
font-size: clamp(30px, 3.2vw, 44px);
line-height: 1.12;
font-weight: 700;
letter-spacing: -.02em;
color: #fff;
}
.sg-login .sg-hero-text__lead {
margin: 0 0 28px;
font-size: 17px;
line-height: 1.6;
color: rgba(255, 255, 255, .78);
max-width: 480px;
}
.sg-hero-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.sg-hero-tags li {
padding: 7px 14px;
font-size: 13px;
font-weight: 500;
color: #fff;
background: rgba(255, 255, 255, .1);
border: 1px solid rgba(255, 255, 255, .18);
border-radius: 999px;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
.sg-login .sg-login__hero-foot {
margin: 0;
font-size: 13px;
color: rgba(255, 255, 255, .55);
}
/* ---------- Formulário ---------- */
.sg-login__panel {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 48px 40px 32px;
background: var(--sg-surface);
min-height: 100%;
}
.sg-login__card {
width: 100%;
max-width: 384px;
margin: auto 0;
}
.sg-login__client-logo {
display: block;
height: 68px;
width: auto;
margin: 0 0 40px;
}
.sg-login__header { margin-bottom: 28px; }
.sg-login .sg-login__header h2 {
margin: 0 0 8px;
font-size: 28px;
line-height: 1.2;
font-weight: 700;
letter-spacing: -.02em;
color: var(--sg-text);
}
.sg-login .sg-login__header p {
margin: 0;
font-size: 15px;
color: var(--sg-text-muted);
}
/* Alertas */
.sg-alert {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 20px;
padding: 12px 14px;
font-size: 14px;
line-height: 1.45;
border-radius: 10px;
border: 1px solid;
}
.sg-alert svg { flex: none; width: 18px; height: 18px; margin-top: 1px; }
.sg-alert--erro { color: var(--sg-danger); background: var(--sg-danger-bg); border-color: var(--sg-danger-border); }
.sg-alert--info { color: var(--sg-info); background: var(--sg-info-bg); border-color: var(--sg-info-border); }
/* Campos */
.sg-form { margin: 0; }
.sg-field { margin-bottom: 20px; }
.sg-field__row {
display: flex;
align-items: baseline;
justify-content: space-between;
}
.sg-login .sg-field label {
display: block;
width: auto;
margin: 0 0 8px;
font-family: inherit;
font-size: 14px;
font-weight: 600;
color: var(--sg-text);
}
.sg-input { position: relative; }
.sg-input__icon {
position: absolute;
left: 14px;
top: 50%;
width: 20px;
height: 20px;
transform: translateY(-50%);
color: var(--sg-placeholder);
pointer-events: none;
transition: color .15s ease;
}
.sg-login .sg-input input {
display: block;
width: 100%;
height: 48px;
margin: 0;
padding: 0 44px 0 44px;
font-family: inherit;
font-size: 15px;
text-align: left;
color: var(--sg-text);
background: var(--sg-surface-alt);
border: 1px solid var(--sg-border);
border-radius: 10px;
outline: none;
box-shadow: none;
transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.sg-login .sg-input input::placeholder { color: var(--sg-placeholder); }
.sg-login .sg-input input:hover { border-color: var(--sg-border-strong); }
.sg-login .sg-input input:focus {
background: var(--sg-surface);
border-color: var(--sg-brand-600);
box-shadow: 0 0 0 4px var(--sg-focus);
}
.sg-input:focus-within .sg-input__icon { color: var(--sg-brand-600); }
.sg-input__toggle {
position: absolute;
right: 6px;
top: 50%;
width: 36px;
height: 36px;
transform: translateY(-50%);
display: grid;
place-items: center;
padding: 0;
color: var(--sg-placeholder);
background: transparent;
border: 0;
border-radius: 8px;
cursor: pointer;
}
.sg-input__toggle:hover { color: var(--sg-text); background: rgba(20, 22, 58, .05); }
.sg-input__toggle:focus-visible { outline: 2px solid var(--sg-brand-600); outline-offset: 1px; }
.sg-input__toggle svg { width: 20px; height: 20px; }
.sg-input__toggle .sg-eye-off { display: none; }
.sg-input__toggle[aria-pressed="true"] .sg-eye { display: none; }
.sg-input__toggle[aria-pressed="true"] .sg-eye-off { display: block; }
.sg-login .sg-link {
font-size: 13px;
font-weight: 500;
color: var(--sg-brand-600);
text-decoration: none;
}
.sg-login .sg-link:hover { color: var(--sg-brand-700); text-decoration: underline; }
/* Botão */
.sg-button {
position: relative;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
height: 48px;
margin-top: 8px;
padding: 0 20px;
font-family: inherit;
font-size: 15px;
font-weight: 600;
color: #fff;
background: var(--sg-brand-700);
border: 0;
border-radius: 10px;
cursor: pointer;
box-shadow: 0 1px 2px rgba(17, 19, 47, .12), 0 6px 16px -6px rgba(60, 67, 201, .55);
transition: background-color .15s ease, transform .05s ease, box-shadow .15s ease;
}
.sg-button:hover { background: var(--sg-ink-900); }
.sg-button:active { transform: translateY(1px); }
.sg-button:focus-visible { outline: none; box-shadow: 0 0 0 4px var(--sg-focus); }
.sg-button__spinner {
display: none;
width: 16px;
height: 16px;
border: 2px solid rgba(255, 255, 255, .35);
border-top-color: #fff;
border-radius: 50%;
animation: sg-spin .7s linear infinite;
}
.sg-button.is-loading { pointer-events: none; opacity: .9; }
.sg-button.is-loading .sg-button__spinner { display: inline-block; }
@keyframes sg-spin { to { transform: rotate(360deg); } }
/* Rodapé */
.sg-login__footer {
display: flex;
align-items: center;
gap: 10px;
margin-top: 40px;
font-size: 12px;
color: var(--sg-text-muted);
}
.sg-login__dev-logo {
flex: none;
height: 18px;
width: auto;
max-width: none;
opacity: .75;
}
/* ---------- Responsivo ---------- */
@media (max-width: 960px) {
.sg-login { grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
.sg-login__hero-content { padding: 24px; gap: 20px; }
.sg-login .sg-hero-text__title { font-size: 24px; margin-bottom: 0; }
.sg-login .sg-hero-text__eyebrow { margin-bottom: 8px; font-size: 11px; }
.sg-login .sg-hero-text__lead,
.sg-hero-tags,
.sg-login .sg-login__hero-foot { display: none; }
.sg-login__panel { padding: 32px 16px 24px; justify-content: flex-start; }
.sg-login__card { margin: 0 0 auto; }
.sg-login__client-logo { height: 56px; margin-bottom: 28px; }
}
@media (prefers-reduced-motion: reduce) {
.sg-login * { transition: none !important; animation-duration: 0s !important; }
}
div.olMap {
z-index: 0;
padding: 0px!important;
margin: 0px!important;
cursor: default;
}
div.olMapViewport {
text-align: left;
}
div.olLayerDiv {
-moz-user-select: none;
}
.olLayerGoogleCopyright {
left: 2px;
bottom: 2px;
}
.olLayerGooglePoweredBy {
left: 2px;
bottom: 15px;
}
.olControlAttribution {
font-size: smaller;
right: 3px;
bottom: 4.5em;
position: absolute;
display: block;
}
.olControlScale {
right: 3px;
bottom: 3em;
display: block;
position: absolute;
font-size: smaller;
}
.olControlScaleLine {
left: 10px;
bottom: 15px;
font-size: xx-small;
}
.olControlScaleLineBottom {
border: solid 2px black;
border-bottom: none;
margin-top:-2px;
text-align: center;
}
.olControlScaleLineTop {
border: solid 2px black;
border-top: none;
text-align: center;
}
.olControlPermalink {
right: 3px;
bottom: 1.5em;
display: block;
position: absolute;
font-size: smaller;
}
div.olControlMousePosition {
bottom: 0em;
right: 3px;
display: block;
position: absolute;
font-family: Arial;
font-size: smaller;
}
.olControlOverviewMapContainer {
position: absolute;
bottom: 0px;
right: 0px;
}
.olControlOverviewMapElement {
padding: 10px 18px 10px 10px;
background-color: #00008B;
-moz-border-radius: 1em 0 0 0;
}
.olControlOverviewMapMinimizeButton {
right: 0px;
bottom: 80px;
}
.olControlOverviewMapMaximizeButton {
right: 0px;
bottom: 80px;
}
.olControlOverviewMapExtentRectangle {
overflow: hidden;
background-image: url("/assets/OpenLayers/blank.gif");
cursor: move;
border: 2px dotted red;
}
.olControlOverviewMapRectReplacement {
overflow: hidden;
cursor: move;
background-image: url("/assets/OpenLayers/overview_replacement.gif");
background-repeat: no-repeat;
background-position: center;
}
.olLayerGeoRSSDescription {
float:left;
width:100%;
overflow:auto;
font-size:1.0em;
}
.olLayerGeoRSSClose {
float:right;
color:gray;
font-size:1.2em;
margin-right:6px;
font-family:sans-serif;
}
.olLayerGeoRSSTitle {
float:left;font-size:1.2em;
}
.olPopupContent {
padding:5px;
overflow: auto;
}
.olControlNavToolbar {
width:0px;
height:0px;
}
.olControlNavToolbar div {
display:block;
width: 28px;
height: 28px;
top: 300px;
left: 6px;
position: relative;
}
.olControlNavigationHistory {
background-image: url("/assets/OpenLayers/navigation_history.png");
background-repeat: no-repeat;
width: 24px;
height: 24px;
}
.olControlNavigationHistoryPreviousItemActive {
background-position: 0px 0px;
}
.olControlNavigationHistoryPreviousItemInactive {
background-position: 0px -24px;
}
.olControlNavigationHistoryNextItemActive {
background-position: -24px 0px;
}
.olControlNavigationHistoryNextItemInactive {
background-position: -24px -24px;
}
.olControlNavToolbar .olControlNavigationItemActive {
background-image: url("/assets/OpenLayers/panning-hand-on.png");
background-repeat: no-repeat;
}
.olControlNavToolbar .olControlNavigationItemInactive {
background-image: url("/assets/OpenLayers/panning-hand-off.png");
background-repeat: no-repeat;
}
.olControlNavToolbar .olControlZoomBoxItemActive {
background-image: url("/assets/OpenLayers/drag-rectangle-on.png");
background-color: orange;
background-repeat: no-repeat;
}
.olControlNavToolbar .olControlZoomBoxItemInactive {
background-image: url("/assets/OpenLayers/drag-rectangle-off.png");
background-repeat: no-repeat;
}
.olControlEditingToolbar {
float:right;
right: 0px;
height: 30px;
width: 200px;
}
.olControlEditingToolbar div {
background-image: url("/assets/OpenLayers/editing_tool_bar.png");
background-repeat: no-repeat;
float:right;
width: 24px;
height: 24px;
margin: 5px;
}
.olControlEditingToolbar .olControlNavigationItemActive {
background-position: -103px -23px;
}
.olControlEditingToolbar .olControlNavigationItemInactive {
background-position: -103px -0px;
}
.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
background-position: -77px -23px;
}
.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
background-position: -77px -0px;
}
.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
background-position: -51px 0px;
}
.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
background-position: -51px -23px;
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {
background-position: -26px 0px;
}
.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
background-position: -26px -23px ;
}
.olControlSaveFeaturesItemActive {
background-image: url(/assets/OpenLayers/save_features_on.png);
background-repeat: no-repeat;
background-position: 0px 1px;
}
.olControlSaveFeaturesItemInactive {
background-image: url(/assets/OpenLayers/save_features_off.png);
background-repeat: no-repeat;
background-position: 0px 1px;
}
.olHandlerBoxZoomBox {
border: 2px solid red;
position: absolute;
background-color: white;
opacity: 0.50;
font-size: 1px;
filter: alpha(opacity=50);
}
.olHandlerBoxSelectFeature {
border: 2px solid blue;
position: absolute;
background-color: white;
opacity: 0.50;
font-size: 1px;
filter: alpha(opacity=50);
}
.olControlPanPanel {
top: 10px;
left: 5px;
}
.olControlPanPanel div {
background-image: url(/assets/OpenLayers/pan-panel.png);
height: 18px;
width: 18px;
cursor: pointer;
position: absolute;
}
.olControlPanPanel .olControlPanNorthItemInactive {
top: 0px;
left: 9px;
background-position: 0px 0px;
}
.olControlPanPanel .olControlPanSouthItemInactive {
top: 36px;
left: 9px;
background-position: 18px 0px;
}
.olControlPanPanel .olControlPanWestItemInactive {
position: absolute;
top: 18px;
left: 0px;
background-position: 0px 18px;
}
.olControlPanPanel .olControlPanEastItemInactive {
top: 18px;
left: 18px;
background-position: 18px 18px;
}
.olControlZoomPanel {
top: 71px;
left: 14px;
}
.olControlZoomPanel div {
background-image: url(/assets/OpenLayers/zoom-panel.png);
position: absolute;
height: 18px;
width: 18px;
cursor: pointer;
}
.olControlZoomPanel .olControlZoomInItemInactive {
top: 0px;
left: 0px;
background-position: 0px 0px;
}
.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
top: 18px;
left: 0px;
background-position: 0px -18px;
}
.olControlZoomPanel .olControlZoomOutItemInactive {
top: 36px;
left: 0px;
background-position: 0px 18px;
}
.olPopupCloseBox {
background: url("/assets/OpenLayers/close.gif") no-repeat;
cursor: pointer;
}
.olFramedCloudPopupContent {
padding: 5px;
overflow: auto;
}
.olControlNoSelect {
-moz-user-select: none;
}
/**
* Cursor styles
*/
.olCursorWait {
cursor: wait;
}
.olDragDown {
cursor: move;
}
.olDrawBox {
cursor: crosshair;
}
.olControlDragFeatureOver {
cursor: move;
}
.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
cursor: -moz-grabbing;
}
.mapa-layer-switcher {
width: 85%;
}
.mapa-full {
height: 100%;
width: 100%;
}
.mapa-feature-table {
height: 70%;
}
/* Tamanho do div do mapa */
.mapa_pequeno {
height: 420px;
/* width: 348px; */
}
.mapa_medio {
height: 550px;
/* width: 348px; */
}
.mapa_pesquisa {
height: 450px;
/* width: 961px; */
}
.mapa_tematico {
height: 400px;
/* width: 765px; */
}
.mapa_grande {
height: 500px;
/* width: 100%; */
}
.mapa-full .ol-zoom {
top: 75px;
}
.mapa-full .ol-overviewmap {
bottom: 43px;
}
.mapa-full .ol-attribution {
bottom: 43px;
}
.mapa-full .layer-switcher {
top: 75px;
right: 0.5em;
text-align: left;
}
.layer-switcher button {
height: 1.375em;
width: 1.375em;
}
.mapa-full .ol-zoom-extent {
top: 130px;
}
.ol-custom-toolbar {
background-color: rgba(255, 255, 255, 0.4);
border-radius: 4px;
padding: 2px;
position: absolute;
/*width:300px;*/
/*top: 75px;*/
/*left:40px;*/
top: 65px;
left: 0.5em;
}
.mapa-full .ol-custom-toolbar {
top: 130px;
}
.ol-control button {
background-color: rgba(0,0,0,0.4);
}
.ol-control button:hover,
.ol-control button:focus {
text-decoration: none;
background-color: rgba(0,0,0,0.6);
}
.ol-control-button.active {
background-color: rgba(0,0,0,0.6);
}
.ol-dragbox {
background-color: rgba(255,255,255,0.4);
border-color: rgba(0,0,255,1);
}
.ol-tooltip {
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 4px;
color: white;
padding: 4px 8px;
white-space: nowrap;
}
.ol-tooltip-measure {
opacity: 1;
font-weight: bold;
}
.ol-tooltip-static {
background-color: rgba(8,48,130,0.5);
color: white;
font-weight: 700;
border: 1px solid white;
}
.ol-tooltip-measure:before,
.ol-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%;
}
.ol-tooltip-static:before {
border-top-color: #083082;
}
.ol-popup {
position: absolute;
background-color: white;
-webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
padding: 15px;
border-radius: 10px;
border: 1px solid #cccccc;
bottom: 12px;
left: -50px;
min-width: 280px;
max-width: 400px;
}
.ol-popup:after, .ol-popup:before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.ol-popup:after {
border-top-color: white;
border-width: 10px;
left: 48px;
margin-left: -10px;
}
.ol-popup:before {
border-top-color: #cccccc;
border-width: 11px;
left: 48px;
margin-left: -11px;
}
.ol-popup-closer {
text-decoration: none;
position: absolute;
top: 2px;
right: 8px;
}
.ol-popup-closer:after {
content: "✖";
}
.ol-popup-title {
font-size: medium;
padding-bottom: 8px;
font-weight: bold;
}
.ol-layerswitcher button {
background-image: none;
float: right;
height: 1.375em;
width: 1.375em;
z-index: 10;
position: relative;
}
.ol-layerswitcher button:after {
content: "\f0c9";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
}
.ol-control.ol-layerswitcher {
top: .5em;
}
.mapa-full .ol-control.ol-layerswitcher {
/*position: absolute;*/
top: 75px;
/*max-height: calc(100% - 6em);*/
/*box-sizing: border-box;*/
/*overflow: hidden;*/
}
.ol-custom-legend {
position: absolute;
top: .5em;
left: 45px;
/*max-width: calc(100% - 1.3em);*/
height: 300px;
width: 200px;
background: none;
background-color: white;
overflow: auto;
}
.mapa-full .ol-custom-legend {
top: 75px;
}
.menu{
border: none;
border: 0;
margin: 0;
padding: 0;
width: 100%
}
.menu ul{
/*background: #333333 url('menu_bk.png');*/
height: 60px;
list-style: none;
margin: 0;
padding: 0;
}
.menu li{
float: left;
padding: 0;
}
.menu li a.link_menu{
line-height: 60px;
height: 60px;
margin: 0;
padding: 0 30px;
color: #555;
display: block;
font-size: 14px;
font-weight: bold;
text-decoration: none;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.menu li a.link_menu:hover, .menu ul li:hover a.link_menu {
background-color: #d3d3d3;
font-weight: bold;
color: white;
/*text-shadow: 0 1.5px 0 #a9a9a9;*/
text-decoration: none;
}
.menu li ul{
display: none;
height: auto;
padding: 10px 0;
margin: 0;
position: absolute;
width: 225px;
z-index: 9999999999;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5);
background: none repeat scroll 0 0 #ffffff;
border: 1px solid #a9a9a9;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display: block;
}
.menu li li {
/* background:url('../assets/sub_sep.gif') bottom left no-repeat; */
display: block;
float: none;
margin: 0;
padding: 0;
width: 225px;
}
.menu li:hover li a.link_menu{
background: none;
text-shadow: none;
color: #555;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.menu li ul a.link_menu{
display: block;
height: 35px;
line-height: 35px;
font-size: 12px;
font-style: normal;
margin: 0;
padding: 0 10px 0 15px;
text-align: left;
text-shadow: none;
color: white;
}
.menu li ul a.link_menu:hover, .menu li ul li:hover a.link_menu{
background: none repeat scroll 0 0 #a9a9a9;
color: #FFFFFF;
cursor: pointer;
text-decoration: none;
}
.menu p{
clear: left;
}
.caret-up {
display: inline-block;
width: 0px;
height: 0px;
margin-left: 2px;
vertical-align: middle;
border-top: none;
border-bottom: 4px solid #ff8c00;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-top-width: 0px;
border-top-style: dotted;
content: "";
}
.caret-down {
display: inline-block;
width: 0px;
height: 0px;
margin-left: 2px;
vertical-align: middle;
border-bottom: none;
border-top: 4px solid #ff8c00;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-bottom-width: 0px;
border-bottom-style: dotted;
content: "";
}
/*body { background-color: #fff; color: #333; }
body, p, ol, ul, td {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
}
*/
pre {
background-color: #eee;
padding: 10px;
font-size: 11px;
}
/*
a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }
*/
/*
.fieldWithErrors {
padding: 2px;
background-color: red;
border: 2px solid red;
display: inline-table;
}
*/
#errorExplanation {
/*width: 400px;*/
border: 2px solid red;
padding: 7px;
padding-bottom: 12px;
margin-bottom: 20px;
background-color: #f0f0f0;
white-space: normal;
}
#errorExplanation h2 {
text-align: left;
font-weight: bold;
padding: 5px 5px 5px 15px;
font-size: 12px;
margin: -7px;
background-color: #c00;
color: #fff;
}
#errorExplanation p {
color: #333;
margin-bottom: 0;
padding: 5px;
}
#errorExplanation ul li {
font-size: 12px;
list-style: square;
}
/*
* Identidade visual das telas de cadastro (index/search, show, new, edit…).
*
* As telas antigas compartilham o mesmo esqueleto de classes (titulo_0, toolbar, modulo/cabecalho,
* border/titulo_1, item_0/1/2, rotulo/valor, campo_texto*, botao_submit, link_imagem_*…).
* Este arquivo só reestiliza essas classes — nenhum id, name ou classe usada por JS foi alterado.
*
* Tudo fica sob "body.sg-com-menu div.conteudo" (o miolo das telas internas), então:
* - não afeta o mapa, a tela de login, impressões e relatórios (que não usam esse wrapper);
* - ganha especificidade suficiente para vencer o style.css, que é carregado depois.
* Sem :has() e sem recursos novos de CSS (compatível com navegadores mais antigos).
*/
body.sg-com-menu { background: var(--sg-bg-page); }
body.sg-com-menu div.conteudo {
width: auto;
max-width: 1720px;
min-width: 940px;
margin: 24px auto 0;
padding: 0 28px;
box-sizing: border-box;
background: none;
font-family: var(--sg-font);
color: var(--sg-text);
-webkit-font-smoothing: antialiased;
}
body.sg-com-menu div.conteudo a,
body.sg-com-menu div.conteudo label,
body.sg-com-menu div.conteudo td,
body.sg-com-menu div.conteudo input,
body.sg-com-menu div.conteudo select,
body.sg-com-menu div.conteudo textarea,
body.sg-com-menu div.conteudo button { font-family: var(--sg-font); }
/* =========================================================================
* Cabeçalho da página: título + ações (menu_titulo_principal)
* ========================================================================= */
body.sg-com-menu div.conteudo div.titulo_0 {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
height: auto;
min-height: 44px;
margin: 0 0 20px;
padding: 0 0 16px;
background: none;
border-bottom: 1px solid var(--sg-border);
}
body.sg-com-menu div.conteudo div.titulo_0 div.titulo {
float: none;
display: flex;
align-items: center;
gap: 12px;
margin: 0;
padding: 0;
background: none;
font: 600 22px/1.2 var(--sg-font);
letter-spacing: -.01em;
color: var(--sg-text);
text-transform: none;
}
body.sg-com-menu div.conteudo div.titulo_0 div.titulo::before {
content: '';
flex: none;
width: 4px;
height: 24px;
border-radius: 4px;
background: var(--sg-brand-500);
}
body.sg-com-menu div.conteudo div.toolbar {
float: none;
height: auto;
margin: 0;
padding: 0;
background: none;
}
body.sg-com-menu div.conteudo div.toolbar table,
body.sg-com-menu div.conteudo div.toolbar tbody,
body.sg-com-menu div.conteudo div.toolbar tr {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px;
width: auto;
}
body.sg-com-menu div.conteudo div.toolbar td { display: block; padding: 0; }
body.sg-com-menu div.conteudo div.toolbar td > a {
float: none;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
height: 36px;
min-width: 36px;
padding: 0 14px;
box-sizing: border-box;
border: 1px solid var(--sg-border);
border-radius: 8px;
background: var(--sg-surface);
box-shadow: var(--sg-shadow-sm);
font: 500 13px/1 var(--sg-font);
color: var(--sg-text-2);
text-decoration: none;
white-space: nowrap;
transition: background-color .15s, border-color .15s, color .15s;
}
body.sg-com-menu div.conteudo div.toolbar td > a:hover {
border-color: var(--sg-brand-300);
background: var(--sg-brand-50);
color: var(--sg-brand-700);
text-decoration: none;
}
body.sg-com-menu div.conteudo div.toolbar td > a.sg-primario {
border-color: var(--sg-brand-700);
background: var(--sg-brand-700);
color: #fff;
}
body.sg-com-menu div.conteudo div.toolbar td > a.sg-primario:hover { background: var(--sg-brand-800); border-color: var(--sg-brand-800); color: #fff; }
body.sg-com-menu div.conteudo div.toolbar td > a img { width: auto; height: 20px; }
body.sg-com-menu div.conteudo div.toolbar td > a br { display: none; }
body.sg-com-menu div.conteudo div.toolbar td > a:not(.menu_action) { padding: 0 10px; }
/* Ícone das ações: imagem antiga como fallback, SVG monocromático (máscara) para as conhecidas */
body.sg-com-menu div.conteudo div.toolbar td > a span {
display: block;
flex: none;
float: none;
width: 18px;
height: 18px;
margin: 0;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
font-size: 0;
}
body.sg-com-menu div.conteudo .sg-ico,
body.sg-com-menu div.conteudo div.toolbar td > a span.cadastrar,
body.sg-com-menu div.conteudo div.toolbar td > a span.carregar,
body.sg-com-menu div.conteudo div.toolbar td > a span.buscar,
body.sg-com-menu div.conteudo div.toolbar td > a span.alterar,
body.sg-com-menu div.conteudo div.toolbar td > a span.mostrar,
body.sg-com-menu div.conteudo div.toolbar td > a span.voltar,
body.sg-com-menu div.conteudo div.toolbar td > a span.territorial,
body.sg-com-menu div.conteudo div.toolbar td > a span.listar,
body.sg-com-menu div.conteudo div.toolbar td > a span.cancelar,
body.sg-com-menu div.conteudo div.toolbar td > a span.sincronizar,
body.sg-com-menu div.conteudo div.toolbar td > a span.shp_upload,
body.sg-com-menu div.conteudo div.toolbar td > a span.shp_download {
background-image: none;
background-color: currentColor;
-webkit-mask-position: center; mask-position: center;
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-size: contain; mask-size: contain;
}
/* Ícones (traço, 24×24) */
body.sg-com-menu div.conteudo div.toolbar td > a span.cadastrar,
body.sg-com-menu div.conteudo div.toolbar td > a span.carregar { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo div.toolbar td > a span.buscar { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo div.toolbar td > a span.alterar { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.17 6.81a2.83 2.83 0 0 0-4-4L3.84 16.17a2 2 0 0 0-.5.83l-1.32 4.35a.5.5 0 0 0 .62.62l4.35-1.32a2 2 0 0 0 .83-.5zM15 5l4 4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.17 6.81a2.83 2.83 0 0 0-4-4L3.84 16.17a2 2 0 0 0-.5.83l-1.32 4.35a.5.5 0 0 0 .62.62l4.35-1.32a2 2 0 0 0 .83-.5zM15 5l4 4'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo div.toolbar td > a span.mostrar { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.06 12.35a1 1 0 0 1 0-.7 10.75 10.75 0 0 1 19.88 0 1 1 0 0 1 0 .7 10.75 10.75 0 0 1-19.88 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.06 12.35a1 1 0 0 1 0-.7 10.75 10.75 0 0 1 19.88 0 1 1 0 0 1 0 .7 10.75 10.75 0 0 1-19.88 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo div.toolbar td > a span.voltar,
body.sg-com-menu div.conteudo div.toolbar td > a span.territorial { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 19-7-7 7-7M19 12H5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 19-7-7 7-7M19 12H5'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo div.toolbar td > a span.listar { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo div.toolbar td > a span.cancelar { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m5.6 5.6 12.8 12.8'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m5.6 5.6 12.8 12.8'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo div.toolbar td > a span.sincronizar { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8M21 3v5h-5M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16M8 16H3v5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8M21 3v5h-5M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16M8 16H3v5'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo div.toolbar td > a span.shp_upload { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo div.toolbar td > a span.shp_download { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo a.link_imagem_mostrar::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.06 12.35a1 1 0 0 1 0-.7 10.75 10.75 0 0 1 19.88 0 1 1 0 0 1 0 .7 10.75 10.75 0 0 1-19.88 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.06 12.35a1 1 0 0 1 0-.7 10.75 10.75 0 0 1 19.88 0 1 1 0 0 1 0 .7 10.75 10.75 0 0 1-19.88 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo a.link_imagem_alterar::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.17 6.81a2.83 2.83 0 0 0-4-4L3.84 16.17a2 2 0 0 0-.5.83l-1.32 4.35a.5.5 0 0 0 .62.62l4.35-1.32a2 2 0 0 0 .83-.5zM15 5l4 4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.17 6.81a2.83 2.83 0 0 0-4-4L3.84 16.17a2 2 0 0 0-.5.83l-1.32 4.35a.5.5 0 0 0 .62.62l4.35-1.32a2 2 0 0 0 .83-.5zM15 5l4 4'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo a.link_imagem_excluir::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo a.link_imagem_executar::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4l13 8-13 8z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4l13 8-13 8z'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo a.link_imagem_clonar::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='14' height='14' rx='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='14' height='14' rx='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo a.link_imagem_cancelar::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m5.6 5.6 12.8 12.8'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m5.6 5.6 12.8 12.8'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo a.link_imagem_descancelar::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7v6h6M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7v6h6M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13'/%3E%3C/svg%3E"); }
/* =========================================================================
* Mensagens (flash)
* ========================================================================= */
body.sg-com-menu div.conteudo #notificacao .ui-state-highlight,
body.sg-com-menu div.conteudo #notificacao .ui-state-error {
width: auto !important;
max-width: 760px;
margin: 0 auto 18px !important;
padding: 12px 16px;
border-radius: 10px;
font: 500 13px/1.45 var(--sg-font);
box-shadow: var(--sg-shadow-sm);
}
body.sg-com-menu div.conteudo #notificacao .ui-state-highlight {
border: 1px solid var(--sg-info-border);
background: var(--sg-info-bg);
color: var(--sg-brand-800);
}
body.sg-com-menu div.conteudo #notificacao .ui-state-error {
border: 1px solid var(--sg-danger-border);
background: var(--sg-danger-bg);
color: var(--sg-danger);
}
body.sg-com-menu div.conteudo #notificacao img { vertical-align: middle; }
/* =========================================================================
* Abas (Geral / Anexos / Observações, Mapa / Fotos…) — jQuery UI tabs
* ========================================================================= */
body.sg-com-menu div.conteudo .ui-tabs { padding: 0; background: none; border: 0; }
body.sg-com-menu div.conteudo .ui-tabs .ui-tabs-nav {
display: flex;
flex-wrap: wrap;
gap: 2px;
margin: 0 0 18px;
padding: 0;
background: none;
border: 0;
border-bottom: 1px solid var(--sg-border);
border-radius: 0;
}
body.sg-com-menu div.conteudo .ui-tabs .ui-tabs-nav li {
float: none;
top: 0;
margin: 0 0 -1px;
padding: 0;
background: none;
border: 0;
border-radius: 0;
white-space: nowrap;
}
body.sg-com-menu div.conteudo .ui-tabs .ui-tabs-nav li a {
float: none;
display: block;
padding: 10px 14px;
border-bottom: 2px solid transparent;
font: 500 13.5px/1.2 var(--sg-font);
color: var(--sg-text-muted);
text-decoration: none;
}
body.sg-com-menu div.conteudo .ui-tabs .ui-tabs-nav li a:hover { color: var(--sg-text); }
body.sg-com-menu div.conteudo .ui-tabs .ui-tabs-nav li.ui-state-active a,
body.sg-com-menu div.conteudo .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
color: var(--sg-brand-700);
border-bottom-color: var(--sg-brand-600);
font-weight: 600;
}
body.sg-com-menu div.conteudo .ui-tabs .ui-tabs-panel { padding: 0; background: none; border: 0; }
/* Painel lateral do show (Mapa / Fotos / Parcela composta) */
body.sg-com-menu div.conteudo #direita-tabs {
padding: 4px 12px 12px;
background: var(--sg-surface);
border: 1px solid var(--sg-border);
border-radius: var(--sg-radius-lg);
box-shadow: var(--sg-shadow-sm);
box-sizing: border-box;
}
body.sg-com-menu div.conteudo #direita-tabs .ui-tabs-nav { margin-bottom: 12px; }
body.sg-com-menu div.conteudo #direita-tabs #pin_link { background: none; border: 0; margin-top: 10px; }
/* =========================================================================
* Estrutura: colunas, folhas e cartões
* ========================================================================= */
body.sg-com-menu div.conteudo div#conteudo { padding: 0; border: 0; }
body.sg-com-menu div.conteudo div#coluna_esquerda { width: calc(100% - 386px); }
body.sg-com-menu div.conteudo div#coluna_esquerda.sem_direita { width: 100%; }
body.sg-com-menu div.conteudo div#coluna_esquerda #lista_autonomas { width: auto !important; }
body.sg-com-menu div.conteudo table.folha {
width: calc(100% + 24px);
margin: 0 -12px;
border-spacing: 12px 0;
}
/* Cartões "módulo" (show) */
body.sg-com-menu div.conteudo div.modulo,
body.sg-com-menu div.conteudo div#conteudo div.modulo {
margin: 0 0 16px;
background: var(--sg-surface);
border: 1px solid var(--sg-border);
border-radius: var(--sg-radius-lg);
box-shadow: var(--sg-shadow-sm);
overflow: hidden;
}
body.sg-com-menu div.conteudo div.modulo div.cabecalho {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: auto;
height: auto;
min-height: 46px;
margin: 0;
padding: 0 12px 0 16px;
box-sizing: border-box;
background: var(--sg-surface);
-webkit-filter: none; filter: none;
border: 0;
border-bottom: 1px solid var(--sg-border-soft);
}
body.sg-com-menu div.conteudo div.modulo div.cabecalho[onclick] { cursor: pointer; }
body.sg-com-menu div.conteudo div.modulo div.cabecalho span.titulo {
float: none;
padding: 0;
font: 600 14px/46px var(--sg-font);
color: var(--sg-text);
text-shadow: none;
text-transform: none;
}
body.sg-com-menu div.conteudo div.cabecalho ul.links {
float: none;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 2px;
margin: 0;
padding: 0;
}
body.sg-com-menu div.conteudo div.cabecalho ul.links li { float: none; padding: 0; line-height: normal; }
body.sg-com-menu div.conteudo div.cabecalho ul.links li a,
body.sg-com-menu div.conteudo table td.link a {
display: inline-block;
padding: 5px 10px;
border-radius: 6px;
font: 500 12.5px/1.3 var(--sg-font);
color: var(--sg-brand-700);
text-decoration: none;
text-shadow: none;
text-transform: none;
}
body.sg-com-menu div.conteudo div.cabecalho ul.links li a:hover,
body.sg-com-menu div.conteudo table td.link a:hover { background: var(--sg-brand-50); color: var(--sg-brand-800); }
/* Cartões "border" (new/edit/search) */
body.sg-com-menu div.conteudo div.border,
body.sg-com-menu div.conteudo div.border_500,
body.sg-com-menu div.conteudo div.border_600,
body.sg-com-menu div.conteudo div.border_mapa,
body.sg-com-menu div.conteudo div.galeria_fotos {
max-width: 100%;
margin-bottom: 16px;
background: var(--sg-surface);
border: 1px solid var(--sg-border);
border-radius: var(--sg-radius-lg);
box-shadow: var(--sg-shadow-sm);
overflow: hidden;
box-sizing: border-box;
}
body.sg-com-menu div.conteudo div.border_600,
body.sg-com-menu div.conteudo div.border_500 { width: auto; }
/* Títulos de seção */
body.sg-com-menu div.conteudo table.titulo_1,
body.sg-com-menu div.conteudo table.titulo_2,
body.sg-com-menu div.conteudo table.titulo_10,
body.sg-com-menu div.conteudo table.titulo_11 { margin: 0; }
body.sg-com-menu div.conteudo table.titulo_1 td,
body.sg-com-menu div.conteudo table.titulo_2 td,
body.sg-com-menu div.conteudo table.titulo_10 td,
body.sg-com-menu div.conteudo table.titulo_11 td,
body.sg-com-menu div.conteudo div.titulo_11 {
height: auto;
padding: 12px 16px !important;
background: var(--sg-surface);
border-bottom: 1px solid var(--sg-border-soft);
font: 600 14px/1.4 var(--sg-font);
color: var(--sg-text);
text-shadow: none;
text-transform: none;
}
body.sg-com-menu div.conteudo div.titulo_11 span { font: inherit; }
body.sg-com-menu div.conteudo table.titulo_1 td.link,
body.sg-com-menu div.conteudo table.titulo_2 td.link,
body.sg-com-menu div.conteudo table.titulo_10 td.link,
body.sg-com-menu div.conteudo table.titulo_11 td.link { padding: 6px 10px !important; }
/* Cartão com título de seção no topo: o próprio cartão faz a borda */
body.sg-com-menu div.conteudo div.border > table.titulo_1:first-child td,
body.sg-com-menu div.conteudo div.border > table.titulo_2:first-child td { border-top: 0; }
/* Subtítulos dentro de cartões */
body.sg-com-menu div.conteudo table.titulo_low { height: auto; margin: 0; }
body.sg-com-menu div.conteudo table.titulo_low td {
height: auto;
padding: 16px 16px 6px !important;
background: none;
font: 600 11px/1.3 var(--sg-font);
letter-spacing: .06em;
text-transform: uppercase;
color: var(--sg-brand-700);
}
body.sg-com-menu div.conteudo table.titulo_sub { border: 0; }
body.sg-com-menu div.conteudo .titulo_sub td,
body.sg-com-menu div.conteudo table.titulo_sub td {
height: auto;
padding: 9px 12px;
background: var(--sg-surface-alt);
border-bottom: 1px solid var(--sg-border-soft);
font: 600 12px/1.3 var(--sg-font);
color: var(--sg-text-muted);
text-transform: none;
}
/* =========================================================================
* Tabelas / formulários
* ========================================================================= */
body.sg-com-menu div.conteudo table tr.item_0,
body.sg-com-menu div.conteudo table tr.item_1,
body.sg-com-menu div.conteudo table tr.item_2 { height: auto; text-shadow: none; }
body.sg-com-menu div.conteudo table tr.item_0 > td,
body.sg-com-menu div.conteudo table tr.item_1 > td,
body.sg-com-menu div.conteudo table tr.item_2 > td,
body.sg-com-menu div.conteudo table.formulario > tbody > tr > td {
padding: 8px 12px;
font-size: 13px;
line-height: 1.4;
color: var(--sg-text);
border-bottom: 1px solid var(--sg-border-soft);
}
body.sg-com-menu div.conteudo table tr.item_0 {
background: var(--sg-surface-alt);
font-weight: 600;
text-transform: none;
}
body.sg-com-menu div.conteudo table tr.item_0 > td { font-size: 12px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo table tr.item_0 td a,
body.sg-com-menu div.conteudo table tr.item_0 td a label {
color: var(--sg-text-muted) !important;
font: 600 12px/1.3 var(--sg-font);
text-decoration: none;
cursor: pointer;
}
body.sg-com-menu div.conteudo table tr.item_0 td a:hover,
body.sg-com-menu div.conteudo table tr.item_0 td a:hover label { color: var(--sg-brand-700) !important; }
body.sg-com-menu div.conteudo table tr.item_1,
body.sg-com-menu div.conteudo table.formulario tr.item_1 { background: var(--sg-surface); }
body.sg-com-menu div.conteudo table tr.item_2,
body.sg-com-menu div.conteudo table.formulario tr.item_2 { background: #FAFAFD; }
body.sg-com-menu div.conteudo table tr.item_1:hover,
body.sg-com-menu div.conteudo table tr.item_2:hover { background: #F4F5FF; }
body.sg-com-menu div.conteudo table.formulario tr.item_1:hover { background: var(--sg-surface); }
body.sg-com-menu div.conteudo table.formulario tr.item_2:hover { background: #FAFAFD; }
body.sg-com-menu div.conteudo table tr.item_1 a,
body.sg-com-menu div.conteudo table tr.item_2 a { color: var(--sg-brand-700); }
/* Rótulo / valor */
body.sg-com-menu div.conteudo table td.rotulo {
font-weight: 500;
color: var(--sg-text-muted) !important;
}
body.sg-com-menu div.conteudo table td.rotulo::after { content: none; }
body.sg-com-menu div.conteudo table td.rotulo label,
body.sg-com-menu div.conteudo table td.valor_2 label {
font: inherit;
color: inherit;
background: none;
border: 0;
}
body.sg-com-menu div.conteudo table td.rotulo span {
display: inline-block;
width: auto;
min-width: 16px;
margin-right: 6px;
padding: 1px 5px;
border: 0;
border-radius: 4px;
background: var(--sg-brand-50);
font: 600 10.5px/1.4 var(--sg-font);
color: var(--sg-brand-700);
text-align: center;
box-sizing: border-box;
}
body.sg-com-menu div.conteudo table td.rotulo span.sg-vazio { display: none; }
body.sg-com-menu div.conteudo table td.valor,
body.sg-com-menu div.conteudo table td.valor_1,
body.sg-com-menu div.conteudo table td.valor_2,
body.sg-com-menu div.conteudo table td.valor_3,
body.sg-com-menu div.conteudo table td.valor_4 { font-weight: 500; color: var(--sg-text); }
body.sg-com-menu div.conteudo table td.controles,
body.sg-com-menu div.conteudo table.formulario td.botoes {
padding: 12px;
background: var(--sg-surface);
font: 500 12.5px/1.4 var(--sg-font);
color: var(--sg-text-2);
}
/* Links em geral */
body.sg-com-menu div.conteudo a {
font-size: 12.5px;
font-weight: 500;
color: var(--sg-brand-700);
}
body.sg-com-menu div.conteudo a:hover { color: var(--sg-brand-800); }
/* Barra de links do show (Histórico | Unificação | …) */
body.sg-com-menu div.conteudo div.navbar {
margin: 0 0 16px;
padding: 6px;
background: var(--sg-surface);
border: 1px solid var(--sg-border);
border-radius: var(--sg-radius);
box-shadow: var(--sg-shadow-sm);
}
body.sg-com-menu div.conteudo div.navbar ul {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 2px;
margin: 0;
padding: 0;
}
body.sg-com-menu div.conteudo div.navbar ul li { float: none; padding: 0; }
body.sg-com-menu div.conteudo div.navbar ul li span:empty { display: none; }
body.sg-com-menu div.conteudo div.navbar ul li a,
body.sg-com-menu div.conteudo div.navbar div.links a {
display: block;
padding: 6px 10px;
border-radius: 6px;
font: 500 12.5px/1.3 var(--sg-font);
color: var(--sg-text-2);
text-decoration: none;
}
body.sg-com-menu div.conteudo div.navbar ul li a:hover,
body.sg-com-menu div.conteudo div.navbar div.links a:hover { background: var(--sg-brand-50); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo div.navbar div.links {
float: none;
display: flex;
flex-wrap: wrap;
height: auto;
margin: 0;
padding: 0;
background: none;
}
body.sg-com-menu div.conteudo div.navbar div.links span.separador { display: none; }
/* =========================================================================
* Campos
* ========================================================================= */
body.sg-com-menu div.conteudo input[type="text"],
body.sg-com-menu div.conteudo input[type="password"],
body.sg-com-menu div.conteudo input[type="email"],
body.sg-com-menu div.conteudo input[type="number"],
body.sg-com-menu div.conteudo input[type="tel"],
body.sg-com-menu div.conteudo input[type="search"],
body.sg-com-menu div.conteudo input[type="url"],
body.sg-com-menu div.conteudo input[type="date"],
body.sg-com-menu div.conteudo input:not([type]),
body.sg-com-menu div.conteudo select,
body.sg-com-menu div.conteudo textarea {
height: 30px;
max-width: 100%;
padding: 0 8px;
box-sizing: border-box;
background-color: var(--sg-surface);
border: 1px solid var(--sg-border-strong);
border-radius: 6px;
box-shadow: none;
font-size: 13px;
color: var(--sg-text);
vertical-align: middle;
transition: border-color .15s, box-shadow .15s;
}
body.sg-com-menu div.conteudo textarea { height: auto; min-height: 64px; padding: 6px 8px; line-height: 1.45; }
body.sg-com-menu div.conteudo textarea.area_texto { height: 90px; }
body.sg-com-menu div.conteudo select[multiple] { height: auto; padding: 4px; }
body.sg-com-menu div.conteudo select:not([multiple]) {
padding-right: 26px;
-webkit-appearance: none; -moz-appearance: none; appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235E6382' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 7px center;
background-size: 14px;
}
body.sg-com-menu div.conteudo input:focus,
body.sg-com-menu div.conteudo select:focus,
body.sg-com-menu div.conteudo textarea:focus {
outline: none;
border-color: var(--sg-brand-600);
box-shadow: 0 0 0 3px var(--sg-focus);
}
body.sg-com-menu div.conteudo input[disabled],
body.sg-com-menu div.conteudo input[readonly],
body.sg-com-menu div.conteudo select[disabled],
body.sg-com-menu div.conteudo textarea[disabled] {
background-color: var(--sg-surface-alt);
color: var(--sg-text-muted);
}
body.sg-com-menu div.conteudo ::-webkit-input-placeholder { color: var(--sg-placeholder); }
body.sg-com-menu div.conteudo ::placeholder { color: var(--sg-placeholder); }
body.sg-com-menu div.conteudo input[type="checkbox"],
body.sg-com-menu div.conteudo input[type="radio"] {
width: 15px;
height: 15px;
margin: 0 4px 0 0;
vertical-align: middle;
accent-color: var(--sg-brand-600);
}
/* Larguras das classes antigas (ajustadas ao novo padding) */
body.sg-com-menu div.conteudo .campo_texto_digito { width: 64px; text-align: center; }
body.sg-com-menu div.conteudo .campo_texto_pequeno { width: 96px; }
body.sg-com-menu div.conteudo .campo_texto_medio { width: 132px; }
body.sg-com-menu div.conteudo .campo_texto_login { width: 180px; }
body.sg-com-menu div.conteudo .campo_combo_medio { width: 150px; }
body.sg-com-menu div.conteudo .campo_combo_pequeno { width: auto; min-width: 150px; }
/* Campos "somente leitura" do sistema antigo continuam sem moldura */
body.sg-com-menu div.conteudo .campo_texto_disabled,
body.sg-com-menu div.conteudo .campo_texto_medio_disabled,
body.sg-com-menu div.conteudo .campo_texto_pequeno_disabled,
body.sg-com-menu div.conteudo .campo_texto_digito_disabled {
height: auto;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
font-weight: 500;
}
/* =========================================================================
* Botões
* ========================================================================= */
body.sg-com-menu div.conteudo .botao_submit,
body.sg-com-menu div.conteudo .botao_submit_like,
body.sg-com-menu div.conteudo input[type="submit"],
body.sg-com-menu div.conteudo input[type="button"],
body.sg-com-menu div.conteudo button.button,
body.sg-com-menu div.conteudo input.button {
display: inline-block;
height: 34px;
padding: 0 18px;
box-sizing: border-box;
background: var(--sg-brand-700);
border: 1px solid var(--sg-brand-700);
border-radius: 8px;
box-shadow: var(--sg-shadow-sm);
font: 600 13px/32px var(--sg-font);
color: #fff;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
transition: background-color .15s, border-color .15s;
}
body.sg-com-menu div.conteudo .botao_submit:hover,
body.sg-com-menu div.conteudo .botao_submit_like:hover,
body.sg-com-menu div.conteudo input[type="submit"]:hover,
body.sg-com-menu div.conteudo input[type="button"]:hover,
body.sg-com-menu div.conteudo button.button:hover,
body.sg-com-menu div.conteudo input.button:hover { background: var(--sg-brand-800); border-color: var(--sg-brand-800); color: #fff; text-decoration: none; }
body.sg-com-menu div.conteudo .botao_submit:focus,
body.sg-com-menu div.conteudo input[type="submit"]:focus,
body.sg-com-menu div.conteudo input[type="button"]:focus { outline: none; box-shadow: 0 0 0 3px var(--sg-focus); }
/* Secundários */
body.sg-com-menu div.conteudo input[type="submit"][value="Limpar"],
body.sg-com-menu div.conteudo input[type="submit"][value="Cancelar"],
body.sg-com-menu div.conteudo input[type="submit"][value="Voltar"],
body.sg-com-menu div.conteudo input[type="button"][value="Cancelar"],
body.sg-com-menu div.conteudo input[type="button"][value="Voltar"],
body.sg-com-menu div.conteudo .sg-btn-secundario {
background: var(--sg-surface);
border-color: var(--sg-border-strong);
color: var(--sg-text-2);
}
body.sg-com-menu div.conteudo input[type="submit"][value="Limpar"]:hover,
body.sg-com-menu div.conteudo input[type="submit"][value="Cancelar"]:hover,
body.sg-com-menu div.conteudo input[type="submit"][value="Voltar"]:hover,
body.sg-com-menu div.conteudo input[type="button"][value="Cancelar"]:hover,
body.sg-com-menu div.conteudo input[type="button"][value="Voltar"]:hover,
body.sg-com-menu div.conteudo .sg-btn-secundario:hover {
background: var(--sg-hover);
border-color: var(--sg-border-strong);
color: var(--sg-text);
}
body.sg-com-menu div.conteudo .botao_submit_disabled,
body.sg-com-menu div.conteudo input[type="submit"][disabled] {
background: var(--sg-surface-alt);
border: 1px solid var(--sg-border);
border-radius: 8px;
color: var(--sg-placeholder);
cursor: not-allowed;
box-shadow: none;
}
/* Ações de linha (mostrar, alterar, excluir…) como botões de ícone */
body.sg-com-menu div.conteudo a.link_imagem_mostrar,
body.sg-com-menu div.conteudo a.link_imagem_alterar,
body.sg-com-menu div.conteudo a.link_imagem_excluir,
body.sg-com-menu div.conteudo a.link_imagem_executar,
body.sg-com-menu div.conteudo a.link_imagem_clonar,
body.sg-com-menu div.conteudo a.link_imagem_cancelar,
body.sg-com-menu div.conteudo a.link_imagem_descancelar {
position: relative;
width: 30px;
height: 30px;
border: 0;
border-radius: 6px;
background: none;
color: var(--sg-icon);
overflow: hidden;
transition: background-color .15s, color .15s;
}
body.sg-com-menu div.conteudo a.link_imagem_mostrar::before,
body.sg-com-menu div.conteudo a.link_imagem_alterar::before,
body.sg-com-menu div.conteudo a.link_imagem_excluir::before,
body.sg-com-menu div.conteudo a.link_imagem_executar::before,
body.sg-com-menu div.conteudo a.link_imagem_clonar::before,
body.sg-com-menu div.conteudo a.link_imagem_cancelar::before,
body.sg-com-menu div.conteudo a.link_imagem_descancelar::before {
content: '';
position: absolute;
left: 7px;
top: 7px;
width: 16px;
height: 16px;
background-color: currentColor;
-webkit-mask-position: center; mask-position: center;
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-size: contain; mask-size: contain;
}
body.sg-com-menu div.conteudo a.link_imagem_mostrar:hover,
body.sg-com-menu div.conteudo a.link_imagem_alterar:hover,
body.sg-com-menu div.conteudo a.link_imagem_executar:hover,
body.sg-com-menu div.conteudo a.link_imagem_clonar:hover,
body.sg-com-menu div.conteudo a.link_imagem_descancelar:hover { border: 0; background: var(--sg-brand-50); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo a.link_imagem_excluir:hover,
body.sg-com-menu div.conteudo a.link_imagem_cancelar:hover { border: 0; background: var(--sg-danger-bg); color: var(--sg-danger); }
/* =========================================================================
* Paginação (will_paginate e will_paginate_post)
* ========================================================================= */
body.sg-com-menu div.conteudo div.pagination {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 4px;
padding: 4px 0;
}
body.sg-com-menu div.conteudo div.pagination a,
body.sg-com-menu div.conteudo div.pagination em,
body.sg-com-menu div.conteudo div.pagination span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 32px;
height: 32px;
padding: 0 10px;
box-sizing: border-box;
border: 1px solid var(--sg-border);
border-radius: 8px;
background: var(--sg-surface);
font: 500 12.5px/1 var(--sg-font);
font-style: normal;
color: var(--sg-text-2);
text-decoration: none;
}
body.sg-com-menu div.conteudo div.pagination a:hover { border-color: var(--sg-brand-300); background: var(--sg-brand-50); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo div.pagination em.current,
body.sg-com-menu div.conteudo div.pagination span.current {
border-color: var(--sg-brand-700);
background: var(--sg-brand-700);
color: #fff;
font-weight: 600;
}
body.sg-com-menu div.conteudo div.pagination span.disabled { color: var(--sg-placeholder); background: var(--sg-surface-alt); }
body.sg-com-menu div.conteudo div.pagination span.gap { border: 0; background: none; min-width: 0; padding: 0 2px; }
/* =========================================================================
* Rodapés
* ========================================================================= */
body.sg-com-menu div.conteudo .informacao_rodape {
width: auto;
margin: 8px 0 0;
padding: 12px 0 0;
border: 0;
border-top: 1px solid var(--sg-border);
font: 400 12px/1.6 var(--sg-font);
color: var(--sg-text-muted);
white-space: normal;
}
body.sg-com-menu div.rodape {
margin: 28px auto 24px;
font: 400 12px/1.6 var(--sg-font);
color: var(--sg-text-muted);
}
/* Avisos de bloqueio */
body.sg-com-menu div.conteudo div.bloqueio { border-radius: var(--sg-radius); }
/* =========================================================================
* Componentes usados nas telas reestruturadas (ex.: busca de territoriais)
* ========================================================================= */
body.sg-com-menu div.conteudo .sg-busca { text-align: left; }
body.sg-com-menu div.conteudo .sg-busca #div_pesquisa { margin: 0 auto 20px !important; transition: width .2s; }
body.sg-com-menu div.conteudo .sg-busca #div_pesquisa.border { width: 100%; }
body.sg-com-menu div.conteudo .sg-card__topo {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px 16px;
padding: 16px 20px;
border-bottom: 1px solid var(--sg-border-soft);
}
body.sg-com-menu div.conteudo .sg-card__titulo-grupo { display: flex; align-items: center; gap: 10px; }
body.sg-com-menu div.conteudo .sg-card__titulo {
margin: 0;
font: 600 15px/1.3 var(--sg-font);
color: var(--sg-text);
}
body.sg-com-menu div.conteudo .sg-card__titulo:first-letter { text-transform: uppercase; }
body.sg-com-menu div.conteudo .sg-card__sub {
margin: 2px 0 0;
font: 400 12.5px/1.4 var(--sg-font);
color: var(--sg-text-muted);
}
body.sg-com-menu div.conteudo .sg-card__corpo { padding: 8px 8px 0; }
body.sg-com-menu div.conteudo .sg-card__corpo table.formulario > tbody > tr > td { border-bottom: 0; }
body.sg-com-menu div.conteudo .sg-card__corpo table.formulario tr.item_2 { background: var(--sg-surface); }
body.sg-com-menu div.conteudo .sg-card__corpo td.rotulo { width: 1%; }
body.sg-com-menu div.conteudo .sg-card__corpo .table_pesquisa_avancada { margin-top: 4px; border-top: 1px solid var(--sg-border-soft); }
body.sg-com-menu div.conteudo .sg-card__botoes {
display: flex;
justify-content: flex-end;
margin: 8px -8px 0;
padding: 12px 20px;
border-top: 1px solid var(--sg-border-soft);
background: var(--sg-surface-alt);
}
body.sg-com-menu div.conteudo .sg-card__botoes table { width: auto; }
body.sg-com-menu div.conteudo .sg-card__botoes td { padding: 0 0 0 8px; }
body.sg-com-menu div.conteudo a.sg-link-acao {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 10px;
border-radius: 6px;
font: 500 13px/1.2 var(--sg-font);
color: var(--sg-brand-700);
text-decoration: none;
}
body.sg-com-menu div.conteudo a.sg-link-acao::before {
content: '';
width: 15px;
height: 15px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7h-9M14 17H5'/%3E%3Ccircle cx='17' cy='17' r='3'/%3E%3Ccircle cx='7' cy='7' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7h-9M14 17H5'/%3E%3Ccircle cx='17' cy='17' r='3'/%3E%3Ccircle cx='7' cy='7' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.sg-com-menu div.conteudo a.sg-link-acao:hover { background: var(--sg-brand-50); color: var(--sg-brand-800); text-decoration: none; }
body.sg-com-menu div.conteudo .sg-contador {
display: inline-block;
padding: 3px 9px;
border-radius: 999px;
background: var(--sg-brand-50);
font: 600 12px/1.3 var(--sg-font);
color: var(--sg-brand-700);
}
body.sg-com-menu div.conteudo .sg-resultado { width: 100%; text-align: left; }
body.sg-com-menu div.conteudo .sg-resultado__acoes { display: flex; flex-wrap: wrap; gap: 8px; }
body.sg-com-menu div.conteudo a.sg-btn-acao {
display: inline-flex;
align-items: center;
height: 32px;
padding: 0 12px;
border: 1px solid var(--sg-border-strong);
border-radius: 8px;
background: var(--sg-surface);
font: 500 12.5px/1 var(--sg-font);
color: var(--sg-text-2);
text-decoration: none;
}
body.sg-com-menu div.conteudo a.sg-btn-acao:hover { border-color: var(--sg-brand-300); background: var(--sg-brand-50); color: var(--sg-brand-700); text-decoration: none; }
body.sg-com-menu div.conteudo .sg-tabela-rolagem { overflow-x: auto; }
body.sg-com-menu div.conteudo table.sg-tabela tr > td:first-child { padding-left: 20px; }
body.sg-com-menu div.conteudo table.sg-tabela tr > td:last-child { padding-right: 16px; }
body.sg-com-menu div.conteudo table.sg-tabela td.sg-num { text-align: center; }
body.sg-com-menu div.conteudo table.sg-tabela td.sg-acoes { text-align: center; }
body.sg-com-menu div.conteudo table.sg-tabela td.sg-acao { width: 30px; padding: 4px 2px; }
body.sg-com-menu div.conteudo table.sg-tabela td.sg-destaque { font-weight: 600; font-variant-numeric: tabular-nums; }
body.sg-com-menu div.conteudo .sg-resultado__rodape { padding: 12px 16px; border-top: 1px solid var(--sg-border-soft); }
body.sg-com-menu div.conteudo .sg-vazio-estado {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
padding: 40px 16px;
font: 400 13px/1.4 var(--sg-font);
color: var(--sg-text-muted);
}
body.sg-com-menu div.conteudo .sg-vazio-estado strong { font-weight: 600; color: var(--sg-text); }
/* Campos "campo_texto" (size=30 do Rails) ocupam a coluna em vez de estourar a largura do formulário */
body.sg-com-menu div.conteudo table td.valor_2 > input.campo_texto,
body.sg-com-menu div.conteudo table td.valor_3 > input.campo_texto,
body.sg-com-menu div.conteudo table td.valor_4 > input.campo_texto { width: 100%; min-width: 110px; }
body.sg-com-menu div.conteudo table td.valor_1 > input.campo_texto { width: 100%; max-width: 520px; min-width: 110px; }
body.sg-com-menu div.conteudo table td.valor_3 > select.campo_combo,
body.sg-com-menu div.conteudo table td.valor_4 > select.campo_combo { min-width: 110px; }
/* =========================================================================
* Fichas (show): rótulo em cima, valor embaixo, em grade que se ajusta à largura
* ========================================================================= */
body.sg-com-menu div.conteudo .sg-fichas {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
gap: 18px 24px;
padding: 18px 20px 20px;
}
body.sg-com-menu div.conteudo .sg-ficha { min-width: 0; }
body.sg-com-menu div.conteudo .sg-ficha--larga,
body.sg-com-menu div.conteudo .sg-ficha--controles { grid-column: 1 / -1; }
body.sg-com-menu div.conteudo .sg-ficha--controles { text-align: center; }
body.sg-com-menu div.conteudo .sg-ficha__rotulo,
body.sg-com-menu div.conteudo .sg-ficha__rotulo label {
margin: 0 0 4px;
font: 500 12px/1.35 var(--sg-font);
color: var(--sg-text-muted);
}
body.sg-com-menu div.conteudo .sg-ficha__rotulo span {
display: inline-block;
margin-right: 4px;
padding: 0 5px;
border-radius: 4px;
background: var(--sg-brand-50);
font: 600 10.5px/1.5 var(--sg-font);
color: var(--sg-brand-700);
}
body.sg-com-menu div.conteudo .sg-ficha__rotulo span.sg-vazio { display: none; }
body.sg-com-menu div.conteudo .sg-ficha__valor {
font: 500 14px/1.45 var(--sg-font);
color: var(--sg-text);
overflow-wrap: anywhere;
white-space: normal;
}
body.sg-com-menu div.conteudo .sg-ficha__valor.is-vazio { color: var(--sg-border-strong); }
/* =========================================================================
* Formulários e consultas em tabela: cada linha rótulo/valor vira uma grade
* (classes e posições aplicadas pelo sg_cadastro.js, sem mover elementos)
* ========================================================================= */
body.sg-com-menu div.conteudo table.sg-tabela-campos { display: block; width: 100%; }
body.sg-com-menu div.conteudo table.sg-tabela-campos > tbody.sg-corpo-campos {
display: grid;
grid-template-columns: repeat(var(--sg-cols, 3), minmax(0, 1fr));
column-gap: 24px;
row-gap: 0;
padding: 2px 20px 18px;
}
body.sg-com-menu div.conteudo tbody.sg-corpo-campos > tr.sg-linha-campos { display: contents; }
body.sg-com-menu div.conteudo tbody.sg-corpo-campos > tr.sg-linha-extra { display: block; }
body.sg-com-menu div.conteudo tbody.sg-corpo-campos > tr.sg-linha-extra > td { display: block; padding: 12px 0 0; border: 0; background: none; }
body.sg-com-menu div.conteudo tbody.sg-corpo-campos > tr[style*="none"] { display: none; }
body.sg-com-menu div.conteudo tbody.sg-corpo-campos > tr.sg-linha-campos > td {
display: block;
width: auto !important;
min-width: 0;
padding: 0 !important;
border: 0 !important;
background: none !important;
white-space: normal;
text-align: left;
}
body.sg-com-menu div.conteudo tbody.sg-corpo-campos > tr > td.sg-td-vazia { display: none; }
body.sg-com-menu div.conteudo tbody.sg-corpo-campos > tr > td.rotulo {
align-self: end;
padding: 14px 0 6px !important;
font-size: 12px !important;
line-height: 1.35;
}
body.sg-com-menu div.conteudo tbody.sg-corpo-campos > tr > td[class*="valor"] { align-self: start; font-size: 14px !important; }
body.sg-com-menu div.conteudo tbody.sg-corpo-campos > tr > td.controles { text-align: center; padding-top: 14px !important; }
body.sg-com-menu div.conteudo tbody.sg-corpo-campos input[type="text"],
body.sg-com-menu div.conteudo tbody.sg-corpo-campos input:not([type]),
body.sg-com-menu div.conteudo tbody.sg-corpo-campos select { height: 36px; font-size: 13.5px; border-radius: 8px; }
body.sg-com-menu div.conteudo tbody.sg-corpo-campos textarea { font-size: 13.5px; border-radius: 8px; }
body.sg-com-menu div.conteudo tbody.sg-corpo-campos > tr > td.sg-um-campo input[type="text"],
body.sg-com-menu div.conteudo tbody.sg-corpo-campos > tr > td.sg-um-campo input:not([type]),
body.sg-com-menu div.conteudo tbody.sg-corpo-campos > tr > td.sg-um-campo input[type="password"],
body.sg-com-menu div.conteudo tbody.sg-corpo-campos > tr > td.sg-um-campo input[type="email"],
body.sg-com-menu div.conteudo tbody.sg-corpo-campos > tr > td.sg-um-campo input[type="number"],
body.sg-com-menu div.conteudo tbody.sg-corpo-campos > tr > td.sg-um-campo select,
body.sg-com-menu div.conteudo tbody.sg-corpo-campos > tr > td.sg-um-campo textarea {
width: 100%;
max-width: none;
min-width: 0;
}
/* =========================================================================
* Painel de filtros (busca de territoriais)
* ========================================================================= */
body.sg-com-menu div.conteudo .sg-busca #div_pesquisa,
body.sg-com-menu div.conteudo .sg-busca #div_pesquisa.border { width: auto; margin: 0 0 20px !important; }
body.sg-com-menu div.conteudo .sg-card__icone {
flex: none;
width: 40px;
height: 40px;
border-radius: 10px;
background: var(--sg-brand-50);
position: relative;
}
body.sg-com-menu div.conteudo .sg-card__icone::before {
content: '';
position: absolute;
left: 10px; top: 10px;
width: 20px; height: 20px;
background: var(--sg-brand-600);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.sg-com-menu div.conteudo .sg-card__titulo-grupo .sg-card__titulo { font-size: 16px; }
body.sg-com-menu div.conteudo .sg-filtros__corpo { padding: 18px 20px 20px; }
body.sg-com-menu div.conteudo .sg-grade {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
gap: 14px 16px;
align-items: end;
}
body.sg-com-menu div.conteudo .sg-campo { min-width: 0; }
body.sg-com-menu div.conteudo .sg-campo--duplo { grid-column: span 2; }
body.sg-com-menu div.conteudo .sg-campo > label {
display: block;
margin: 0 0 6px;
font: 500 12px/1.3 var(--sg-font);
color: var(--sg-text-muted);
}
body.sg-com-menu div.conteudo .sg-campo > input,
body.sg-com-menu div.conteudo .sg-campo > select,
body.sg-com-menu div.conteudo .sg-campo .sg-intervalo > input {
width: 100%;
min-width: 0;
height: 38px;
border-radius: 8px;
font-size: 13.5px;
}
body.sg-com-menu div.conteudo .sg-inscricao,
body.sg-com-menu div.conteudo .sg-intervalo { display: flex; align-items: center; gap: 6px; }
body.sg-com-menu div.conteudo .sg-inscricao input {
flex: 1 1 0;
width: auto;
min-width: 0;
height: 38px;
border-radius: 8px;
font-size: 13.5px;
text-align: center;
font-variant-numeric: tabular-nums;
}
body.sg-com-menu div.conteudo .sg-inscricao__sep,
body.sg-com-menu div.conteudo .sg-intervalo > span { flex: none; font-size: 12.5px; color: var(--sg-placeholder); }
body.sg-com-menu div.conteudo .sg-avancada { margin-top: 20px; }
body.sg-com-menu div.conteudo .sg-grupo {
margin: 0 0 14px;
padding: 14px 16px 16px;
border: 1px solid var(--sg-border-soft);
border-radius: 12px;
background: var(--sg-surface-alt);
}
body.sg-com-menu div.conteudo .sg-grupo legend {
padding: 0 6px;
font: 600 11px/1 var(--sg-font);
letter-spacing: .06em;
text-transform: uppercase;
color: var(--sg-brand-700);
}
body.sg-com-menu div.conteudo .sg-avancada div.modulo { margin: 0; background: var(--sg-surface-alt) !important; border-color: var(--sg-border-soft); box-shadow: none; }
body.sg-com-menu div.conteudo .sg-avancada table,
body.sg-com-menu div.conteudo .sg-avancada td { background: none !important; }
body.sg-com-menu div.conteudo .sg-filtros .sg-card__botoes {
flex-direction: row-reverse;
justify-content: flex-start;
gap: 8px;
margin: 0;
padding: 14px 20px;
}
/* resultados */
body.sg-com-menu div.conteudo .sg-busca .sg-resultado { margin-bottom: 0; }
/* Botões do cabeçalho que usavam PNG (PDF, Certidão, Desativar…): ícone SVG inserido pelo sg_cadastro.js */
body.sg-com-menu div.conteudo div.toolbar td > a img.sg-img-trocada { display: none; }
body.sg-com-menu div.conteudo div.toolbar td > a span.sg-acao-texto { display: inline; width: auto; height: auto; background: none; font: inherit; -webkit-mask: none; mask: none; }
body.sg-com-menu div.conteudo div.toolbar td > a span.sg-ico { width: 18px; height: 18px; }
body.sg-com-menu div.conteudo div.toolbar td > a:not(.menu_action) { padding: 0 14px; }
body.sg-com-menu div.conteudo div.toolbar td > a.sg-perigo:hover { border-color: var(--sg-danger-border); background: var(--sg-danger-bg); color: var(--sg-danger); }
body.sg-com-menu div.conteudo .sg-ico-plus { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo .sg-ico-list { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo .sg-ico-ban { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m5.6 5.6 12.8 12.8'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m5.6 5.6 12.8 12.8'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo .sg-ico-refresh { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8M21 3v5h-5M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16M8 16H3v5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8M21 3v5h-5M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16M8 16H3v5'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo .sg-ico-copy { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='14' height='14' rx='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='14' height='14' rx='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo .sg-ico-undo { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7v6h6M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7v6h6M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo .sg-ico-pdf { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M8 13h8M8 17h5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M8 13h8M8 17h5'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo .sg-ico-certidao { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h7'/%3E%3Cpath d='M14 2v6h6v4'/%3E%3Ccircle cx='18' cy='17' r='3'/%3E%3Cpath d='m16.5 19.6-.5 2.9 2-1 2 1-.5-2.9'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h7'/%3E%3Cpath d='M14 2v6h6v4'/%3E%3Ccircle cx='18' cy='17' r='3'/%3E%3Cpath d='m16.5 19.6-.5 2.9 2-1 2 1-.5-2.9'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo .sg-ico-check { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); }
/* =========================================================================
* Coleta e demais telas montadas com widgets do jQuery UI
* (ui-widget-content / ui-widget-header / .button() / multiselect)
* ========================================================================= */
body.sg-com-menu div.conteudo .ui-widget { font-family: var(--sg-font); }
body.sg-com-menu div.conteudo div.ui-widget-content:not(.ui-tabs):not(.ui-tabs-panel):not(.ui-datepicker) {
margin-bottom: 18px;
padding: 0 !important;
background: var(--sg-surface);
border: 1px solid var(--sg-border);
border-radius: var(--sg-radius-lg);
box-shadow: var(--sg-shadow-sm);
color: var(--sg-text);
text-align: left !important;
overflow: hidden;
}
/* Cards de filtro que tinham 800px fixos e margem de 80px */
body.sg-com-menu div.conteudo div.ui-widget-content[style*="width:800px"],
body.sg-com-menu div.conteudo div.ui-widget-content[style*="width: 800px"] { width: auto !important; margin-left: 0 !important; }
/* Popups fixos (Nova área, Adicionar lotes…) */
body.sg-com-menu div.conteudo div.ui-widget-content[style*="fixed"] {
border: 1px solid var(--sg-border) !important;
border-radius: 16px;
box-shadow: var(--sg-shadow-lg);
overflow: auto;
}
body.sg-com-menu div.conteudo div.ui-widget-header {
margin: 0;
padding: 14px 18px !important;
background: var(--sg-surface);
border: 0;
border-bottom: 1px solid var(--sg-border-soft);
border-radius: 0;
font: 600 15px/1.3 var(--sg-font);
color: var(--sg-text);
text-align: left;
}
body.sg-com-menu div.conteudo div.ui-widget-header span { font: inherit; color: inherit; }
body.sg-com-menu div.conteudo div.ui-widget-content > div[style*="font-size: 80%"],
body.sg-com-menu div.conteudo div.ui-widget-content > div[style*="font-size:80%"] { font-size: 13px !important; padding: 12px 14px !important; }
/* Campos flutuantes ("Rótulo: [controle]") → rótulo pequeno em cima */
body.sg-com-menu div.conteudo div[style*="float:left"][style*="font-size:90%"],
body.sg-com-menu div.conteudo div[style*="float: left"][style*="font-size: 90%"] {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 8px;
margin: 0 18px 16px 0 !important;
padding: 0 !important;
font-size: 13.5px !important;
color: var(--sg-text);
}
body.sg-com-menu div.conteudo div[style*="float:left"][style*="font-size:90%"] > span:first-child,
body.sg-com-menu div.conteudo div[style*="float: left"][style*="font-size: 90%"] > span:first-child {
flex: 0 0 100%;
font: 500 12px/1.3 var(--sg-font);
color: var(--sg-text-muted);
}
body.sg-com-menu div.conteudo div[style*="float:left"][style*="font-size:90%"] label { font: inherit; }
body.sg-com-menu div.conteudo div[style*="float:left"][style*="font-size:90%"] input[type="text"] { height: 36px; min-width: 170px; border-radius: 8px; }
body.sg-com-menu div.conteudo div[style*="float:left"][style*="font-size:90%"] input[style*="width: 80px"] { min-width: 0; width: 120px !important; }
body.sg-com-menu div.conteudo div[style*="float:left"][style*="font-size:90%"] select { height: 36px; border-radius: 8px; }
/* linha de botões que fecha os blocos de filtro */
body.sg-com-menu div.conteudo div.ui-widget-content form > div[style*="text-align: center"]:last-child,
body.sg-com-menu div.conteudo div.ui-widget-content form > div[style*="text-align:center"]:last-child {
display: flex;
justify-content: flex-end;
gap: 8px;
margin: 0 -14px -12px !important;
padding: 12px 18px !important;
border-top: 1px solid var(--sg-border-soft);
background: var(--sg-surface-alt);
font-size: 13px !important;
}
/* Botões jQuery UI */
body.sg-com-menu div.conteudo .ui-button,
body.sg-com-menu div.conteudo button.ui-state-default {
display: inline-flex;
align-items: center;
justify-content: center;
height: 34px;
margin: 0;
padding: 0 14px;
background: var(--sg-surface);
border: 1px solid var(--sg-border-strong);
border-radius: 8px;
box-shadow: var(--sg-shadow-sm);
font: 500 13px/1 var(--sg-font);
color: var(--sg-text-2);
text-decoration: none;
vertical-align: middle;
}
body.sg-com-menu div.conteudo .ui-button .ui-button-text { padding: 0; font: inherit; line-height: 1; }
body.sg-com-menu div.conteudo .ui-button.ui-state-hover,
body.sg-com-menu div.conteudo .ui-button:hover { background: var(--sg-brand-50); border-color: var(--sg-brand-300); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo button.ui-button[type="submit"],
body.sg-com-menu div.conteudo input.ui-button[type="submit"],
body.sg-com-menu div.conteudo #pesquisa_coleta {
background: var(--sg-brand-700);
border-color: var(--sg-brand-700);
color: #fff;
}
body.sg-com-menu div.conteudo button.ui-button[type="submit"]:hover,
body.sg-com-menu div.conteudo #pesquisa_coleta:hover { background: var(--sg-brand-800); border-color: var(--sg-brand-800); color: #fff; }
body.sg-com-menu div.conteudo .ui-button.ui-state-disabled { opacity: .45; box-shadow: none; }
body.sg-com-menu div.conteudo .ui-button .ui-icon { margin: 0; position: static; }
/* Multiselect (botão que abre a lista) */
body.sg-com-menu div.conteudo button.ui-multiselect {
display: inline-flex;
align-items: center;
justify-content: space-between;
min-width: 220px;
height: 36px;
padding: 0 10px !important;
background: var(--sg-surface);
border: 1px solid var(--sg-border-strong);
border-radius: 8px;
box-shadow: none;
font: 400 13.5px/1 var(--sg-font);
color: var(--sg-text);
text-align: left;
}
body.sg-com-menu div.conteudo button.ui-multiselect span { font: inherit; color: inherit; }
body.sg-com-menu div.conteudo button.ui-multiselect span:not(.ui-icon) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.sg-com-menu div.conteudo button.ui-multiselect.ui-state-active { border-color: var(--sg-brand-600); box-shadow: 0 0 0 3px var(--sg-focus); }
body.sg-com-menu .ui-multiselect-menu {
padding: 6px;
background: var(--sg-surface);
border: 1px solid var(--sg-border);
border-radius: 12px;
box-shadow: var(--sg-shadow-lg);
font-family: var(--sg-font);
}
body.sg-com-menu .ui-multiselect-menu .ui-widget-header {
padding: 6px 8px;
margin-bottom: 4px;
background: var(--sg-surface-alt);
border: 0;
border-radius: 8px;
font: 500 12px/1.3 var(--sg-font);
color: var(--sg-text-2);
}
body.sg-com-menu .ui-multiselect-menu .ui-widget-header a { color: var(--sg-brand-700); font: inherit; }
body.sg-com-menu .ui-multiselect-checkboxes label {
padding: 6px 8px !important;
border: 0;
border-radius: 6px;
font: 400 13px/1.3 var(--sg-font);
color: var(--sg-text);
cursor: pointer;
}
body.sg-com-menu .ui-multiselect-checkboxes label.ui-state-hover { background: var(--sg-brand-50); color: var(--sg-brand-800); border: 0; }
body.sg-com-menu .ui-multiselect-checkboxes input { accent-color: var(--sg-brand-600); }
/* Tabelas da coleta (tab_ajax, coletores, totais) */
body.sg-com-menu div.conteudo table.tab_ajax,
body.sg-com-menu div.conteudo table#coletores,
body.sg-com-menu div.conteudo table#totais { border-collapse: collapse; }
body.sg-com-menu div.conteudo thead.ui-widget-header,
body.sg-com-menu div.conteudo thead.ui-widget-header td,
body.sg-com-menu div.conteudo thead.ui-widget-header th {
background: var(--sg-surface-alt);
border: 0;
font: 600 12px/1.3 var(--sg-font);
color: var(--sg-text-muted);
}
body.sg-com-menu div.conteudo thead.ui-widget-header td,
body.sg-com-menu div.conteudo thead.ui-widget-header th { padding: 10px 12px; border-bottom: 1px solid var(--sg-border-soft); }
body.sg-com-menu div.conteudo table.tab_ajax > tbody > tr > td,
body.sg-com-menu div.conteudo table#coletores > tbody > tr > td,
body.sg-com-menu div.conteudo table#totais > tbody > tr > td {
padding: 9px 12px;
border-bottom: 1px solid var(--sg-border-soft);
font-size: 13px;
color: var(--sg-text);
}
body.sg-com-menu div.conteudo table.tab_ajax tr.odd,
body.sg-com-menu div.conteudo table#coletores tr.odd,
body.sg-com-menu div.conteudo table#totais tr.odd { background: #FAFAFD; }
body.sg-com-menu div.conteudo table.tab_ajax tr:hover,
body.sg-com-menu div.conteudo table.tab_ajax tr.odd:hover,
body.sg-com-menu div.conteudo table#coletores tr:hover,
body.sg-com-menu div.conteudo table#totais tr:hover { background: #F4F5FF; }
body.sg-com-menu div.conteudo table.tab_ajax tr.selected,
body.sg-com-menu div.conteudo table.tab_ajax td.selected,
body.sg-com-menu div.conteudo table#coletores tr.selected { background: var(--sg-brand-50); color: var(--sg-brand-800); }
body.sg-com-menu div.conteudo table.tab_ajax thead tr:hover { background: none; }
body.sg-com-menu div.conteudo .ui-state-highlight:not(#notificacao *) { border-radius: 8px; }
/* =========================================================================
* Placas publicitárias: mapa ao lado do menu + painel de detalhes
* ========================================================================= */
body.sg-com-menu .mapa-full.sg-mapa-placas {
position: fixed !important;
top: 0; right: 0; bottom: 0;
left: var(--sg-sidebar-w);
width: auto; height: auto;
overflow: hidden;
transition: left .2s ease;
}
html.sg-collapsed body.sg-com-menu .mapa-full.sg-mapa-placas { left: var(--sg-sidebar-w-recolhido); }
body.sg-com-menu.sg-menu-oculto .mapa-full.sg-mapa-placas { left: 0; }
.sg-mapa-placas .ol-control.ol-layerswitcher { top: 12px; right: 12px; }
.sg-mapa-placas .sidebar {
position: absolute;
top: 12px; bottom: 12px;
right: 12px;
width: 400px;
max-width: calc(100% - 96px);
height: auto;
padding: 0;
display: flex;
flex-direction: column;
background: var(--sg-surface);
border: 1px solid var(--sg-border);
border-radius: 16px;
box-shadow: var(--sg-shadow-lg);
overflow: hidden;
z-index: 5;
transform: translateX(calc(100% + 24px));
transition: transform .25s ease;
font-family: var(--sg-font);
}
.sg-mapa-placas .sidebar.is-aberto { transform: none; }
.sg-mapa-placas .sg-placa__topo {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 14px 16px;
border-bottom: 1px solid var(--sg-border-soft);
}
.sg-mapa-placas .sg-placa__titulo { margin: 0; font: 600 15px/1.3 var(--sg-font); color: var(--sg-text); }
.sg-mapa-placas .sg-placa__sub { margin: 2px 0 0; font: 400 12px/1.3 var(--sg-font); color: var(--sg-text-muted); }
.sg-mapa-placas .sg-placa__fechar {
flex: none;
width: 32px; height: 32px;
display: inline-flex; align-items: center; justify-content: center;
border: 0; border-radius: 8px;
background: none;
color: var(--sg-icon);
cursor: pointer;
}
.sg-mapa-placas .sg-placa__fechar:hover { background: var(--sg-hover); color: var(--sg-text); }
.sg-mapa-placas .sg-placa__fechar svg { width: 18px; height: 18px; }
.sg-mapa-placas #panorama-placas {
flex: none;
width: auto;
height: 42%;
margin: 12px 12px 0;
border-radius: 12px;
overflow: hidden;
background: var(--sg-surface-alt);
}
.sg-mapa-placas .sg-placa__vazio {
display: flex; flex-direction: column; align-items: center; justify-content: center;
gap: 6px; height: 100%;
padding: 16px;
text-align: center;
font: 400 13px/1.4 var(--sg-font);
color: var(--sg-text-muted);
}
.sg-mapa-placas .sg-placa__vazio strong { font-weight: 600; color: var(--sg-text); }
.sg-mapa-placas .atributos-placas {
flex: 1 1 auto;
width: auto;
height: auto;
min-height: 0;
margin: 12px 0 0;
padding: 0 16px 16px;
overflow-y: auto;
}
.sg-mapa-placas .atributos-placas thead { display: none; }
.sg-mapa-placas .atributos-placas table { border-collapse: collapse; }
.sg-mapa-placas .atributos-placas tbody tr,
.sg-mapa-placas .atributos-placas tbody tr:hover,
.sg-mapa-placas .atributos-placas tbody tr.odd { background: none; cursor: default; }
.sg-mapa-placas .atributos-placas tbody td {
padding: 8px 0;
border-bottom: 1px solid var(--sg-border-soft);
font: 500 13px/1.35 var(--sg-font);
color: var(--sg-text);
white-space: normal;
vertical-align: top;
}
.sg-mapa-placas .atributos-placas tbody td:first-child { width: 46%; padding-right: 12px; font-weight: 400; color: var(--sg-text-muted); }
.sg-mapa-placas .toggle-btn {
position: absolute;
top: 50%;
right: 12px;
width: 36px;
height: 56px;
border-radius: 10px;
background: var(--sg-surface);
border: 1px solid var(--sg-border);
box-shadow: var(--sg-shadow);
color: var(--sg-text-2);
font-size: 15px;
z-index: 6;
transition: right .25s ease, background-color .15s;
}
.sg-mapa-placas .toggle-btn:hover { background: var(--sg-brand-50); color: var(--sg-brand-700); }
.sg-mapa-placas .toggle-btn.is-aberto { right: 424px; }
/* Ajustes finos dos widgets jQuery UI */
body.sg-com-menu div.conteudo input[type="text"],
body.sg-com-menu div.conteudo input:not([type]) { background-image: none; }
body.sg-com-menu div.conteudo input.hasDatepicker[readonly] {
background: var(--sg-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E6382' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E") no-repeat right 9px center / 15px;
padding-right: 30px;
color: var(--sg-text);
cursor: pointer;
}
body.sg-com-menu div.conteudo button.ui-multiselect {
justify-content: flex-start;
padding-right: 30px !important;
background: var(--sg-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235E6382' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 9px center / 14px;
}
body.sg-com-menu div.conteudo button.ui-multiselect .ui-icon { display: none; }
body.sg-com-menu div.conteudo button.ui-multiselect span:not(.ui-icon) { flex: 1 1 auto; text-align: left; color: var(--sg-text); }
/* Botões jQuery UI só com ícone PNG (ex.: adicionar usuário / supervisor em Equipes) */
body.sg-com-menu div.conteudo button.ui-button > img.ui-button-text {
height: 18px !important; width: auto; padding: 0 !important; display: block;
}
body.sg-com-menu div.conteudo button.ui-button > img.ui-button-text { margin: 0 auto; }
/* ===== Retorno do coletor (coleta/retorno_coletores) ===== */
/* Cada campo "Rótulo: valor" vira uma ficha: rótulo pequeno em cima, valor embaixo */
body.sg-com-menu div.conteudo div.ui-corner-all[style*="solid gray 1px"] {
border: 1px solid var(--sg-border-soft) !important;
border-radius: var(--sg-radius);
background: var(--sg-surface-alt);
padding: 9px 12px !important;
margin: 5px !important;
min-width: 150px;
box-sizing: border-box;
font-size: 14px;
}
body.sg-com-menu div.conteudo div.ui-corner-all[style*="solid gray 1px"] > span:first-child {
float: none !important;
display: block;
font-size: 12px;
color: var(--sg-text-muted);
margin-bottom: 3px;
}
body.sg-com-menu div.conteudo div.ui-corner-all[style*="solid gray 1px"] b { font-weight: 600; color: var(--sg-text); }
body.sg-com-menu div.conteudo .campo .mostrar_campo {
cursor: pointer;
border-radius: var(--sg-radius-sm);
margin: -2px -4px;
padding: 2px 4px;
}
body.sg-com-menu div.conteudo .campo .mostrar_campo:hover { background: var(--sg-surface); box-shadow: inset 0 0 0 1px var(--sg-border); }
body.sg-com-menu div.conteudo .campo .editar_campo input,
body.sg-com-menu div.conteudo .campo .editar_campo select { font-size: 13px !important; height: 32px; }
/* Fotos */
body.sg-com-menu div.conteudo a.link_galeria img {
width: 220px; height: 160px; object-fit: cover;
border: 1px solid var(--sg-border) !important;
border-radius: var(--sg-radius);
background: var(--sg-surface-alt);
display: block;
}
body.sg-com-menu div.conteudo a.link_galeria:hover img { box-shadow: 0 4px 14px rgba(20, 23, 46, .15); }
body.sg-com-menu div.conteudo a.excluir_img { display: inline-block; margin-top: 6px; font-size: 12px; color: #C0392B; }
body.sg-com-menu div.conteudo iframe[id^="controledeanexos_id"] { margin: 6px 0 4px; height: 52px; }
/* Paginação das autônomas (mesma marcação das fichas, mas dentro de .tabs) */
body.sg-com-menu div.conteudo .tabs > div.ui-corner-all[style*="solid gray 1px"],
body.sg-com-menu div.conteudo .tabs > div.ui-corner-all[style*="solid blue 2px"] {
min-width: 0;
padding: 0 !important;
margin: 4px !important;
border: 0 !important;
background: none;
font-size: 13px !important;
}
body.sg-com-menu div.conteudo .tabs > div.ui-corner-all[style*="solid gray 1px"]:first-child {
display: flex; align-items: center; height: 32px; padding: 0 6px 0 4px !important;
color: var(--sg-text-muted); font-weight: 500;
}
body.sg-com-menu div.conteudo .tabs > div.ui-corner-all > a.ui-tabs-anchor {
display: inline-flex; align-items: center; height: 32px; padding: 0 12px;
border: 1px solid var(--sg-border); border-radius: 999px;
background: var(--sg-surface); color: var(--sg-text); text-decoration: none; font-weight: 500;
}
body.sg-com-menu div.conteudo .tabs > div.ui-corner-all > a.ui-tabs-anchor:hover { border-color: var(--sg-brand-600); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo .tabs > div.ui-corner-all[style*="solid blue 2px"] > a.ui-tabs-anchor {
background: var(--sg-brand-700); border-color: var(--sg-brand-700); color: #fff;
}
/* Ícones antigos trocados por SVG (sg_cadastro.js → trocarIcones) */
body.sg-com-menu div.conteudo img.sg-ico-img,
body.sg-com-menu div.conteudo input.sg-ico-img { width: 18px; height: 18px !important; padding: 0 !important; border: 0 !important; vertical-align: middle; }
body.sg-com-menu div.conteudo a:hover > img.sg-ico-img,
body.sg-com-menu div.conteudo input.sg-ico-img:hover { transform: scale(1.12); }
body.sg-com-menu div.conteudo img.sg-ico-img, body.sg-com-menu div.conteudo input.sg-ico-img { transition: transform .12s; }
/* ===== Área de coleta (coleta/codigo_coletas/show): painel de informações ===== */
body.sg-com-menu div.conteudo .sg-cc-painel {
display: flex; flex-wrap: wrap; align-items: flex-end;
gap: 18px 14px;
padding: 18px 20px 20px !important;
font-size: 14px !important;
text-align: left;
overflow: visible !important;
}
body.sg-com-menu div.conteudo .sg-cc-painel > div[style*="clear"] { flex-basis: 100%; height: 0; margin: -9px 0; }
body.sg-com-menu div.conteudo .sg-cc-painel > div.sg-cc-separador { height: 1px; margin: -2px 0; background: var(--sg-border-soft); }
body.sg-com-menu div.conteudo .sg-cc-incluir + div[style*="clear"] { display: none; }
body.sg-com-menu div.conteudo .sg-cc-campo {
float: none !important; padding: 0 !important; margin: 0 22px 0 0 !important;
font-size: 14px !important;
display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
min-height: 0;
}
body.sg-com-menu div.conteudo .sg-cc-campo > span:first-child {
flex-basis: 100%; font-size: 12px; font-weight: 500; color: var(--sg-text-muted); letter-spacing: .01em;
}
body.sg-com-menu div.conteudo .sg-cc-campo label { margin: 0; }
body.sg-com-menu div.conteudo .sg-cc-campo select { width: 240px; min-width: 0; height: 36px; }
body.sg-com-menu div.conteudo .sg-cc-campo button { height: 36px; margin: 0 !important; }
/* Código da área em destaque */
body.sg-com-menu div.conteudo .sg-cc-campo--codigo b { font-size: 22px; font-weight: 700; color: var(--sg-text); letter-spacing: .02em; line-height: 36px; }
/* Estado atual vira badge */
body.sg-com-menu div.conteudo .sg-cc-campo--estado #estado_coleta_atual {
display: inline-flex; align-items: center; height: 28px; padding: 0 12px;
border-radius: 999px; background: var(--sg-brand-50); color: var(--sg-brand-700);
font-size: 13px; font-weight: 600; margin-right: 4px;
}
body.sg-com-menu div.conteudo .sg-cc-campo--estado .segundo_plano_class { font-size: 12px; color: var(--sg-text-muted); }
/* Responsável atual vira chip de pessoa */
body.sg-com-menu div.conteudo .sg-cc-campo--dono #destinado_para {
display: inline-flex; align-items: center; height: 28px; padding: 0 12px;
border-radius: 999px; background: var(--sg-surface-alt); border: 1px solid var(--sg-border-soft);
font-size: 12.5px; font-weight: 600; color: var(--sg-text);
}
body.sg-com-menu div.conteudo .sg-cc-campo--obs b { font-weight: 500; color: var(--sg-text); line-height: 36px; }
body.sg-com-menu div.conteudo .sg-cc-campo--obs b:empty::before { content: "—"; color: var(--sg-border-strong); }
body.sg-com-menu div.conteudo .sg-cc-campo--ativa input[type=checkbox] { width: 18px; height: 18px; margin: 9px 0; }
/* Barra de ações */
body.sg-com-menu div.conteudo .sg-cc-barra-item {
float: none !important; padding: 0 !important; margin: 0 !important; width: auto !important;
position: relative;
}
body.sg-com-menu div.conteudo .sg-cc-incluir button {
background: var(--sg-brand-700) !important; border-color: var(--sg-brand-700) !important; color: #fff !important;
height: 36px; border-radius: 999px !important; font-weight: 600;
}
body.sg-com-menu div.conteudo .sg-cc-incluir button:hover { background: var(--sg-brand-600) !important; }
body.sg-com-menu div.conteudo .sg-cc-acao {
display: inline-flex !important; align-items: center; gap: 8px;
height: 36px; padding: 0 14px !important; box-sizing: border-box;
border: 1px solid var(--sg-border-strong) !important; border-radius: 999px !important;
background: var(--sg-surface) !important; color: var(--sg-text) !important;
font: 500 13px var(--sg-font) !important; text-decoration: none !important; cursor: pointer;
position: static !important;
}
body.sg-com-menu div.conteudo .sg-cc-acao:hover { border-color: var(--sg-brand-600) !important; color: var(--sg-brand-700) !important; }
body.sg-com-menu div.conteudo .sg-cc-acao .ui-button-text { display: inline-flex; align-items: center; gap: 8px; padding: 0 !important; }
body.sg-com-menu div.conteudo .sg-cc-acao img { width: 16px !important; height: 16px !important; }
/* (painel da área de coleta: vence a regra genérica de campos flutuantes da coleta) */
body.sg-com-menu div.conteudo #informacoes > .sg-cc-painel { padding: 18px 20px 20px !important; row-gap: 20px; column-gap: 32px; }
body.sg-com-menu div.conteudo #informacoes .sg-cc-campo {
margin: 0 !important; position: relative; padding-top: 22px !important;
flex-wrap: nowrap; gap: 8px;
}
body.sg-com-menu div.conteudo #informacoes .sg-cc-campo > span:first-child {
position: absolute; top: 0; left: 0; white-space: nowrap;
}
body.sg-com-menu div.conteudo #informacoes .sg-cc-painel > div[style*="clear"] { margin: -10px 0; }
body.sg-com-menu div.conteudo #informacoes .sg-cc-painel > div.sg-cc-separador { margin: -4px 0; }
body.sg-com-menu div.conteudo #informacoes > .sg-cc-painel { row-gap: 16px; column-gap: 10px; padding-bottom: 4px !important; }
body.sg-com-menu div.conteudo #informacoes .sg-cc-campo { margin-right: 22px !important; min-width: 80px; }
body.sg-com-menu div.conteudo #informacoes .sg-cc-campo--obs { min-width: 120px; max-width: 360px; }
body.sg-com-menu div.conteudo #informacoes .sg-cc-campo--obs b { line-height: 1.4; padding: 8px 0; }
body.sg-com-menu div.conteudo #informacoes > .sg-cc-painel { align-items: flex-start; }
/* ===================================================================
Retorno do coletor — layout novo (coleta/retorno_coletores/show)
=================================================================== */
body.sg-com-menu div.conteudo #informacoes.sg-rc {
padding: 0 !important; margin: 0 !important; width: auto !important;
background: none !important; border: 0 !important; box-shadow: none !important;
text-align: left; min-height: 0;
}
/* Cabeçalho do lote */
body.sg-com-menu div.conteudo .sg-rc-hero {
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 32px;
padding: 22px 24px; margin-bottom: 20px;
background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg);
box-shadow: 0 1px 2px rgba(20, 23, 46, .04);
}
body.sg-com-menu div.conteudo .sg-rc-hero__principal { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
body.sg-com-menu div.conteudo .sg-rc-hero__eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-rc-hero__titulo { margin: 0; font: 700 30px/1.15 var(--sg-font); color: var(--sg-text); letter-spacing: .01em; }
body.sg-com-menu div.conteudo .sg-rc-hero__estado b {
display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 12px;
border-radius: 999px; background: var(--sg-brand-50); color: var(--sg-brand-700);
font-size: 13px; font-weight: 600;
}
body.sg-com-menu div.conteudo .sg-rc-hero__estado b::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
body.sg-com-menu div.conteudo .sg-rc-hero__estado b:empty { display: none; }
body.sg-com-menu div.conteudo .sg-rc-hero__numeros { display: flex; flex-wrap: wrap; gap: 10px; }
body.sg-com-menu div.conteudo .sg-rc-numero {
display: flex; flex-direction: column; gap: 2px; min-width: 112px;
padding: 10px 14px; border-radius: var(--sg-radius);
background: var(--sg-surface-alt); border: 1px solid var(--sg-border-soft);
text-decoration: none; color: var(--sg-text);
}
body.sg-com-menu div.conteudo a.sg-rc-numero:hover { border-color: var(--sg-brand-600); }
body.sg-com-menu div.conteudo a.sg-rc-numero .sg-rc-numero__valor { color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo .sg-rc-numero__rotulo { font-size: 12px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-rc-numero__valor { font-size: 18px; font-weight: 700; }
body.sg-com-menu div.conteudo .sg-rc-numero.is-alerta { background: #FFF7E6; border-color: #F5D08A; }
body.sg-com-menu div.conteudo .sg-rc-numero.is-alerta .sg-rc-numero__valor { color: #9A5B00; }
/* Duas colunas: conteúdo + mapa fixo */
body.sg-com-menu div.conteudo .sg-rc-layout {
display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 38%); gap: 20px; align-items: start;
width: auto !important; margin: 0 !important;
}
body.sg-com-menu div.conteudo .sg-rc-layout > div[style*="clear"] { display: none; }
@media (max-width: 1180px) { body.sg-com-menu div.conteudo .sg-rc-layout { grid-template-columns: minmax(0, 1fr); } }
body.sg-com-menu div.conteudo .sg-rc-conteudo {
float: none !important; width: auto !important; min-width: 0;
background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg);
padding: 6px 22px 22px;
}
body.sg-com-menu div.conteudo .sg-rc-mapa { float: none !important; width: auto !important; position: sticky; top: 16px; }
body.sg-com-menu div.conteudo .sg-rc-mapa__cartao {
background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg); overflow: hidden;
}
body.sg-com-menu div.conteudo .sg-rc-mapa__topo {
display: flex; align-items: center; justify-content: space-between; gap: 12px;
padding: 14px 18px; border-bottom: 1px solid var(--sg-border-soft);
font-weight: 600; font-size: 15px; color: var(--sg-text);
}
body.sg-com-menu div.conteudo .sg-rc-mapa__topo a { font-size: 13px; font-weight: 500; color: var(--sg-brand-700); text-decoration: none; }
body.sg-com-menu div.conteudo .sg-rc-mapa__topo a:hover { text-decoration: underline; }
body.sg-com-menu div.conteudo .sg-rc-mapa__corpo { padding: 0; }
body.sg-com-menu div.conteudo .sg-rc-mapa__corpo #map,
body.sg-com-menu div.conteudo .sg-rc-mapa__corpo .map { height: 520px !important; height: min(560px, calc(100vh - 140px)) !important; }
/* Paginação das autônomas (controle segmentado) */
body.sg-com-menu div.conteudo .sg-rc-paginas {
display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px;
margin: 12px 0 4px; padding: 12px 14px; border-radius: var(--sg-radius);
background: var(--sg-surface-alt);
}
body.sg-com-menu div.conteudo .sg-rc-paginas__rotulo { font-size: 12px; font-weight: 600; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-rc-paginas__lista { display: flex; flex-wrap: wrap; gap: 6px; }
body.sg-com-menu div.conteudo .sg-rc-pagina {
display: inline-flex; align-items: center; height: 30px; padding: 0 12px;
border-radius: 999px; border: 1px solid var(--sg-border); background: var(--sg-surface);
font-size: 13px; font-weight: 500; color: var(--sg-text); text-decoration: none;
}
body.sg-com-menu div.conteudo .sg-rc-pagina:hover { border-color: var(--sg-brand-600); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo .sg-rc-pagina.is-atual { background: var(--sg-brand-700); border-color: var(--sg-brand-700); color: #fff; }
/* Corpo: os campos formam uma grade; o resto ocupa a linha inteira */
body.sg-com-menu div.conteudo .sg-rc-corpo {
display: grid !important; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px;
padding: 0 !important; overflow: visible !important; max-height: none !important; font-size: 14px !important;
}
body.sg-com-menu div.conteudo .sg-rc-corpo > *:not(.sg-rc-campo):not(.sg-rc-revisita) { grid-column: 1 / -1; }
body.sg-com-menu div.conteudo .sg-rc-corpo > div[style*="clear"] { display: none; }
body.sg-com-menu div.conteudo .sg-rc-corpo > .sg-rc-corpo { margin-top: 6px; }
/* Títulos de seção */
body.sg-com-menu div.conteudo .sg-rc .sg-rc-secao {
display: flex; align-items: center; gap: 10px;
margin: 18px 0 2px; padding: 0 0 10px; border-bottom: 1px solid var(--sg-border-soft);
background: none; border-radius: 0;
font: 600 15px var(--sg-font); color: var(--sg-text);
}
body.sg-com-menu div.conteudo .sg-rc .sg-rc-secao::before { content: ""; width: 4px; height: 16px; border-radius: 2px; background: var(--sg-brand-500); }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-secao--primeira { margin-top: 16px; }
/* Ficha de campo */
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo {
display: flex; flex-direction: column; gap: 4px; min-width: 0;
padding: 10px 12px; border-radius: var(--sg-radius);
background: var(--sg-surface-alt); border: 1px solid transparent;
transition: border-color .12s, background .12s;
}
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo__rotulo { float: none !important; font-size: 12px; color: var(--sg-text-muted); line-height: 1.3; }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo .campo { float: none; padding: 0; min-width: 0; }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo b { font-weight: 600; color: var(--sg-text); overflow-wrap: anywhere; }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo .mostrar_campo_bl b:empty::before,
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo span.null b::before { content: "—"; color: var(--sg-border-strong); font-weight: 400; }
/* Editável: lápis no hover */
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo.sg-editavel:hover { border-color: var(--sg-brand-100); background: var(--sg-surface); }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo .mostrar_campo {
position: relative; cursor: pointer; margin: 0; padding: 0 22px 0 0; border-radius: 0; box-shadow: none !important; background: none !important;
}
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo .mostrar_campo::after {
content: ""; position: absolute; right: 0; top: 50%; width: 14px; height: 14px; margin-top: -7px; opacity: .35;
background: var(--sg-brand-700);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.85 2.85 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.85 2.85 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo .mostrar_campo:hover::after { opacity: 1; }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo .editar_campo,
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo .adicionar_campo { float: none; z-index: 10001; }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo .editar_campo input,
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo .editar_campo select,
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo .adicionar_campo input,
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo .adicionar_campo select { width: 100%; font-size: 13px !important; height: 32px; margin: 2px 0 6px; }
/* Revisitas */
body.sg-com-menu div.conteudo .sg-rc .sg-rc-revisita {
grid-column: 1 / -1; padding: 12px 14px; border-radius: var(--sg-radius);
background: #FFF7E6; border: 1px solid #F5D08A; border-left-width: 4px; font-size: 13.5px; line-height: 1.7;
}
body.sg-com-menu div.conteudo .sg-rc .sg-rc-revisita b { font-weight: 600; }
/* Fotos: galeria */
body.sg-com-menu div.conteudo .sg-rc .sg-rc-fotos {
display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px;
padding: 0 !important; overflow: visible !important;
}
body.sg-com-menu div.conteudo .sg-rc .sg-rc-fotos > .sg-rc-secao,
body.sg-com-menu div.conteudo .sg-rc .sg-rc-fotos > iframe { grid-column: 1 / -1; }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-foto { margin: 0; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-foto a.link_galeria img {
width: 100% !important; height: 120px; aspect-ratio: 4 / 3; object-fit: cover;
border: 1px solid var(--sg-border) !important; border-radius: var(--sg-radius); background: var(--sg-surface-alt);
overflow: hidden; font-size: 0;
}
/* Autônomas e avaliações: cartões recolhíveis */
body.sg-com-menu div.conteudo .sg-rc .sg-rc-bloco {
margin: 14px 0 0 !important; padding: 0 !important;
border: 1px solid var(--sg-border) !important; border-radius: var(--sg-radius-lg) !important;
background: var(--sg-surface) !important; box-shadow: 0 1px 2px rgba(20, 23, 46, .04) !important;
overflow: visible;
}
body.sg-com-menu div.conteudo .sg-rc .sg-rc-bloco > .sg-rc-corpo,
body.sg-com-menu div.conteudo .sg-rc .sg-rc-bloco > form > .sg-rc-corpo { padding: 0 16px 16px !important; }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-bloco__topo {
position: relative !important; top: auto !important; left: auto !important; width: auto !important;
display: flex; align-items: center; gap: 10px;
padding: 12px 16px 12px 44px !important; margin: 0;
background: none !important; border: 0 !important; border-radius: 0 !important;
cursor: pointer; user-select: none;
}
body.sg-com-menu div.conteudo .sg-rc .sg-rc-bloco__topo span { font: 600 15px var(--sg-font); color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-bloco__topo b {
display: inline-flex; align-items: center; height: 24px; padding: 0 10px; margin-left: 4px;
border-radius: 999px; background: var(--sg-brand-50); color: var(--sg-brand-700); font-size: 13px;
}
/* ícone (casa / estrela) + seta de recolher */
body.sg-com-menu div.conteudo .sg-rc .sg-rc-bloco__topo::before {
content: ""; position: absolute; left: 16px; top: 50%; width: 18px; height: 18px; margin-top: -9px;
background: var(--sg-brand-600);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.sg-com-menu div.conteudo .sg-rc .iq_avaliacao.sg-rc-bloco__topo::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");
background: #1E9E6A;
}
body.sg-com-menu div.conteudo .sg-rc .sg-rc-bloco__topo::after {
content: ""; margin-left: auto; width: 16px; height: 16px; background: var(--sg-text-muted); transition: transform .15s;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.sg-com-menu div.conteudo .sg-rc .sg-rc-bloco.is-recolhido > .sg-rc-bloco__topo::after { transform: rotate(-90deg); }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-bloco.is-recolhido > :not(.sg-rc-bloco__topo):not(.div_remover_autonoma):not(.div_remover_avaliacao) { display: none !important; }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-bloco:not(.is-recolhido) > .sg-rc-bloco__topo { border-bottom: 1px solid var(--sg-border-soft) !important; margin-bottom: 4px; }
/* avaliação aninhada: um nível mais leve */
body.sg-com-menu div.conteudo .sg-rc .sg-rc-bloco .sg-rc-bloco { box-shadow: none !important; background: var(--sg-surface) !important; border-color: var(--sg-border-soft) !important; }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-bloco #group { width: auto !important; margin: 0 !important; }
/* Links "+ Autônoma" / "+ Avaliação" / remover */
body.sg-com-menu div.conteudo .sg-rc .div_nova_autonoma,
body.sg-com-menu div.conteudo .sg-rc .div_nova_avaliacao { margin: 14px 0 0 !important; }
body.sg-com-menu div.conteudo .sg-rc .link_nova_autonoma,
body.sg-com-menu div.conteudo .sg-rc .link_nova_avaliacao,
body.sg-com-menu div.conteudo .sg-rc .link_remover_autonoma,
body.sg-com-menu div.conteudo .sg-rc .link_remover_avaliacao {
display: inline-flex; align-items: center; gap: 8px; height: 34px; padding: 0 14px; margin: 0 !important;
border: 1px dashed var(--sg-border-strong); border-radius: 999px;
font-size: 13px; font-weight: 600; color: var(--sg-brand-700); text-decoration: none; background: var(--sg-surface);
}
body.sg-com-menu div.conteudo .sg-rc .link_nova_autonoma:hover,
body.sg-com-menu div.conteudo .sg-rc .link_nova_avaliacao:hover { border-style: solid; border-color: var(--sg-brand-600); background: var(--sg-brand-50); }
body.sg-com-menu div.conteudo .sg-rc .link_remover_autonoma,
body.sg-com-menu div.conteudo .sg-rc .link_remover_avaliacao { color: #B42318; border-style: solid; border-color: #FDA29B; }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-bloco > .div_remover_autonoma,
body.sg-com-menu div.conteudo .sg-rc .sg-rc-bloco > .div_remover_avaliacao { margin: 12px 16px 0 !important; }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-fotos { grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 10px; }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-foto a.link_galeria img { height: 88px; }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-foto.sg-foto-extra { display: none; }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-fotos.is-todas .sg-rc-foto.sg-foto-extra { display: flex; }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-fotos__mais {
grid-column: 1 / -1; justify-self: start;
height: 32px; padding: 0 14px; border-radius: 999px; cursor: pointer;
border: 1px solid var(--sg-border-strong); background: var(--sg-surface);
font: 600 13px var(--sg-font); color: var(--sg-brand-700);
}
body.sg-com-menu div.conteudo .sg-rc .sg-rc-fotos__mais:hover { border-color: var(--sg-brand-600); background: var(--sg-brand-50); }
body.sg-com-menu div.conteudo .sg-rc .autonomas::before {
content: "Autônomas"; display: flex; align-items: center;
margin: 22px 0 0; padding: 0 0 10px 14px; border-bottom: 1px solid var(--sg-border-soft);
font: 600 15px var(--sg-font); color: var(--sg-text);
background: linear-gradient(var(--sg-brand-500), var(--sg-brand-500)) left 0 top 2px / 4px 16px no-repeat;
}
body.sg-com-menu div.conteudo .sg-rc .sg-rc-bloco .avaliacoes::before { content: none; }
body.sg-com-menu div.conteudo .sg-rc-corpo { align-items: start; }
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo .editar_campo input,
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo .adicionar_campo input,
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo .editar_campo select,
body.sg-com-menu div.conteudo .sg-rc .sg-rc-campo .adicionar_campo select {
text-align: left; background: var(--sg-surface); color: var(--sg-text); border: 1px solid var(--sg-border-strong); border-radius: 8px; padding: 0 10px;
}
/* Busca de territoriais: grade de 12 colunas com larguras pensadas por campo */
body.sg-com-menu div.conteudo .sg-grade.sg-grade--12 { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px 16px; }
body.sg-com-menu div.conteudo .sg-grade--12 > .sg-col-1 { grid-column: span 1; }
body.sg-com-menu div.conteudo .sg-grade--12 > .sg-col-2 { grid-column: span 2; }
body.sg-com-menu div.conteudo .sg-grade--12 > .sg-col-4 { grid-column: span 4; }
body.sg-com-menu div.conteudo .sg-grade--12 .sg-inscricao input { padding: 0 4px; }
body.sg-com-menu div.conteudo .sg-grade--12 .sg-campo > label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* telas médias: 6 colunas */
@media (min-width: 1180px) and (max-width: 1500px) {
body.sg-com-menu div.conteudo .sg-grade.sg-grade--12 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
/* linha 1: Inscrição 2 / Código 1 / Proprietário 2 / CPF 1 */
body.sg-com-menu div.conteudo .sg-grade--12 > .sg-campo:nth-child(1) { grid-column: span 2; }
body.sg-com-menu div.conteudo .sg-grade--12 > .sg-campo:nth-child(2) { grid-column: span 1; }
body.sg-com-menu div.conteudo .sg-grade--12 > .sg-campo:nth-child(3) { grid-column: span 2; }
body.sg-com-menu div.conteudo .sg-grade--12 > .sg-campo:nth-child(4) { grid-column: span 1; }
body.sg-com-menu div.conteudo .sg-grade--12 > .sg-campo:nth-child(5) { grid-column: span 2; }
body.sg-com-menu div.conteudo .sg-grade--12 > .sg-campo:nth-child(6) { grid-column: span 1; }
body.sg-com-menu div.conteudo .sg-grade--12 > .sg-campo:nth-child(7) { grid-column: span 1; }
body.sg-com-menu div.conteudo .sg-grade--12 > .sg-campo:nth-child(8) { grid-column: span 1; }
body.sg-com-menu div.conteudo .sg-grade--12 > .sg-campo:nth-child(9) { grid-column: span 1; }
}
@media (max-width: 1179px) {
body.sg-com-menu div.conteudo .sg-grade.sg-grade--12 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.sg-com-menu div.conteudo .sg-grade--12 > .sg-campo { grid-column: span 1 !important; }
body.sg-com-menu div.conteudo .sg-grade--12 > .sg-campo:nth-child(1) { grid-column: span 2 !important; }
}
body.sg-com-menu div.conteudo #informacoes .sg-cc-campo select { text-align: left; text-align-last: left; padding-left: 12px; }
/* Popups de croqui/revisita da área de coleta: abrem abaixo do botão, como um menu */
body.sg-com-menu div.conteudo #informacoes { overflow: visible !important; }
body.sg-com-menu div.conteudo .sg-cc-barra-item .div_upload {
top: 44px !important; left: 0 !important; z-index: 10002;
}
body.sg-com-menu div.conteudo .sg-cc-barra-item .arrow_upload { display: none; }
body.sg-com-menu div.conteudo .sg-cc-barra-item .form_upload {
float: none; margin: 0 !important; padding: 14px 16px !important; min-width: 340px;
background: var(--sg-surface) !important; border: 1px solid var(--sg-border); border-radius: var(--sg-radius) !important;
box-shadow: 0 12px 32px rgba(20, 23, 46, .16) !important; font-size: 13px !important; text-align: left;
}
body.sg-com-menu div.conteudo .sg-cc-barra-item .form_upload table { width: 100%; border-collapse: collapse; }
body.sg-com-menu div.conteudo .sg-cc-barra-item .form_upload tr,
body.sg-com-menu div.conteudo .sg-cc-barra-item .form_upload td { background: none !important; padding: 4px 0; }
body.sg-com-menu div.conteudo .sg-cc-barra-item .form_upload input[type=file] {
background: none !important; color: var(--sg-text-muted) !important; border: 0 !important; height: auto; padding: 0 !important; font: 13px var(--sg-font);
}
/* ===================================================================
Configurações do sistema (configuracoes/show)
=================================================================== */
body.sg-com-menu div.conteudo .sg-cfg { display: flex; flex-direction: column; gap: 20px; text-align: left; }
body.sg-com-menu div.conteudo .sg-cfg__duas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: start; }
@media (max-width: 1280px) { body.sg-com-menu div.conteudo .sg-cfg__duas { grid-template-columns: minmax(0, 1fr); } }
body.sg-com-menu div.conteudo .sg-cfg__cartao {
background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg);
box-shadow: 0 1px 2px rgba(20, 23, 46, .04); overflow: hidden;
}
body.sg-com-menu div.conteudo .sg-cfg__topo {
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px;
padding: 16px 22px; border-bottom: 1px solid var(--sg-border-soft);
}
body.sg-com-menu div.conteudo .sg-cfg__titulo { margin: 0; font: 600 16px var(--sg-font); color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-cfg__sub { margin: 2px 0 0; font-size: 13px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-cfg__status {
display: inline-flex; align-items: center; gap: 7px; height: 28px; padding: 0 12px; border-radius: 999px;
font-size: 12.5px; font-weight: 600;
}
body.sg-com-menu div.conteudo .sg-cfg__status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
body.sg-com-menu div.conteudo .sg-cfg__status.is-ativo { background: #E8F7EF; color: #157A50; }
body.sg-com-menu div.conteudo .sg-cfg__status.is-inativo { background: var(--sg-danger-bg); color: var(--sg-danger); }
body.sg-com-menu div.conteudo .sg-cfg__corpo { display: grid; grid-template-columns: minmax(220px, 300px) minmax(0, 1fr); }
@media (max-width: 1100px) { body.sg-com-menu div.conteudo .sg-cfg__corpo { grid-template-columns: minmax(0, 1fr); } }
body.sg-com-menu div.conteudo .sg-cfg__corpo > .sg-cfg__lista { grid-template-columns: minmax(0, 1fr); border-right: 1px solid var(--sg-border-soft); }
/* lista rótulo/valor */
body.sg-com-menu div.conteudo .sg-cfg__lista {
display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 18px 24px;
margin: 0; padding: 20px 22px 22px;
}
body.sg-com-menu div.conteudo .sg-cfg__lista--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.sg-com-menu div.conteudo .sg-cfg__item { min-width: 0; }
body.sg-com-menu div.conteudo .sg-cfg__item--largo { grid-column: span 2; }
body.sg-com-menu div.conteudo .sg-cfg__lista--2 .sg-cfg__item--largo { grid-column: 1 / -1; }
body.sg-com-menu div.conteudo .sg-cfg__item dt { margin: 0 0 5px; font-size: 12px; font-weight: 500; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-cfg__item dd { margin: 0; font-size: 14px; font-weight: 500; color: var(--sg-text); overflow-wrap: anywhere; line-height: 1.45; }
body.sg-com-menu div.conteudo .sg-cfg code {
font: 12.5px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
background: var(--sg-surface-alt); border: 1px solid var(--sg-border-soft); border-radius: 6px; padding: 2px 6px;
color: var(--sg-text); overflow-wrap: anywhere;
}
body.sg-com-menu div.conteudo .sg-cfg__vazio { color: var(--sg-border-strong); font-weight: 400; font-style: italic; }
body.sg-com-menu div.conteudo .sg-cfg__nota { display: inline-block; margin-left: 4px; font-size: 12.5px; font-weight: 400; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-cfg__bool { display: inline-flex; height: 24px; align-items: center; padding: 0 10px; border-radius: 999px; font-size: 12.5px; font-weight: 600; }
body.sg-com-menu div.conteudo .sg-cfg__bool.is-sim { background: #E8F7EF; color: #157A50; }
body.sg-com-menu div.conteudo .sg-cfg__bool.is-nao { background: var(--sg-surface-alt); color: var(--sg-text-muted); }
/* imagens */
body.sg-com-menu div.conteudo .sg-cfg__imagens {
display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 16px; padding: 20px 22px 22px;
}
body.sg-com-menu div.conteudo .sg-cfg__imagem { margin: 0; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
body.sg-com-menu div.conteudo .sg-cfg__previa {
display: flex; align-items: center; justify-content: center; height: 120px; padding: 12px; box-sizing: border-box;
border: 1px solid var(--sg-border); border-radius: var(--sg-radius);
background: var(--sg-surface-alt) repeating-conic-gradient(#EEF0F6 0 25%, transparent 0 50%) 50% / 16px 16px;
}
body.sg-com-menu div.conteudo a.sg-cfg__previa:hover { border-color: var(--sg-brand-600); }
body.sg-com-menu div.conteudo .sg-cfg__previa img { max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; object-fit: contain; border: 0; }
body.sg-com-menu div.conteudo .sg-cfg__previa.is-vazia { background: var(--sg-surface-alt); border-style: dashed; color: var(--sg-text-muted); font-size: 13px; }
body.sg-com-menu div.conteudo .sg-cfg__imagem figcaption { display: flex; flex-direction: column; gap: 4px; min-width: 0; font-size: 13px; }
body.sg-com-menu div.conteudo .sg-cfg__imagem figcaption strong { font-weight: 600; color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-cfg__imagem figcaption code { align-self: flex-start; max-width: 100%; }
/* tabela de armazenamento */
body.sg-com-menu div.conteudo table.sg-cfg__tabela { width: 100%; border-collapse: collapse; margin: 0; }
body.sg-com-menu div.conteudo table.sg-cfg__tabela th {
padding: 10px 22px; text-align: left; font-size: 12px; font-weight: 600; color: var(--sg-text-muted);
background: var(--sg-surface-alt); border-bottom: 1px solid var(--sg-border-soft);
}
body.sg-com-menu div.conteudo table.sg-cfg__tabela td { padding: 12px 22px; font-size: 14px; border-bottom: 1px solid var(--sg-border-soft); background: none; text-align: left; }
body.sg-com-menu div.conteudo table.sg-cfg__tabela tr:last-child td { border-bottom: 0; }
body.sg-com-menu div.conteudo .sg-cfg__tipo { font-weight: 600; color: var(--sg-text); white-space: nowrap; }
body.sg-com-menu div.conteudo .sg-cfg__local { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; }
body.sg-com-menu div.conteudo .sg-cfg__local--nuvem { background: #FFF4E5; color: #9A5B00; }
body.sg-com-menu div.conteudo .sg-cfg__local--disco { background: var(--sg-brand-50); color: var(--sg-brand-700); }
/* token + ações */
body.sg-com-menu div.conteudo .sg-cfg__segredo { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; max-width: 100%; }
body.sg-com-menu div.conteudo .sg-cfg__mostrar {
height: 28px; padding: 0 12px; border-radius: 999px; cursor: pointer;
border: 1px solid var(--sg-border-strong); background: var(--sg-surface); font: 600 12px var(--sg-font); color: var(--sg-brand-700);
}
body.sg-com-menu div.conteudo .sg-cfg__mostrar:hover { border-color: var(--sg-brand-600); background: var(--sg-brand-50); }
body.sg-com-menu div.conteudo .sg-cfg__acoes { display: flex; flex-wrap: wrap; gap: 8px; }
body.sg-com-menu div.conteudo .sg-cfg__acoes form { margin: 0; }
body.sg-com-menu div.conteudo .sg-cfg__acoes input[type=submit] { height: 36px; padding: 0 16px; width: auto; margin: 0; }
body.sg-com-menu div.conteudo .sg-cfg__acoes input.sg-cfg__perigo { background: var(--sg-surface) !important; color: var(--sg-danger) !important; border: 1px solid var(--sg-danger-border) !important; }
body.sg-com-menu div.conteudo .sg-cfg__acoes input.sg-cfg__perigo:hover { background: var(--sg-danger-bg) !important; }
/* ===================================================================
Permissões do grupo (grupos/edit)
=================================================================== */
body.sg-com-menu div.conteudo form.sg-perm { display: flex; flex-direction: column; gap: 16px; text-align: left; padding-bottom: 8px; }
body.sg-com-menu div.conteudo .sg-perm__cartao {
background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg);
box-shadow: 0 1px 2px rgba(20, 23, 46, .04);
}
body.sg-com-menu div.conteudo .sg-perm__cabecalho {
display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px 24px; padding: 18px 22px;
}
body.sg-com-menu div.conteudo .sg-perm__nome { display: flex; flex-direction: column; gap: 6px; flex: 1 1 320px; max-width: 480px; }
body.sg-com-menu div.conteudo .sg-perm__nome label { font-size: 12px; font-weight: 500; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-perm__nome input { width: 100% !important; height: 40px; font-size: 15px; font-weight: 600; }
body.sg-com-menu div.conteudo .sg-perm__resumo { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
body.sg-com-menu div.conteudo .sg-perm__total { font-size: 13px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-perm__total b { color: var(--sg-text); font-weight: 700; }
body.sg-com-menu div.conteudo a.sg-perm__clonar {
display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border-radius: 999px;
border: 1px solid var(--sg-border-strong); background: var(--sg-surface); color: var(--sg-text); font-size: 13px; font-weight: 600; text-decoration: none;
}
body.sg-com-menu div.conteudo a.sg-perm__clonar::before {
content: ""; width: 16px; height: 16px; background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='14' height='14' rx='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='14' height='14' rx='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.sg-com-menu div.conteudo a.sg-perm__clonar:hover { border-color: var(--sg-brand-600); color: var(--sg-brand-700); }
/* ferramentas (fica presa no topo ao rolar) */
body.sg-com-menu div.conteudo .sg-perm__ferramentas {
position: sticky; top: 0; z-index: 5;
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px;
padding: 10px 0; background: var(--sg-bg-page);
}
body.sg-com-menu div.conteudo .sg-perm__busca { flex: 1 1 320px; max-width: 520px; }
body.sg-com-menu div.conteudo .sg-perm__busca input {
width: 100%; height: 40px; padding: 0 14px 0 38px; border-radius: 999px; font-size: 14px; box-sizing: border-box;
background: var(--sg-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E6382' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px center / 16px;
}
body.sg-com-menu div.conteudo .sg-perm__botoes { display: flex; gap: 8px; }
body.sg-com-menu div.conteudo .sg-perm__btn {
height: 36px; padding: 0 14px; border-radius: 999px; cursor: pointer;
border: 1px solid var(--sg-border-strong); background: var(--sg-surface); font: 600 13px var(--sg-font); color: var(--sg-text);
}
body.sg-com-menu div.conteudo .sg-perm__btn:hover { border-color: var(--sg-brand-600); color: var(--sg-brand-700); }
/* grade de módulos */
body.sg-com-menu div.conteudo .sg-perm__grade {
display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; align-items: start;
}
body.sg-com-menu div.conteudo .sg-perm__modulo {
background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg);
overflow: hidden; transition: border-color .15s;
}
body.sg-com-menu div.conteudo .sg-perm__modulo.is-completo { border-color: #B7E4CC; }
body.sg-com-menu div.conteudo .sg-perm__modulo-topo {
display: flex; align-items: center; gap: 10px; padding: 12px 14px 12px 16px; border-bottom: 1px solid var(--sg-border-soft);
}
body.sg-com-menu div.conteudo .sg-perm__modulo-topo h4 { margin: 0; flex: 1 1 auto; min-width: 0; font: 600 14px var(--sg-font); color: var(--sg-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.sg-com-menu div.conteudo .sg-perm__contador {
flex: none; height: 22px; padding: 0 8px; display: inline-flex; align-items: center; border-radius: 999px;
background: var(--sg-surface-alt); color: var(--sg-text-muted); font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums;
}
body.sg-com-menu div.conteudo .sg-perm__modulo.is-completo .sg-perm__contador { background: #E8F7EF; color: #157A50; }
body.sg-com-menu div.conteudo .sg-perm__modulo:not(.is-completo):not(.is-vazio) .sg-perm__contador { background: var(--sg-brand-50); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo .sg-perm__todos { flex: none; display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; color: var(--sg-text-muted); cursor: pointer; margin: 0; }
body.sg-com-menu div.conteudo .sg-perm__todos input { margin: 0; width: 16px; height: 16px; }
/* chips de permissão */
body.sg-com-menu div.conteudo .sg-perm__chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 16px 16px; }
body.sg-com-menu div.conteudo .sg-perm__chip {
display: inline-flex; align-items: center; gap: 7px; margin: 0;
height: 32px; padding: 0 12px 0 10px; border-radius: 999px; cursor: pointer; user-select: none;
border: 1px solid var(--sg-border); background: var(--sg-surface); color: var(--sg-text-muted);
font-size: 13px; font-weight: 500; transition: background .12s, border-color .12s, color .12s;
}
body.sg-com-menu div.conteudo .sg-perm__chip:hover { border-color: var(--sg-brand-600); color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-perm__chip input[type=checkbox] { margin: 0; width: 15px; height: 15px; accent-color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo .sg-perm__chip.is-marcado { background: var(--sg-brand-50); border-color: var(--sg-brand-100); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo .sg-perm__chip.is-destaque { box-shadow: 0 0 0 2px #F5C04A; }
body.sg-com-menu div.conteudo .sg-perm__nada { grid-column: 1 / -1; padding: 40px; text-align: center; color: var(--sg-text-muted); background: var(--sg-surface); border: 1px dashed var(--sg-border-strong); border-radius: var(--sg-radius-lg); }
/* barra de salvar fixa no rodapé */
body.sg-com-menu div.conteudo .sg-perm__rodape {
position: sticky; bottom: 0; z-index: 5;
display: flex; align-items: center; justify-content: flex-end; gap: 16px;
margin-top: 4px; padding: 12px 18px;
background: rgba(255, 255, 255, .94); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg);
box-shadow: 0 -6px 20px rgba(20, 23, 46, .08);
}
body.sg-com-menu div.conteudo .sg-perm__aviso { font-size: 13px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-perm__aviso.is-alterado { color: #9A5B00; font-weight: 600; }
body.sg-com-menu div.conteudo .sg-perm__rodape input[type=submit] { height: 40px; padding: 0 24px; margin: 0; width: auto; }
/* ===================================================================
Editor de layer do MapServer (mapserver/edit)
=================================================================== */
body.sg-com-menu div.conteudo .sg-ms { display: flex; flex-direction: column; gap: 16px; text-align: left; }
body.sg-com-menu div.conteudo .sg-ms__cartao {
background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg);
box-shadow: 0 1px 2px rgba(20, 23, 46, .04); padding: 18px 22px;
}
body.sg-com-menu div.conteudo .sg-ms__modelo {
display: grid; grid-template-columns: minmax(0, 420px) 1fr; column-gap: 16px; row-gap: 6px; align-items: center;
padding: 0 0 16px; margin-bottom: 16px; border-bottom: 1px solid var(--sg-border-soft);
}
body.sg-com-menu div.conteudo .sg-ms__modelo label { grid-column: 1 / -1; }
body.sg-com-menu div.conteudo .sg-ms__ajuda { font-size: 12.5px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-ms__linha { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
body.sg-com-menu div.conteudo .sg-ms label { display: block; margin: 0 0 6px; font-size: 12px; font-weight: 500; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-ms__info input[type=text],
body.sg-com-menu div.conteudo .sg-ms__info select { width: 100% !important; height: 40px; box-sizing: border-box; }
body.sg-com-menu div.conteudo .sg-ms__item--nome input { font-size: 15px !important; font-weight: 600; }
body.sg-com-menu div.conteudo .sg-ms__ferramentas {
position: sticky; top: 0; z-index: 5; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px;
padding: 10px 0; background: var(--sg-bg-page);
}
body.sg-com-menu div.conteudo .sg-ms__titulo { display: flex; align-items: baseline; gap: 12px; }
body.sg-com-menu div.conteudo .sg-ms__titulo h3 { margin: 0; font: 600 16px var(--sg-font); color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-ms__total { font-size: 12.5px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo #sg-ms-filtro {
flex: 0 1 420px; height: 38px; padding: 0 14px 0 38px; border-radius: 999px; box-sizing: border-box; font-size: 14px;
background: var(--sg-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E6382' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px center / 16px;
}
/* seções (LAYER, CLASS, STYLE...) */
body.sg-com-menu div.conteudo .sg-ms__campos { display: flex; flex-direction: column; gap: 14px; }
body.sg-com-menu div.conteudo .sg-ms-carregando,
body.sg-com-menu div.conteudo .sg-ms__vazio { padding: 40px; text-align: center; color: var(--sg-text-muted); background: var(--sg-surface); border: 1px dashed var(--sg-border-strong); border-radius: var(--sg-radius-lg); margin: 0; }
body.sg-com-menu div.conteudo .sg-ms-secao { background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg); overflow: hidden; }
body.sg-com-menu div.conteudo .sg-ms-secao.is-sem-campos { background: transparent; border-style: dashed; }
body.sg-com-menu div.conteudo .sg-ms-secao__topo {
display: flex; align-items: center; gap: 12px; padding: 12px 18px; cursor: pointer; user-select: none;
border-bottom: 1px solid var(--sg-border-soft);
}
body.sg-com-menu div.conteudo .sg-ms-secao.is-recolhida .sg-ms-secao__topo,
body.sg-com-menu div.conteudo .sg-ms-secao.is-sem-campos .sg-ms-secao__topo { border-bottom: 0; }
body.sg-com-menu div.conteudo .sg-ms-secao__titulo { flex: 1 1 auto; font: 600 14px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--sg-brand-700); letter-spacing: .02em; }
body.sg-com-menu div.conteudo .sg-ms-secao__titulo .sg-ms-campo__dica { font-family: var(--sg-font); letter-spacing: 0; margin-left: 6px; }
body.sg-com-menu div.conteudo .sg-ms-secao__qtd { font-size: 12px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-ms-secao__topo::after {
content: ""; width: 16px; height: 16px; background: var(--sg-text-muted); transition: transform .15s;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.sg-com-menu div.conteudo .sg-ms-secao.is-recolhida .sg-ms-secao__topo::after { transform: rotate(-90deg); }
body.sg-com-menu div.conteudo .sg-ms-secao.is-sem-campos .sg-ms-secao__topo::after { display: none; }
body.sg-com-menu div.conteudo .sg-ms-secao.is-recolhida .sg-ms-secao__campos { display: none; }
body.sg-com-menu div.conteudo .sg-ms-secao__campos {
display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px 18px; padding: 16px 18px 18px;
}
body.sg-com-menu div.conteudo .sg-ms-secao.is-sem-campos .sg-ms-secao__campos { display: none; }
/* campo */
body.sg-com-menu div.conteudo .sg-ms-campo { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
body.sg-com-menu div.conteudo .sg-ms-campo--largo { grid-column: 1 / -1; }
body.sg-com-menu div.conteudo .sg-ms-campo__cabeca { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
body.sg-com-menu div.conteudo .sg-ms label.sg-ms-campo__nome {
margin: 0; font: 600 12.5px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--sg-text); letter-spacing: .02em;
}
body.sg-com-menu div.conteudo .sg-ms-campo__dica { font-size: 12px; font-weight: 400; color: var(--sg-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.sg-com-menu div.conteudo .sg-ms-campo textarea,
body.sg-com-menu div.conteudo .sg-ms-campo input[type=text],
body.sg-com-menu div.conteudo .sg-ms-campo select { width: 100% !important; box-sizing: border-box; font-size: 13.5px; }
body.sg-com-menu div.conteudo .sg-ms-campo input[type=text],
body.sg-com-menu div.conteudo .sg-ms-campo select { height: 38px; }
body.sg-com-menu div.conteudo textarea.sg-ms-texto { min-height: 38px; padding: 9px 12px; resize: vertical; line-height: 1.45; overflow: hidden; }
body.sg-com-menu div.conteudo textarea.sg-ms-texto--codigo {
overflow: auto; font: 12.5px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
background: #F8F9FC; white-space: pre-wrap;
}
/* cor */
body.sg-com-menu div.conteudo .sg-ms-cor { display: flex; align-items: center; gap: 8px; }
body.sg-com-menu div.conteudo .sg-ms-cor__seletor {
flex: none; width: 42px; height: 38px; padding: 3px; border: 1px solid var(--sg-border-strong); border-radius: 8px; background: var(--sg-surface); cursor: pointer;
}
body.sg-com-menu div.conteudo .sg-ms-cor__seletor.is-dinamica { background: repeating-linear-gradient(45deg, #EEF0F6 0 6px, #fff 6px 12px); }
body.sg-com-menu div.conteudo .sg-ms-cor__texto { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; }
/* rodapé */
body.sg-com-menu div.conteudo .sg-ms__rodape {
position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; justify-content: flex-end; gap: 16px; padding: 12px 18px;
background: rgba(255, 255, 255, .94); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg); box-shadow: 0 -6px 20px rgba(20, 23, 46, .08);
}
body.sg-com-menu div.conteudo .sg-ms__aviso { font-size: 13px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-ms__aviso.is-alterado { color: #9A5B00; font-weight: 600; }
body.sg-com-menu div.conteudo .sg-ms__rodape input[type=button] { height: 40px; padding: 0 24px; width: auto; margin: 0; }
@media (max-width: 1100px) { body.sg-com-menu div.conteudo .sg-ms__linha { grid-template-columns: minmax(0, 1fr); } }
body.sg-com-menu div.conteudo textarea.sg-ms-texto:not(.sg-ms-texto--codigo) { resize: none; }
/* ===================================================================
Módulos (modulos/new e modulos/edit)
=================================================================== */
body.sg-com-menu div.conteudo form.sg-mod { display: flex; flex-direction: column; gap: 18px; text-align: left; }
body.sg-com-menu div.conteudo .sg-mod__cartao,
body.sg-com-menu div.conteudo .sg-mod__proc {
background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg); box-shadow: 0 1px 2px rgba(20, 23, 46, .04);
}
body.sg-com-menu div.conteudo .sg-mod__topo { padding: 16px 22px; border-bottom: 1px solid var(--sg-border-soft); }
body.sg-com-menu div.conteudo .sg-mod__titulo { margin: 0; font: 600 16px var(--sg-font); color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-mod__sub { margin: 2px 0 0; font-size: 13px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-mod__campos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding: 18px 22px 22px; }
body.sg-com-menu div.conteudo .sg-mod__campo { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
body.sg-com-menu div.conteudo .sg-mod__campo--largo { grid-column: span 2; }
body.sg-com-menu div.conteudo .sg-mod label { margin: 0; font-size: 12px; font-weight: 500; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-mod input[type=text],
body.sg-com-menu div.conteudo .sg-mod select { width: 100% !important; height: 38px; box-sizing: border-box; font-size: 13.5px; }
body.sg-com-menu div.conteudo .sg-mod input.sg-mod__mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; }
/* seção de procedimentos */
body.sg-com-menu div.conteudo .sg-mod__secao-topo { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 8px 20px; margin-bottom: 12px; }
body.sg-com-menu div.conteudo .sg-mod__contagem { font-size: 13px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-mod__contagem b { color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-mod__procedimentos { display: flex; flex-direction: column; gap: 14px; }
body.sg-com-menu div.conteudo .sg-mod__proc {
display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "dados remover" "perms perms"; overflow: hidden;
}
body.sg-com-menu div.conteudo .sg-mod__proc > .sg-mod__remover { grid-area: remover; align-self: start; padding: 16px 18px 0 0; }
body.sg-com-menu div.conteudo .sg-mod__proc-dados {
grid-area: dados; display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, 2fr) auto; gap: 14px; align-items: end;
padding: 16px 18px 16px 20px; border-left: 4px solid var(--sg-brand-500);
}
body.sg-com-menu div.conteudo .sg-mod__proc-dados .sg-mod__campo--largo { grid-column: auto; }
body.sg-com-menu div.conteudo .sg-mod__proc-dados input[type=text] { font-weight: 600; }
body.sg-com-menu div.conteudo .sg-mod__em-uso {
align-self: center; height: 24px; padding: 0 10px; display: inline-flex; align-items: center; border-radius: 999px; white-space: nowrap;
background: #FFF4E5; color: #9A5B00; font-size: 12px; font-weight: 600; margin-top: 18px;
}
/* botão remover (texto) */
body.sg-com-menu div.conteudo .sg-mod__remover a {
display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 999px; text-decoration: none;
border: 1px solid var(--sg-danger-border); background: var(--sg-surface); color: var(--sg-danger); font-size: 12.5px; font-weight: 600;
}
body.sg-com-menu div.conteudo .sg-mod__remover a:hover { background: var(--sg-danger-bg); }
body.sg-com-menu div.conteudo .sg-mod__remover a::before {
content: ""; width: 14px; height: 14px; background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* permissões: linhas de tabela */
body.sg-com-menu div.conteudo .sg-mod__permissoes { grid-area: perms; background: var(--sg-surface-alt); border-top: 1px solid var(--sg-border-soft); padding: 4px 18px 14px 20px; }
body.sg-com-menu div.conteudo .sg-mod__perm-cabeca,
body.sg-com-menu div.conteudo .sg-mod__perm {
display: grid; grid-template-columns: minmax(120px, 1fr) minmax(0, 2fr) minmax(120px, 1fr) minmax(180px, 1.3fr) 40px; gap: 10px; align-items: center;
}
body.sg-com-menu div.conteudo .sg-mod__perm-cabeca { padding: 10px 0 6px; font-size: 11.5px; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-mod__perm { padding: 6px 0; border-top: 1px solid var(--sg-border-soft); }
body.sg-com-menu div.conteudo .sg-mod__perm > .sg-mod__remover { grid-column: 5; grid-row: 1; justify-self: end; }
body.sg-com-menu div.conteudo .sg-mod__perm > .sg-mod__perm-campo:nth-child(2) { grid-column: 1; grid-row: 1; }
body.sg-com-menu div.conteudo .sg-mod__perm-campo { min-width: 0; }
body.sg-com-menu div.conteudo .sg-mod__perm input[type=text] { height: 34px; background: var(--sg-surface); }
body.sg-com-menu div.conteudo .sg-mod__rotulo-mobile { display: none !important; }
body.sg-com-menu div.conteudo .sg-mod__remover--icone a { width: 32px; padding: 0; justify-content: center; font-size: 0; }
body.sg-com-menu div.conteudo .sg-mod__ajuda { display: flex; flex-direction: column; gap: 3px; }
body.sg-com-menu div.conteudo .sg-mod__ajuda input[type=file] { font-size: 12px; color: var(--sg-text-muted); max-width: 100%; }
body.sg-com-menu div.conteudo .sg-mod__arquivo { font-size: 12px; font-weight: 600; color: var(--sg-brand-700); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* adicionar */
body.sg-com-menu div.conteudo .sg-mod__adicionar { margin: 0; text-align: left; }
body.sg-com-menu div.conteudo .sg-mod__adicionar a {
display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 16px; border-radius: 999px; text-decoration: none;
border: 1px dashed var(--sg-border-strong); background: var(--sg-surface); color: var(--sg-brand-700); font-size: 13px; font-weight: 600;
}
body.sg-com-menu div.conteudo .sg-mod__adicionar a::before { content: "+"; font-size: 17px; line-height: 1; }
body.sg-com-menu div.conteudo .sg-mod__adicionar a:hover { border-style: solid; border-color: var(--sg-brand-600); background: var(--sg-brand-50); }
body.sg-com-menu div.conteudo .sg-mod__adicionar--perm { padding-top: 10px; }
body.sg-com-menu div.conteudo .sg-mod__adicionar--perm a { height: 32px; font-size: 12.5px; }
/* rodapé */
body.sg-com-menu div.conteudo .sg-mod__rodape {
position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; justify-content: flex-end; gap: 16px; padding: 12px 18px;
background: rgba(255, 255, 255, .94); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg); box-shadow: 0 -6px 20px rgba(20, 23, 46, .08);
}
body.sg-com-menu div.conteudo .sg-mod__aviso { font-size: 13px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-mod__rodape input[type=submit] { height: 40px; padding: 0 24px; width: auto; margin: 0; }
@media (max-width: 1100px) {
body.sg-com-menu div.conteudo .sg-mod__campos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.sg-com-menu div.conteudo .sg-mod__perm-cabeca { display: none; }
body.sg-com-menu div.conteudo .sg-mod__perm { grid-template-columns: repeat(2, minmax(0, 1fr)) 40px; }
body.sg-com-menu div.conteudo .sg-mod__perm > .sg-mod__remover { grid-column: 3; }
body.sg-com-menu div.conteudo .sg-mod__rotulo-mobile { display: block !important; }
}
body.sg-com-menu div.conteudo .sg-mod__campos { grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) minmax(0, 1.2fr) minmax(0, 1fr); }
body.sg-com-menu div.conteudo .sg-mod__campos > .sg-mod__campo--largo { grid-column: auto; }
/* ===================================================================
Validações (validacoes/show, new e edit)
=================================================================== */
body.sg-com-menu div.conteudo .sg-val { display: flex; flex-direction: column; gap: 18px; text-align: left; }
body.sg-com-menu div.conteudo .sg-val__cartao {
background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg);
box-shadow: 0 1px 2px rgba(20, 23, 46, .04); overflow: hidden;
}
body.sg-com-menu div.conteudo .sg-val__topo {
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px;
padding: 14px 22px; border-bottom: 1px solid var(--sg-border-soft);
}
body.sg-com-menu div.conteudo .sg-val__titulo { margin: 0; font: 600 15px var(--sg-font); color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-val__sub { margin: 2px 0 0; font-size: 12.5px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-val__btn {
height: 34px; padding: 0 14px; border-radius: 999px; cursor: pointer;
border: 1px solid var(--sg-border-strong); background: var(--sg-surface); font: 600 12.5px var(--sg-font); color: var(--sg-text);
}
body.sg-com-menu div.conteudo .sg-val__btn:hover { border-color: var(--sg-brand-600); color: var(--sg-brand-700); background: var(--sg-brand-50); }
/* show: cabeçalho */
body.sg-com-menu div.conteudo .sg-val__hero { padding: 22px 24px; }
body.sg-com-menu div.conteudo .sg-val__eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-val__nome { margin: 4px 0 12px; font: 700 26px/1.2 var(--sg-font); color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-val__chips { display: flex; flex-wrap: wrap; gap: 8px; }
body.sg-com-menu div.conteudo .sg-val__status,
body.sg-com-menu div.conteudo .sg-val__chip {
display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 12px; border-radius: 999px; font-size: 12.5px; font-weight: 600;
}
body.sg-com-menu div.conteudo .sg-val__status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
body.sg-com-menu div.conteudo .sg-val__status.is-ativa { background: #E8F7EF; color: #157A50; }
body.sg-com-menu div.conteudo .sg-val__status.is-inativa { background: var(--sg-surface-alt); color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-val__chip { background: var(--sg-brand-50); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo .sg-val__chip--modo { background: var(--sg-surface-alt); color: var(--sg-text-2); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-weight: 500; }
body.sg-com-menu div.conteudo .sg-val__duas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
@media (max-width: 1100px) { body.sg-com-menu div.conteudo .sg-val__duas { grid-template-columns: minmax(0, 1fr); } }
body.sg-com-menu div.conteudo .sg-val__texto { padding: 16px 22px 18px; font-size: 14px; line-height: 1.6; color: var(--sg-text-2); }
body.sg-com-menu div.conteudo .sg-val__texto p { margin: 0 0 8px; }
body.sg-com-menu div.conteudo .sg-val__texto p:last-child { margin-bottom: 0; }
body.sg-com-menu div.conteudo .sg-val__vazio { color: var(--sg-placeholder); font-style: italic; }
body.sg-com-menu div.conteudo .sg-val__alerta {
padding: 12px 14px 12px 42px; border-radius: var(--sg-radius); position: relative;
background: var(--sg-danger-bg); border: 1px solid var(--sg-danger-border); color: var(--sg-danger);
}
body.sg-com-menu div.conteudo .sg-val__alerta::before {
content: ""; position: absolute; left: 14px; top: 14px; width: 18px; height: 18px; background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v4M12 16h.01'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v4M12 16h.01'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* formulário */
body.sg-com-menu div.conteudo .sg-val__campos { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; padding: 18px 22px 22px; }
body.sg-com-menu div.conteudo .sg-val__campo { min-width: 0; display: flex; flex-direction: column; gap: 6px; grid-column: span 1; }
body.sg-com-menu div.conteudo .sg-val__campo--nome { grid-column: span 3; }
body.sg-com-menu div.conteudo .sg-val__campo--metade { grid-column: span 3; }
body.sg-com-menu div.conteudo .sg-val label { margin: 0; font-size: 12px; font-weight: 500; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-val__campos input[type=text],
body.sg-com-menu div.conteudo .sg-val__campos select,
body.sg-com-menu div.conteudo .sg-val__campos textarea { width: 100% !important; box-sizing: border-box; font-size: 13.5px; }
body.sg-com-menu div.conteudo .sg-val__campos input[type=text],
body.sg-com-menu div.conteudo .sg-val__campos select { height: 38px; }
body.sg-com-menu div.conteudo .sg-val__campos textarea { min-height: 86px; resize: vertical; }
body.sg-com-menu div.conteudo .sg-val__campo--nome input { font-weight: 600; font-size: 15px !important; }
@media (max-width: 1100px) {
body.sg-com-menu div.conteudo .sg-val__campos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.sg-com-menu div.conteudo .sg-val__campo--nome, body.sg-com-menu div.conteudo .sg-val__campo--metade { grid-column: 1 / -1; }
}
/* editor de código (CodeMirror 3) */
body.sg-com-menu div.conteudo .sg-val__codigo .CodeMirror {
height: auto; min-height: 220px; font: 13px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; background: #FBFBFE;
}
body.sg-com-menu div.conteudo .sg-val__codigo .CodeMirror-scroll { min-height: 220px; max-height: 70vh; }
body.sg-com-menu div.conteudo .sg-val .CodeMirror-gutters { background: var(--sg-surface-alt); border-right: 1px solid var(--sg-border-soft); }
body.sg-com-menu div.conteudo .sg-val .CodeMirror-linenumber { color: var(--sg-placeholder); }
body.sg-com-menu div.conteudo .sg-val__codigo.is-tela-cheia {
position: fixed; top: 16px; right: 16px; bottom: 16px; left: 16px; z-index: 10050; display: flex; flex-direction: column; box-shadow: 0 24px 64px rgba(20, 23, 46, .35);
}
body.sg-com-menu div.conteudo .sg-val__codigo.is-tela-cheia .CodeMirror { flex: 1 1 auto; height: auto; }
body.sg-com-menu div.conteudo .sg-val__codigo.is-tela-cheia .CodeMirror-scroll { max-height: none; height: 100%; }
body.sg-val-sem-rolagem { overflow: hidden; }
/* versões */
body.sg-com-menu div.conteudo .sg-val__versoes { display: flex; flex-direction: column; }
body.sg-com-menu div.conteudo .sg-val__versao { border-top: 1px solid var(--sg-border-soft); }
body.sg-com-menu div.conteudo .sg-val__versao:first-child { border-top: 0; }
body.sg-com-menu div.conteudo .sg-val__versao-topo {
width: 100%; display: flex; align-items: center; gap: 12px; padding: 12px 22px; border: 0; background: none; cursor: pointer; text-align: left;
font: 13.5px var(--sg-font); color: var(--sg-text);
}
body.sg-com-menu div.conteudo .sg-val__versao-topo:hover { background: var(--sg-surface-alt); }
body.sg-com-menu div.conteudo .sg-val__versao-topo::after {
content: ""; margin-left: auto; width: 16px; height: 16px; background: var(--sg-text-muted); transform: rotate(-90deg); transition: transform .15s;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.sg-com-menu div.conteudo .sg-val__versao.is-aberta .sg-val__versao-topo::after { transform: none; }
body.sg-com-menu div.conteudo .sg-val__versao-num {
min-width: 36px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px;
background: var(--sg-brand-50); color: var(--sg-brand-700); font-size: 12px; font-weight: 700;
}
body.sg-com-menu div.conteudo .sg-val__versao-data { font-weight: 600; }
body.sg-com-menu div.conteudo .sg-val__versao-info { font-size: 12.5px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-val__versao-corpo { padding: 0 22px 16px; }
body.sg-com-menu div.conteudo .sg-val__versao-corpo .CodeMirror { height: auto; border: 1px solid var(--sg-border); border-radius: var(--sg-radius); font: 12.5px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
body.sg-com-menu div.conteudo .sg-val__versao-corpo .CodeMirror-scroll { max-height: 360px; }
body.sg-com-menu div.conteudo .sg-val__versao-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 10px; }
body.sg-com-menu div.conteudo .sg-val__nota { font-size: 12px; color: var(--sg-text-muted); }
/* rodapé */
body.sg-com-menu div.conteudo .sg-val__rodape {
position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; justify-content: flex-end; gap: 16px; padding: 12px 18px;
background: rgba(255, 255, 255, .94); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg); box-shadow: 0 -6px 20px rgba(20, 23, 46, .08);
}
body.sg-com-menu div.conteudo .sg-val__aviso { font-size: 13px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-val__aviso.is-alterado { color: #9A5B00; font-weight: 600; }
body.sg-com-menu div.conteudo .sg-val__rodape input[type=submit] { height: 40px; padding: 0 24px; width: auto; margin: 0; }
/* ===================================================================
Ícones do cabeçalho que faltavam (Cadastrar com "C" maiúsculo, Modelos, Mapa Inteligente)
=================================================================== */
body.sg-com-menu div.conteudo div.toolbar td > a span.Cadastrar,
body.sg-com-menu div.conteudo div.toolbar td > a span.modelos,
body.sg-com-menu div.conteudo div.toolbar td > a span.inteligente {
display: block; flex: none; float: none; width: 18px; height: 18px; margin: 0; font-size: 0;
background-image: none; background-color: currentColor;
-webkit-mask-position: center; mask-position: center;
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-size: contain; mask-size: contain;
}
body.sg-com-menu div.conteudo div.toolbar td > a span.Cadastrar { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo div.toolbar td > a span.modelos { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 9 5-9 5-9-5 9-5z'/%3E%3Cpath d='m3 12 9 5 9-5'/%3E%3Cpath d='m3 17 9 5 9-5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 9 5-9 5-9-5 9-5z'/%3E%3Cpath d='m3 12 9 5 9-5'/%3E%3Cpath d='m3 17 9 5 9-5'/%3E%3C/svg%3E"); }
body.sg-com-menu div.conteudo div.toolbar td > a span.inteligente { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.9 4.6L18.5 9.5l-4.6 1.9L12 16l-1.9-4.6L5.5 9.5l4.6-1.9z'/%3E%3Cpath d='M19 15l.8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l1.9 4.6L18.5 9.5l-4.6 1.9L12 16l-1.9-4.6L5.5 9.5l4.6-1.9z'/%3E%3Cpath d='M19 15l.8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8z'/%3E%3C/svg%3E"); }
/* ===================================================================
Layers do mapa (mapa/index, mapa/show, mapa/edit)
=================================================================== */
body.sg-com-menu div.conteudo .sg-ly { display: flex; flex-direction: column; gap: 16px; text-align: left; }
body.sg-com-menu div.conteudo .sg-ly__cartao {
background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg);
box-shadow: 0 1px 2px rgba(20, 23, 46, .04); padding: 18px 22px; min-width: 0;
}
body.sg-com-menu div.conteudo .sg-ly__topo { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px 20px; margin: 0 0 16px; }
body.sg-com-menu div.conteudo .sg-ly__titulo { margin: 0; font: 600 16px var(--sg-font); color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-ly__sub { margin: 2px 0 0; font-size: 13px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-ly label,
body.sg-com-menu div.conteudo .sg-ly .sg-ly__rotulo { display: block; margin: 0 0 6px; font-size: 12px; font-weight: 500; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-ly__dica { display: block; margin-top: 5px; font-size: 12px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-ly__dica.is-erro { color: var(--sg-danger); }
body.sg-com-menu div.conteudo .sg-ly input[type=text],
body.sg-com-menu div.conteudo .sg-ly input[type=search],
body.sg-com-menu div.conteudo .sg-ly select { width: 100% !important; height: 38px; box-sizing: border-box; font-size: 13.5px; margin: 0; }
/* botões */
body.sg-com-menu div.conteudo .sg-ly__btn {
display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 36px; padding: 0 14px; box-sizing: border-box;
border: 1px solid var(--sg-border-strong); border-radius: 999px; background: var(--sg-surface); color: var(--sg-text);
font: 500 13px var(--sg-font); text-decoration: none; cursor: pointer; white-space: nowrap; width: auto; margin: 0;
}
body.sg-com-menu div.conteudo .sg-ly__btn:hover { border-color: var(--sg-brand-500); color: var(--sg-brand-700); text-decoration: none; }
body.sg-com-menu div.conteudo .sg-ly__btn--primario { background: var(--sg-brand-600); border-color: var(--sg-brand-600); color: #fff; }
body.sg-com-menu div.conteudo .sg-ly__btn--primario:hover { background: var(--sg-brand-700); border-color: var(--sg-brand-700); color: #fff; }
body.sg-com-menu div.conteudo .sg-ly__btn--peq { height: 30px; padding: 0 12px; font-size: 12.5px; }
/* chips */
body.sg-com-menu div.conteudo .sg-ly__chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
body.sg-com-menu div.conteudo .sg-ly__chip,
body.sg-com-menu div.conteudo .sg-ly__status {
display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: 999px; box-sizing: border-box;
font-size: 12px; font-weight: 500; background: var(--sg-surface-alt); border: 1px solid var(--sg-border); color: var(--sg-text-2); white-space: nowrap;
}
body.sg-com-menu div.conteudo .sg-ly__chip--tipo { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; background: var(--sg-brand-50); border-color: var(--sg-brand-100); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo .sg-ly__status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
body.sg-com-menu div.conteudo .sg-ly__status.is-ok { background: #E8F6EE; border-color: #BFE6CF; color: #18794E; }
body.sg-com-menu div.conteudo .sg-ly__status.is-erro { background: #FFF5E5; border-color: #F5D9A8; color: #9A5B00; }
/* hero */
body.sg-com-menu div.conteudo .sg-ly__hero { display: flex; align-items: center; justify-content: space-between; gap: 16px 24px; flex-wrap: wrap; }
body.sg-com-menu div.conteudo .sg-ly__eyebrow { font-size: 11.5px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--sg-brand-600); }
body.sg-com-menu div.conteudo .sg-ly__nome { margin: 2px 0 0; font: 600 22px var(--sg-font); color: var(--sg-text); word-break: break-word; }
body.sg-com-menu div.conteudo .sg-ly__hero-acoes { display: flex; flex-wrap: wrap; gap: 8px; }
/* layout em duas colunas */
body.sg-com-menu div.conteudo .sg-ly__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 40%); gap: 16px; align-items: start; }
body.sg-com-menu div.conteudo .sg-ly__coluna { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
body.sg-com-menu div.conteudo .sg-ly__lateral { position: -webkit-sticky; position: sticky; top: 16px; min-width: 0; }
@media (max-width: 1250px) {
body.sg-com-menu div.conteudo .sg-ly__layout { grid-template-columns: minmax(0, 1fr); }
body.sg-com-menu div.conteudo .sg-ly__lateral { position: static; }
}
/* identificação */
body.sg-com-menu div.conteudo .sg-ly__campos { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 16px; }
body.sg-com-menu div.conteudo .sg-ly__campo { min-width: 0; }
body.sg-com-menu div.conteudo .sg-ly__campos .sg-ly__campo--nome { grid-column: 1 / -1; }
body.sg-com-menu div.conteudo .sg-ly__campo--nome input { font-size: 15px !important; font-weight: 600; }
@media (max-width: 900px) { body.sg-com-menu div.conteudo .sg-ly__campos { grid-template-columns: minmax(0, 1fr); } }
body.sg-com-menu div.conteudo .sg-ly__partida { display: flex; gap: 10px; }
body.sg-com-menu div.conteudo .sg-ly__partida select { flex: 1 1 auto; }
/* interruptor */
body.sg-com-menu div.conteudo .sg-ly label.sg-ly__switch,
body.sg-com-menu div.conteudo .sg-ly .sg-ly__switch { display: inline-flex; align-items: center; gap: 10px; margin: 0; height: 38px; cursor: pointer; color: var(--sg-text); font-size: 13.5px; }
body.sg-com-menu div.conteudo .sg-ly__switch input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
body.sg-com-menu div.conteudo .sg-ly__switch > span {
position: relative; flex: none; width: 36px; height: 20px; border-radius: 999px; background: #CDD1E0; transition: background .15s;
}
body.sg-com-menu div.conteudo .sg-ly__switch > span::after {
content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, .2); transition: transform .15s;
}
body.sg-com-menu div.conteudo .sg-ly__switch input:checked + span { background: var(--sg-brand-600); }
body.sg-com-menu div.conteudo .sg-ly__switch input:checked + span::after { -webkit-transform: translateX(16px); transform: translateX(16px); }
body.sg-com-menu div.conteudo .sg-ly__switch input:focus-visible + span { box-shadow: 0 0 0 3px var(--sg-brand-100); }
body.sg-com-menu div.conteudo .sg-ly__switch input:disabled + span { opacity: .55; }
body.sg-com-menu div.conteudo .sg-ly__switch b { font-weight: 500; }
/* alertas */
body.sg-com-menu div.conteudo .sg-ly__alerta {
display: flex; align-items: center; justify-content: space-between; gap: 12px 16px; flex-wrap: wrap;
margin: 0 0 14px; padding: 12px 14px; border-radius: var(--sg-radius); font-size: 13px; line-height: 1.5;
}
body.sg-com-menu div.conteudo .sg-ly__alerta > div { flex: 1 1 320px; }
body.sg-com-menu div.conteudo .sg-ly__alerta.is-aviso { background: #FFF8EB; border: 1px solid #F5D9A8; color: #7A4A00; }
body.sg-com-menu div.conteudo .sg-ly__alerta.is-erro { background: var(--sg-danger-bg); border: 1px solid var(--sg-danger-border); color: var(--sg-danger); }
/* abas */
body.sg-com-menu div.conteudo .sg-ly__abas { display: inline-flex; padding: 3px; gap: 2px; border-radius: 999px; background: var(--sg-surface-alt); border: 1px solid var(--sg-border); }
body.sg-com-menu div.conteudo .sg-ly__aba {
height: 28px; padding: 0 14px; border: 0; border-radius: 999px; background: transparent; color: var(--sg-text-muted);
font: 500 12.5px var(--sg-font); cursor: pointer; width: auto; margin: 0;
}
body.sg-com-menu div.conteudo .sg-ly__aba.is-ativa { background: var(--sg-surface); color: var(--sg-brand-700); box-shadow: 0 1px 2px rgba(20, 23, 46, .12); }
/* árvore de parâmetros */
body.sg-com-menu div.conteudo .sg-ly-arvore { display: flex; flex-direction: column; gap: 12px; }
body.sg-com-menu div.conteudo .sg-ly-secao { border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg); background: var(--sg-surface); overflow: hidden; }
body.sg-com-menu div.conteudo .sg-ly-secao--sub { margin: 0 16px 16px; border-style: solid; background: #FBFBFE; }
body.sg-com-menu div.conteudo .sg-ly-secao__topo {
display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; padding: 10px 14px 10px 16px;
background: var(--sg-surface-alt); border-bottom: 1px solid var(--sg-border-soft);
}
body.sg-com-menu div.conteudo .sg-ly-secao__titulo { font: 600 13.5px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo .sg-ly-secao__dica { font-size: 12px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-ly-secao__qtd { margin-left: auto; font-size: 12px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-ly-secao__campos { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px 16px; padding: 14px 16px 16px; }
body.sg-com-menu div.conteudo .sg-ly-secao__vazio,
body.sg-com-menu div.conteudo .sg-ly-arvore__vazio { grid-column: 1 / -1; margin: 0; font-size: 13px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-ly-arvore__vazio { padding: 24px; text-align: center; border: 1px dashed var(--sg-border-strong); border-radius: var(--sg-radius-lg); }
body.sg-com-menu div.conteudo .sg-ly-campo { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
body.sg-com-menu div.conteudo .sg-ly-campo--largo { grid-column: 1 / -1; }
body.sg-com-menu div.conteudo .sg-ly-campo__cabeca { display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 22px; }
body.sg-com-menu div.conteudo .sg-ly-campo__nome { flex: none; font: 600 12.5px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-ly-campo__dica { flex: 1 1 auto; min-width: 0; font-size: 12px; color: var(--sg-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.sg-com-menu div.conteudo .sg-ly-remover {
flex: none; margin-left: auto; width: 22px; height: 22px; padding: 0; border: 0; border-radius: 6px; background: transparent;
color: var(--sg-text-muted); font-size: 16px; line-height: 22px; cursor: pointer; opacity: .55;
}
body.sg-com-menu div.conteudo .sg-ly-remover:hover { opacity: 1; background: var(--sg-danger-bg); color: var(--sg-danger); }
body.sg-com-menu div.conteudo .sg-ly-remover--secao { margin-left: 0; }
body.sg-com-menu div.conteudo .sg-ly textarea.sg-ly-valor { width: 100% !important; box-sizing: border-box; min-height: 38px; padding: 9px 12px; resize: none; overflow: hidden; line-height: 1.45; font-size: 13.5px; margin: 0; }
body.sg-com-menu div.conteudo .sg-ly textarea.sg-ly-valor--codigo,
body.sg-com-menu div.conteudo .sg-ly textarea.sg-ly-valor--longo { font: 12.5px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; background: #F8F9FC; word-break: break-all; }
body.sg-com-menu div.conteudo .sg-ly .is-invalido { border-color: var(--sg-danger) !important; background: var(--sg-danger-bg) !important; }
body.sg-com-menu div.conteudo .sg-ly-add { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px; border: 1px dashed var(--sg-brand-500); border-radius: var(--sg-radius); background: var(--sg-brand-50); }
body.sg-com-menu div.conteudo .sg-ly .sg-ly-add input.sg-ly-add__nome { flex: 1 1 160px; width: auto !important; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
body.sg-com-menu div.conteudo .sg-ly .sg-ly-add input.sg-ly-add__valor { flex: 3 1 240px; width: auto !important; }
body.sg-com-menu div.conteudo .sg-ly-add .sg-ly__btn { height: 38px; }
body.sg-com-menu div.conteudo .sg-ly-arvore__nova { display: flex; gap: 8px; max-width: 520px; }
body.sg-com-menu div.conteudo .sg-ly .sg-ly-arvore__nova input { flex: 1 1 auto; width: auto !important; }
body.sg-com-menu div.conteudo .sg-ly-arvore__nova .sg-ly__btn { height: 38px; }
/* JSON (CodeMirror) */
body.sg-com-menu div.conteudo .sg-ly__json-barra { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
body.sg-com-menu div.conteudo .sg-ly__json-barra .sg-ly__dica { margin: 0; }
body.sg-com-menu div.conteudo .sg-ly__config .CodeMirror {
height: auto; min-height: 120px; max-height: 560px; border: 1px solid var(--sg-border); border-radius: var(--sg-radius);
font: 12.5px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; text-align: left;
}
body.sg-com-menu div.conteudo .sg-ly__config .CodeMirror-scroll { min-height: 120px; max-height: 560px; }
body.sg-com-menu div.conteudo .sg-ly__config .CodeMirror-gutters { background: var(--sg-surface-alt); border-right: 1px solid var(--sg-border-soft); }
body.sg-com-menu div.conteudo .sg-ly__config > textarea { width: 100%; min-height: 200px; box-sizing: border-box; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
/* mapa de pré-visualização */
body.sg-com-menu div.conteudo .sg-ly__mapa-cartao { padding-bottom: 14px; }
body.sg-com-menu div.conteudo .sg-ly__mapa { position: relative; height: 460px; border-radius: var(--sg-radius); overflow: hidden; border: 1px solid var(--sg-border); background: #EEF0F6; }
body.sg-com-menu div.conteudo .sg-ly__mapa-status { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: 12.5px; color: var(--sg-text-muted); line-height: 1.4; }
body.sg-com-menu div.conteudo .sg-ly__ponto { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #B8BCCF; }
body.sg-com-menu div.conteudo .sg-ly__mapa-status.is-ok .sg-ly__ponto { background: #1F9D5A; }
body.sg-com-menu div.conteudo .sg-ly__mapa-status.is-erro { color: var(--sg-danger); }
body.sg-com-menu div.conteudo .sg-ly__mapa-status.is-erro .sg-ly__ponto { background: var(--sg-danger); }
body.sg-com-menu div.conteudo .sg-ly__mapa-status.is-carregando .sg-ly__ponto { background: var(--sg-brand-500); -webkit-animation: sg-ly-pulso 1s infinite; animation: sg-ly-pulso 1s infinite; }
@-webkit-keyframes sg-ly-pulso { 50% { opacity: .3; } }
@keyframes sg-ly-pulso { 50% { opacity: .3; } }
/* rodapé fixo */
body.sg-com-menu div.conteudo .sg-ly__rodape {
position: -webkit-sticky; position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; justify-content: flex-end; gap: 12px; padding: 12px 18px;
background: rgba(255, 255, 255, .94); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg); box-shadow: 0 -6px 20px rgba(20, 23, 46, .08);
}
body.sg-com-menu div.conteudo .sg-ly__aviso { margin-right: auto; font-size: 13px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-ly__aviso.is-alterado { color: #9A5B00; font-weight: 600; }
body.sg-com-menu div.conteudo .sg-ly__rodape input[type=button] { height: 40px; padding: 0 24px; width: auto; margin: 0; }
body.sg-com-menu div.conteudo .sg-ly__rodape input[type=button]:disabled { opacity: .6; cursor: progress; }
/* disponibilidade por grupo (show) */
body.sg-com-menu div.conteudo .sg-ly label.sg-ly-grupo,
body.sg-com-menu div.conteudo .sg-ly .sg-ly-grupo {
display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; padding: 4px 12px; min-height: 46px; box-sizing: border-box;
border-bottom: 1px solid var(--sg-border-soft); font-size: 13.5px; font-weight: 400; color: var(--sg-text); cursor: pointer;
}
body.sg-com-menu div.conteudo .sg-ly .sg-ly-grupo:hover { background: var(--sg-surface-alt); }
body.sg-com-menu div.conteudo .sg-ly .sg-ly-grupo--todos { border: 1px solid var(--sg-brand-100); border-radius: var(--sg-radius); background: var(--sg-brand-50); margin-bottom: 10px; }
body.sg-com-menu div.conteudo .sg-ly .sg-ly-grupo--todos:hover { background: var(--sg-brand-50); }
body.sg-com-menu div.conteudo .sg-ly-grupo__nome { display: flex; flex-direction: column; min-width: 0; }
body.sg-com-menu div.conteudo .sg-ly-grupo__nome small { font-size: 12px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-ly-grupos.is-todos .sg-ly-grupo { opacity: .5; }
body.sg-com-menu div.conteudo .sg-ly .sg-ly-grupos__filtro { margin: 0 0 8px; }
/* pesquisa (index) */
body.sg-com-menu div.conteudo .sg-ly__busca { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) auto; gap: 16px; align-items: end; margin: 0; }
body.sg-com-menu div.conteudo .sg-ly__busca-acoes { display: flex; gap: 8px; align-items: center; }
body.sg-com-menu div.conteudo .sg-ly__busca-acoes input[type=submit] { height: 38px; padding: 0 22px; margin: 0; width: auto; }
@media (max-width: 900px) { body.sg-com-menu div.conteudo .sg-ly__busca { grid-template-columns: minmax(0, 1fr); } }
/* tabela (index) */
body.sg-com-menu div.conteudo .sg-ly__lista { padding-bottom: 8px; }
body.sg-com-menu div.conteudo .sg-ly__lista .sg-ly__topo { margin-bottom: 8px; }
body.sg-com-menu div.conteudo .sg-ly-tabela-wrap { overflow-x: auto; margin: 0 -22px; }
body.sg-com-menu div.conteudo table.sg-ly-tabela { width: 100%; border-collapse: collapse; font-size: 13.5px; }
body.sg-com-menu div.conteudo table.sg-ly-tabela th {
padding: 10px 12px; text-align: left; font-size: 12px; font-weight: 600; color: var(--sg-text-muted); white-space: nowrap;
background: var(--sg-surface-alt); border-top: 1px solid var(--sg-border-soft); border-bottom: 1px solid var(--sg-border-soft);
}
body.sg-com-menu div.conteudo table.sg-ly-tabela th a { color: inherit; text-decoration: none; }
body.sg-com-menu div.conteudo table.sg-ly-tabela td { padding: 8px 12px; border-bottom: 1px solid var(--sg-border-soft); vertical-align: middle; text-align: left; }
body.sg-com-menu div.conteudo table.sg-ly-tabela th:first-child,
body.sg-com-menu div.conteudo table.sg-ly-tabela td:first-child { padding-left: 22px; }
body.sg-com-menu div.conteudo table.sg-ly-tabela th:last-child,
body.sg-com-menu div.conteudo table.sg-ly-tabela td:last-child { padding-right: 22px; }
body.sg-com-menu div.conteudo table.sg-ly-tabela tbody tr:hover td { background: #FAFAFD; }
body.sg-com-menu div.conteudo table.sg-ly-tabela tr.is-removendo td { opacity: .4; }
body.sg-com-menu div.conteudo .sg-ly-tabela__ordem { width: 1%; white-space: nowrap; }
body.sg-com-menu div.conteudo .sg-ly-tabela__ordem-in { display: flex; align-items: center; gap: 10px; }
body.sg-com-menu div.conteudo .sg-ly-tabela__acoes-in { display: flex; align-items: center; justify-content: flex-end; gap: 4px; }
body.sg-com-menu div.conteudo .sg-ly .sg-ly__busca .sg-ly__campo { float: none; width: auto; margin: 0; }
body.sg-com-menu div.conteudo .sg-ly .sg-ly__busca label { width: auto; float: none; text-align: left; }
body.sg-com-menu div.conteudo .sg-ly-tabela__num { min-width: 28px; font: 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-ly-mover { display: inline-flex; border: 1px solid var(--sg-border); border-radius: 8px; overflow: hidden; background: var(--sg-surface); }
body.sg-com-menu div.conteudo .sg-ly-mover a {
display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; margin: 0;
border: 0; border-right: 1px solid var(--sg-border-soft); background: transparent; color: var(--sg-text-2); cursor: pointer;
}
body.sg-com-menu div.conteudo .sg-ly-mover a:last-child { border-right: 0; }
body.sg-com-menu div.conteudo .sg-ly-mover a:hover { background: var(--sg-brand-50); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo .sg-ly-mover a.is-desativado { opacity: .4; cursor: progress; pointer-events: none; }
body.sg-com-menu div.conteudo .sg-ly-tabela__nome a { font-weight: 600; color: var(--sg-text); text-decoration: none; }
body.sg-com-menu div.conteudo .sg-ly-tabela__nome a:hover { color: var(--sg-brand-700); text-decoration: underline; }
body.sg-com-menu div.conteudo .sg-ly-tabela__nome small { display: block; font-size: 12px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-ly .sg-ly-tabela label.sg-ly__switch { height: 28px; }
body.sg-com-menu div.conteudo .sg-ly-tabela__acoes { width: 1%; white-space: nowrap; text-align: right !important; }
body.sg-com-menu div.conteudo .sg-ly__vazio { margin: 0; padding: 32px; text-align: center; color: var(--sg-text-muted); border: 1px dashed var(--sg-border-strong); border-radius: var(--sg-radius-lg); }
body.sg-com-menu div.conteudo .sg-ly__paginacao { padding: 12px 0 4px; text-align: center; }
body.sg-com-menu div.conteudo .sg-ly__paginacao:empty { display: none; }
/* ===================================================================
Campos personalizados nos formulários (custom_fields/_form_field_values)
=================================================================== */
body.sg-com-menu div.conteudo .sg-cf-grupo { display: block; text-align: left; }
body.sg-com-menu div.conteudo .sg-cf {
margin: 0 0 16px; background: var(--sg-surface); border: 1px solid var(--sg-border);
border-radius: var(--sg-radius-lg); box-shadow: var(--sg-shadow-sm); overflow: hidden;
}
body.sg-com-menu div.conteudo .sg-cf__topo {
display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 46px; padding: 0 16px;
border-bottom: 1px solid var(--sg-border-soft); box-sizing: border-box;
}
body.sg-com-menu div.conteudo .sg-cf__titulo { margin: 0; font: 600 14px/1.3 var(--sg-font); color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-cf__resumo {
flex: none; padding: 3px 10px; border-radius: 999px; background: var(--sg-surface-alt); border: 1px solid var(--sg-border-soft);
font-size: 12px; color: var(--sg-text-muted); white-space: nowrap;
}
body.sg-com-menu div.conteudo .sg-cf__grade {
display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 14px 20px; padding: 16px 20px 20px;
}
body.sg-com-menu div.conteudo .sg-cf__campo { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
body.sg-com-menu div.conteudo .sg-cf__campo--largo { grid-column: 1 / -1; }
body.sg-com-menu div.conteudo .sg-cf__rotulo { display: flex; align-items: baseline; gap: 4px; min-width: 0; }
body.sg-com-menu div.conteudo .sg-cf__rotulo label {
display: block; margin: 0; padding: 0; float: none; width: auto; text-align: left;
font: 500 12.5px/1.35 var(--sg-font); color: var(--sg-text-2); white-space: normal;
}
body.sg-com-menu div.conteudo .sg-cf abbr { color: var(--sg-danger); text-decoration: none; border: 0; font-weight: 600; cursor: help; }
body.sg-com-menu div.conteudo .sg-cf__campo input[type=text],
body.sg-com-menu div.conteudo .sg-cf__campo select,
body.sg-com-menu div.conteudo .sg-cf__campo textarea {
width: 100% !important; max-width: none; margin: 0; box-sizing: border-box; font-size: 13.5px;
}
body.sg-com-menu div.conteudo .sg-cf__campo input[type=text],
body.sg-com-menu div.conteudo .sg-cf__campo select:not([multiple]) { height: 38px; }
body.sg-com-menu div.conteudo .sg-cf__campo select[multiple] { min-height: 96px; padding: 6px; }
body.sg-com-menu div.conteudo .sg-cf__campo textarea { min-height: 76px; padding: 9px 12px; line-height: 1.45; resize: vertical; }
body.sg-com-menu div.conteudo .sg-cf__campo--int input,
body.sg-com-menu div.conteudo .sg-cf__campo--float input { font-variant-numeric: tabular-nums; }
body.sg-com-menu div.conteudo .sg-cf__campo--date input { padding-right: 34px; }
/* sim/não */
body.sg-com-menu div.conteudo .sg-cf__campo--bool { justify-content: flex-end; }
body.sg-com-menu div.conteudo label.sg-cf__switch {
position: relative; display: flex; align-items: center; gap: 10px; min-height: 38px; margin: 0; padding: 0 12px;
border: 1px solid var(--sg-border); border-radius: var(--sg-radius); background: var(--sg-surface); box-sizing: border-box;
cursor: pointer; font: 500 13px/1.3 var(--sg-font); color: var(--sg-text); text-align: left; width: auto; float: none;
}
body.sg-com-menu div.conteudo label.sg-cf__switch:hover { border-color: var(--sg-border-strong); }
body.sg-com-menu div.conteudo .sg-cf__switch input[type=checkbox] { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
body.sg-com-menu div.conteudo .sg-cf__trilho { position: relative; flex: none; width: 34px; height: 20px; border-radius: 999px; background: #CDD1E0; transition: background .15s; }
body.sg-com-menu div.conteudo .sg-cf__trilho::after {
content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, .2); transition: transform .15s;
}
body.sg-com-menu div.conteudo .sg-cf__switch input:checked + .sg-cf__trilho { background: var(--sg-brand-600); }
body.sg-com-menu div.conteudo .sg-cf__switch input:checked + .sg-cf__trilho::after { -webkit-transform: translateX(14px); transform: translateX(14px); }
body.sg-com-menu div.conteudo .sg-cf__switch input:focus + .sg-cf__trilho { box-shadow: 0 0 0 3px var(--sg-brand-100); }
body.sg-com-menu div.conteudo .sg-cf__switch-texto { min-width: 0; }
/* quando o partial está dentro de outro cartão (ex.: Pessoas), vira uma seção do próprio cartão */
body.sg-com-menu div.conteudo div.border .sg-cf,
body.sg-com-menu div.conteudo div.modulo .sg-cf {
margin: 0; border: 0; border-top: 1px solid var(--sg-border-soft); border-radius: 0; box-shadow: none;
}
body.sg-com-menu div.conteudo div.border .sg-cf-grupo,
body.sg-com-menu div.conteudo div.modulo .sg-cf-grupo { margin: 0; }
/* espaços duplos entre cartões nos formulários (os
antigos somavam com a margem dos cartões) */
body.sg-com-menu div.conteudo #coluna_esquerda form > br,
body.sg-com-menu div.conteudo #coluna_esquerda form > div > br:only-child { display: none; }
/* barra de ações fixa no rodapé dos formulários (classe adicionada pelo sg_cadastro.js) */
body.sg-com-menu div.conteudo .sg-barra-acoes {
position: -webkit-sticky; position: sticky; bottom: 0; z-index: 6; margin-bottom: 0 !important;
background: rgba(255, 255, 255, .95) !important; box-shadow: 0 -6px 20px rgba(20, 23, 46, .08) !important;
}
body.sg-com-menu div.conteudo .sg-barra-acoes table,
body.sg-com-menu div.conteudo .sg-barra-acoes tbody { display: block; width: 100%; }
body.sg-com-menu div.conteudo .sg-barra-acoes tr { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
body.sg-com-menu div.conteudo .sg-barra-acoes td { display: block; padding: 10px 16px !important; border: 0 !important; text-align: right !important; background: transparent !important; }
body.sg-com-menu div.conteudo .sg-barra-acoes td:empty { display: none; }
body.sg-com-menu div.conteudo .sg-barra-acoes input[type=submit] { height: 40px; padding: 0 28px; margin: 0; }
body.sg-com-menu div.conteudo .sg-barra-acoes #proporcao_warning td { padding-top: 0 !important; font-size: 12.5px; }
/* ===================================================================
Proprietários (autonomas e imoveis: new/edit)
=================================================================== */
body.sg-com-menu div.conteudo div.border div.border#informacoes { margin: 0 !important; padding: 0 !important; border: 0; box-shadow: none; background: transparent; }
body.sg-com-menu div.conteudo #informacoes > div[style*="font-size: 80%"] { font-size: 13px !important; padding: 0 16px 16px; overflow: visible !important; }
body.sg-com-menu div.conteudo #informacoes label[for=proporcao_total] {
font: 500 12.5px var(--sg-font) !important; color: var(--sg-text-muted) !important; margin: 0 !important;
}
body.sg-com-menu div.conteudo #informacoes label[for=proporcao_total] + #proporcao_total {
display: inline-block; margin-left: 6px; padding: 2px 10px; border-radius: 999px; font-weight: 600; font-size: 12.5px;
background: var(--sg-danger-bg); color: var(--sg-danger) !important;
}
body.sg-com-menu div.conteudo #informacoes > div > p:first-child { margin: 12px 0; }
body.sg-com-menu div.conteudo .proprietario_new {
position: relative; margin: 0 0 12px; padding: 46px 16px 4px !important; font-size: 13px !important; overflow: visible !important;
border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg); background: var(--sg-surface);
}
body.sg-com-menu div.conteudo .proprietario_new::before {
content: "Proprietário"; position: absolute; top: 13px; left: 16px; font: 600 13px var(--sg-font); color: var(--sg-text);
}
body.sg-com-menu div.conteudo .proprietario_new > span:first-child { position: absolute; top: 8px; right: 10px; }
body.sg-com-menu div.conteudo .proprietario_new > span:first-child a {
display: inline-flex; align-items: center; height: 28px; padding: 0 12px; border-radius: 999px; font: 500 12.5px var(--sg-font);
color: var(--sg-danger); background: transparent; text-decoration: none;
}
body.sg-com-menu div.conteudo .proprietario_new > span:first-child a:hover { background: var(--sg-danger-bg); }
body.sg-com-menu div.conteudo .proprietario_new table.formulario { width: 100%; }
body.sg-com-menu div.conteudo .proprietario_new .sg-corpo-campos {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 40px !important; column-gap: 12px !important; row-gap: 6px !important; align-items: center;
}
body.sg-com-menu div.conteudo .proprietario_new .sg-corpo-campos > tr:nth-child(1) > td:nth-child(1) { grid-area: 1 / 1 / auto / span 1 !important; }
body.sg-com-menu div.conteudo .proprietario_new .sg-corpo-campos > tr:nth-child(1) > td:nth-child(2) { grid-area: 2 / 1 / auto / span 1 !important; }
body.sg-com-menu div.conteudo .proprietario_new .sg-corpo-campos > tr:nth-child(2) > td:nth-child(1) { grid-area: 1 / 2 / auto / span 2 !important; }
body.sg-com-menu div.conteudo .proprietario_new .sg-corpo-campos > tr:nth-child(2) > td:nth-child(2) { grid-area: 2 / 2 / auto / span 1 !important; }
body.sg-com-menu div.conteudo .proprietario_new .sg-corpo-campos > tr:nth-child(2) > td:nth-child(3) { grid-area: 2 / 3 / auto / span 1 !important; display: flex; align-items: center; justify-content: center; }
body.sg-com-menu div.conteudo .proprietario_new .sg-corpo-campos > tr:nth-child(3) > td:nth-child(1) { grid-area: 3 / 1 / auto / span 3 !important; margin-top: 8px; }
body.sg-com-menu div.conteudo .proprietario_new .sg-corpo-campos > tr:nth-child(3) > td:nth-child(2) { grid-area: 4 / 1 / auto / span 1 !important; padding: 0 10px 0 4px !important; }
body.sg-com-menu div.conteudo .proprietario_new .sg-corpo-campos > tr:nth-child(3) > td:nth-child(3) { grid-area: 4 / 2 / auto / span 1 !important; max-width: 140px; }
body.sg-com-menu div.conteudo .proprietario_new td.sg-um-campo input,
body.sg-com-menu div.conteudo .proprietario_new td.sg-um-campo select { width: 100% !important; }
body.sg-com-menu div.conteudo .proprietario_new a.window {
display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; box-sizing: border-box;
border: 1px solid var(--sg-border-strong); border-radius: var(--sg-radius); background: var(--sg-surface);
}
body.sg-com-menu div.conteudo .proprietario_new a.window:hover { border-color: var(--sg-brand-500); background: var(--sg-brand-50); }
body.sg-com-menu div.conteudo .proprietario_new a.window img { width: 18px !important; height: 18px !important; }
body.sg-com-menu div.conteudo .proprietario_new .ui-slider {
position: relative; height: 6px !important; margin: 16px 9px !important; border: 0 !important; border-radius: 999px; background: #E3E6F0 !important; overflow: visible !important;
}
body.sg-com-menu div.conteudo .proprietario_new .ui-slider .ui-slider-range { background: var(--sg-brand-500); border-radius: 999px; }
body.sg-com-menu div.conteudo .proprietario_new .ui-slider .ui-slider-handle {
position: absolute; display: block !important; top: -6px !important; width: 18px !important; height: 18px !important; margin-left: -9px !important; box-sizing: border-box;
border: 2px solid var(--sg-brand-600) !important; border-radius: 50% !important; background: #fff !important; cursor: grab;
box-shadow: 0 1px 3px rgba(20, 23, 46, .25); outline: none;
}
body.sg-com-menu div.conteudo .proprietario_new .ui-slider .ui-slider-handle:focus { box-shadow: 0 0 0 4px var(--sg-brand-100); }
/* Processo dentro do proprietário: seção do cartão, não cartão dentro de cartão */
body.sg-com-menu div.conteudo .proprietario_new div.modulo { margin: 14px -16px 0; border: 0; border-top: 1px solid var(--sg-border-soft); border-radius: 0; box-shadow: none; overflow: visible; }
body.sg-com-menu div.conteudo .proprietario_new div.modulo div.cabecalho { min-height: 40px; border-bottom: 0; }
body.sg-com-menu div.conteudo .proprietario_new div.modulo div.cabecalho span.titulo { font-size: 13px; line-height: 40px; }
/* link "Novo Proprietário" */
body.sg-com-menu div.conteudo #informacoes p[align=center] { margin: 4px 0 0; }
body.sg-com-menu div.conteudo #informacoes p[align=center] a {
display: flex; align-items: center; justify-content: center; height: 40px; border: 1px dashed var(--sg-border-strong); border-radius: var(--sg-radius);
font: 500 13px var(--sg-font); color: var(--sg-brand-700); text-decoration: none;
}
body.sg-com-menu div.conteudo #informacoes p[align=center] a:hover { border-color: var(--sg-brand-500); background: var(--sg-brand-50); }
body.sg-com-menu div.conteudo #informacoes p[align=center] a::before { content: "+"; margin-right: 6px; font-size: 16px; }
/* ===================================================================
Relatório de produtividade (coleta/relatorios_produtividade)
=================================================================== */
body.sg-com-menu div.conteudo .sg-prod { display: flex; flex-direction: column; gap: 16px; text-align: left; }
body.sg-com-menu div.conteudo .sg-prod__cartao {
background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg);
box-shadow: var(--sg-shadow-sm); padding: 18px 22px; min-width: 0; margin: 0;
}
body.sg-com-menu div.conteudo .sg-prod__topo { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px 20px; margin: 0 0 14px; }
body.sg-com-menu div.conteudo .sg-prod__titulo { margin: 0; font: 600 15px/1.3 var(--sg-font); color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-prod__sub { margin: 2px 0 0; font-size: 12.5px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-prod__btn {
display: inline-flex; align-items: center; height: 38px; padding: 0 16px; border: 1px solid var(--sg-border-strong); border-radius: 999px;
background: var(--sg-surface); color: var(--sg-text); font: 500 13px var(--sg-font); text-decoration: none;
}
body.sg-com-menu div.conteudo .sg-prod__btn:hover { border-color: var(--sg-brand-500); color: var(--sg-brand-700); text-decoration: none; }
/* filtros */
body.sg-com-menu div.conteudo .sg-prod__campos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 20px; }
body.sg-com-menu div.conteudo .sg-prod__campo { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
body.sg-com-menu div.conteudo .sg-prod__campo--usuarios,
body.sg-com-menu div.conteudo .sg-prod__campo--periodo { grid-column: span 2; }
body.sg-com-menu div.conteudo .sg-prod label,
body.sg-com-menu div.conteudo .sg-prod .sg-prod__rotulo { display: block; margin: 0; float: none; width: auto; text-align: left; font: 500 12.5px var(--sg-font); color: var(--sg-text-2); }
body.sg-com-menu div.conteudo .sg-prod__dica { font-size: 12px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-prod__filtros input[type=text],
body.sg-com-menu div.conteudo .sg-prod__filtros select:not([multiple]) { width: 100% !important; height: 38px; margin: 0; box-sizing: border-box; font-size: 13.5px; }
body.sg-com-menu div.conteudo .sg-prod__filtros button.ui-multiselect { width: 100% !important; height: 38px; box-sizing: border-box; text-align: left; }
body.sg-com-menu div.conteudo .sg-prod__datas { display: flex; align-items: center; gap: 10px; }
body.sg-com-menu div.conteudo .sg-prod__datas input { flex: 1 1 0; min-width: 0; }
body.sg-com-menu div.conteudo .sg-prod__ate { flex: none; font-size: 12.5px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-prod__acoes { display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--sg-border-soft); }
body.sg-com-menu div.conteudo .sg-prod__acoes input[type=submit] { height: 40px; padding: 0 24px; margin: 0; width: auto; }
@media (max-width: 1100px) {
body.sg-com-menu div.conteudo .sg-prod__campos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* vazio */
body.sg-com-menu div.conteudo .sg-prod__vazio { padding: 40px 22px; text-align: center; color: var(--sg-text-muted); border-style: dashed; box-shadow: none; }
body.sg-com-menu div.conteudo .sg-prod__vazio h3 { margin: 10px 0 4px; font: 600 15px var(--sg-font); color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-prod__vazio p { margin: 0; font-size: 13px; }
body.sg-com-menu div.conteudo .sg-prod__vazio-icone { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px; background: var(--sg-brand-50); color: var(--sg-brand-600); }
/* indicadores */
body.sg-com-menu div.conteudo .sg-prod__kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
body.sg-com-menu div.conteudo .sg-prod__kpi { display: flex; flex-direction: column; gap: 2px; padding: 16px 20px; }
body.sg-com-menu div.conteudo .sg-prod__kpi-rotulo { font-size: 12.5px; font-weight: 500; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-prod__kpi-valor { margin-top: 4px; font: 700 28px/1.15 var(--sg-font); color: var(--sg-text); font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
body.sg-com-menu div.conteudo .sg-prod__kpi-valor--texto { font-size: 20px; line-height: 34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.sg-com-menu div.conteudo .sg-prod__kpi-sub { font-size: 12px; color: var(--sg-text-muted); }
@media (max-width: 1100px) { body.sg-com-menu div.conteudo .sg-prod__kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* gráficos */
body.sg-com-menu div.conteudo .sg-prod__graficos { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 16px; align-items: start; }
body.sg-com-menu div.conteudo .sg-prod__graficos--um { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 1100px) { body.sg-com-menu div.conteudo .sg-prod__graficos { grid-template-columns: minmax(0, 1fr); } }
body.sg-com-menu div.conteudo .sg-prod__plot { position: relative; height: 260px; }
body.sg-com-menu div.conteudo .sg-prod__plot svg { display: block; overflow: visible; }
body.sg-com-menu div.conteudo .sg-prod-grade { stroke: var(--sg-border-soft); stroke-width: 1; }
body.sg-com-menu div.conteudo .sg-prod-eixo { stroke: var(--sg-border-strong); stroke-width: 1; }
body.sg-com-menu div.conteudo .sg-prod-tick { fill: var(--sg-text-muted); font: 11px var(--sg-font); font-variant-numeric: tabular-nums; }
body.sg-com-menu div.conteudo .sg-prod-area { fill: var(--sg-brand-500); fill-opacity: .12; }
body.sg-com-menu div.conteudo .sg-prod-linha { fill: none; stroke: var(--sg-brand-600); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
body.sg-com-menu div.conteudo .sg-prod-ponto { fill: var(--sg-brand-600); stroke: var(--sg-surface); stroke-width: 2; }
body.sg-com-menu div.conteudo .sg-prod-guia { stroke: var(--sg-text-muted); stroke-width: 1; stroke-dasharray: 3 3; }
body.sg-com-menu div.conteudo .sg-prod-foco { fill: var(--sg-brand-600); stroke: var(--sg-surface); stroke-width: 2; }
body.sg-com-menu div.conteudo .sg-prod__dica-flutuante {
position: absolute; z-index: 3; pointer-events: none; padding: 8px 10px; border-radius: 8px; white-space: nowrap;
background: var(--sg-ink-900); color: #fff; font: 12px/1.4 var(--sg-font); box-shadow: var(--sg-shadow);
}
body.sg-com-menu div.conteudo .sg-prod__dica-flutuante span { display: block; opacity: .75; font-size: 11.5px; }
body.sg-com-menu div.conteudo .sg-prod__dica-flutuante b { font-size: 14px; font-variant-numeric: tabular-nums; }
body.sg-com-menu div.conteudo .sg-prod__barras { display: flex; flex-direction: column; gap: 10px; max-height: 260px; overflow-y: auto; padding-right: 4px; }
body.sg-com-menu div.conteudo .sg-prod-barra { display: grid; grid-template-columns: minmax(70px, 34%) minmax(0, 1fr) auto; align-items: center; gap: 10px; font-size: 13px; }
body.sg-com-menu div.conteudo .sg-prod-barra__nome { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--sg-text-2); }
body.sg-com-menu div.conteudo .sg-prod-barra__trilho { height: 10px; border-radius: 4px; background: var(--sg-surface-alt); overflow: hidden; }
body.sg-com-menu div.conteudo .sg-prod-barra__valor { display: block; height: 100%; border-radius: 0 4px 4px 0; background: var(--sg-brand-600); }
body.sg-com-menu div.conteudo .sg-prod-barra:hover .sg-prod-barra__valor { background: var(--sg-brand-700); }
body.sg-com-menu div.conteudo .sg-prod-barra__num { min-width: 64px; text-align: right; font-weight: 600; color: var(--sg-text); font-variant-numeric: tabular-nums; }
body.sg-com-menu div.conteudo .sg-prod-barra__num small { font-weight: 400; color: var(--sg-text-muted); font-size: 11.5px; }
/* tabela com mapa de calor */
body.sg-com-menu div.conteudo .sg-prod__tabela-cartao { padding-bottom: 0; }
body.sg-com-menu div.conteudo .sg-prod__legenda-calor { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; color: var(--sg-text-muted); white-space: nowrap; }
body.sg-com-menu div.conteudo .sg-prod__legenda-calor i { display: block; width: 72px; height: 8px; border-radius: 4px; background: linear-gradient(90deg, rgba(95, 107, 255, .08), rgba(95, 107, 255, .5)); }
body.sg-com-menu div.conteudo .sg-prod__tabela-rolagem { overflow: auto; max-height: 560px; margin: 0 -22px; border-top: 1px solid var(--sg-border-soft); }
body.sg-com-menu div.conteudo table.sg-prod-tabela { border-collapse: separate; border-spacing: 0; width: 100%; font-size: 13px; font-variant-numeric: tabular-nums; }
body.sg-com-menu div.conteudo table.sg-prod-tabela th,
body.sg-com-menu div.conteudo table.sg-prod-tabela td { padding: 9px 12px; text-align: right; white-space: nowrap; border-bottom: 1px solid var(--sg-border-soft); background: var(--sg-surface); }
body.sg-com-menu div.conteudo table.sg-prod-tabela thead th {
position: -webkit-sticky; position: sticky; top: 0; z-index: 2; background: var(--sg-surface-alt);
font-size: 11.5px; font-weight: 600; color: var(--sg-text-muted);
}
body.sg-com-menu div.conteudo table.sg-prod-tabela td { background-color: rgba(95, 107, 255, var(--sg-calor, 0)); background-clip: padding-box; color: var(--sg-text); }
body.sg-com-menu div.conteudo table.sg-prod-tabela td.is-zero { color: #B9BDD0; }
body.sg-com-menu div.conteudo table.sg-prod-tabela .sg-prod-tabela__fixa {
position: -webkit-sticky; position: sticky; left: 0; z-index: 1; text-align: left; padding-left: 22px; min-width: 150px;
font-weight: 600; color: var(--sg-text); border-right: 1px solid var(--sg-border-soft); background: var(--sg-surface);
}
body.sg-com-menu div.conteudo table.sg-prod-tabela thead .sg-prod-tabela__fixa { z-index: 3; background: var(--sg-surface-alt); color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo table.sg-prod-tabela .sg-prod-tabela__fixa a { color: var(--sg-brand-700); text-decoration: none; }
body.sg-com-menu div.conteudo table.sg-prod-tabela .sg-prod-tabela__fixa a:hover { text-decoration: underline; }
body.sg-com-menu div.conteudo table.sg-prod-tabela .sg-prod-tabela__total {
position: -webkit-sticky; position: sticky; right: 0; z-index: 1; padding-right: 22px; font-weight: 700;
border-left: 1px solid var(--sg-border-soft); background: var(--sg-surface-alt) !important; color: var(--sg-text);
}
body.sg-com-menu div.conteudo table.sg-prod-tabela thead .sg-prod-tabela__total { z-index: 3; color: var(--sg-text-muted); font-weight: 600; }
body.sg-com-menu div.conteudo table.sg-prod-tabela .sg-prod-tabela__aviso { text-align: left; font-weight: 400; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo table.sg-prod-tabela tfoot th,
body.sg-com-menu div.conteudo table.sg-prod-tabela tfoot td { background-color: var(--sg-surface-alt); font-weight: 600; }
body.sg-com-menu div.conteudo table.sg-prod-tabela tfoot .sg-prod-tabela__media th,
body.sg-com-menu div.conteudo table.sg-prod-tabela tfoot .sg-prod-tabela__media td { font-weight: 500; color: var(--sg-text-2); border-top: 2px solid var(--sg-border); }
body.sg-com-menu div.conteudo table.sg-prod-tabela tbody tr:hover td,
body.sg-com-menu div.conteudo table.sg-prod-tabela tbody tr:hover th { box-shadow: inset 0 0 0 9999px rgba(20, 23, 46, .025); }
/* detalhamento do cadastrador */
body.sg-com-menu div.conteudo .sg-prod-det__tabela { width: 100%; border-collapse: collapse; font-size: 13px; }
body.sg-com-menu div.conteudo .sg-prod-det__tabela th { padding: 10px 12px; text-align: left; font-size: 12px; font-weight: 600; color: var(--sg-text-muted); background: var(--sg-surface-alt); border-bottom: 1px solid var(--sg-border-soft); white-space: nowrap; }
body.sg-com-menu div.conteudo .sg-prod-det__tabela th a { color: inherit; text-decoration: none; }
body.sg-com-menu div.conteudo .sg-prod-det__tabela td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--sg-border-soft); color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-prod-det__tabela th:first-child, body.sg-com-menu div.conteudo .sg-prod-det__tabela td:first-child { padding-left: 22px; }
body.sg-com-menu div.conteudo .sg-prod-det__tabela tbody tr:hover td { background: #FAFAFD; }
body.sg-com-menu div.conteudo .sg-prod-det__tabela a { color: var(--sg-brand-700); font-weight: 500; text-decoration: none; }
body.sg-com-menu div.conteudo .sg-prod-det__tabela a:hover { text-decoration: underline; }
body.sg-com-menu div.conteudo .sg-prod-det__mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12.5px; }
body.sg-com-menu div.conteudo .sg-prod-det__chip { display: inline-block; padding: 2px 9px; border-radius: 999px; background: var(--sg-surface-alt); border: 1px solid var(--sg-border-soft); font-size: 12px; color: var(--sg-text-2); }
body.sg-com-menu div.conteudo .sg-prod-det__rolagem { overflow-x: auto; margin: 0 -22px; border-top: 1px solid var(--sg-border-soft); }
body.sg-com-menu div.conteudo .sg-prod__paginacao { padding: 14px 0; text-align: center; }
/* ===== Numeração predial (numeracao/show) ===== */
body.sg-com-menu div.conteudo .sg-np { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 40%); gap: 18px; align-items: start; font-family: var(--sg-font); color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-np__principal { min-width: 0; margin: 0; }
body.sg-com-menu div.conteudo .sg-np__cartao {
background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg);
box-shadow: var(--sg-shadow-sm); padding: 18px 22px; min-width: 0; margin: 0; box-sizing: border-box;
}
body.sg-com-menu div.conteudo .sg-np__topo { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px 20px; margin: 0 0 16px; }
body.sg-com-menu div.conteudo .sg-np__titulo { margin: 0; font: 600 17px/1.3 var(--sg-font); color: var(--sg-ink-900, var(--sg-text)); }
body.sg-com-menu div.conteudo .sg-np__sub { margin: 3px 0 0; font-size: 12.5px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-np__sub b { color: var(--sg-text-2); font-weight: 600; }
body.sg-com-menu div.conteudo .sg-np__btn {
display: inline-flex; align-items: center; height: 36px; padding: 0 16px; border: 1px solid var(--sg-border-strong); border-radius: 999px;
background: var(--sg-surface); color: var(--sg-text); font: 500 13px var(--sg-font); text-decoration: none; white-space: nowrap;
}
body.sg-com-menu div.conteudo .sg-np__btn:hover { border-color: var(--sg-brand-500); color: var(--sg-brand-700); text-decoration: none; }
body.sg-com-menu div.conteudo .sg-np__barra { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 18px; padding: 0 0 16px; border-bottom: 1px solid var(--sg-border-soft); }
body.sg-com-menu div.conteudo .sg-np__resumo { display: flex; flex-wrap: wrap; gap: 8px; }
body.sg-com-menu div.conteudo .sg-np__chip {
display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 12px; border-radius: 999px;
background: var(--sg-surface-alt); border: 1px solid var(--sg-border-soft); font-size: 12.5px; color: var(--sg-text-2);
}
body.sg-com-menu div.conteudo .sg-np__chip b { color: var(--sg-text); font-weight: 600; font-variant-numeric: tabular-nums; }
body.sg-com-menu div.conteudo .sg-np__chip i,
body.sg-com-menu div.conteudo .sg-np__lado i,
body.sg-com-menu div.conteudo .sg-np__cor { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #8A90A2; flex: none; }
body.sg-com-menu div.conteudo .sg-np__chip--esquerda i, body.sg-com-menu div.conteudo .sg-np__cor--esquerda, body.sg-com-menu div.conteudo .sg-np__linha--esquerda .sg-np__lado i { background: #E5484D; }
body.sg-com-menu div.conteudo .sg-np__chip--direita i, body.sg-com-menu div.conteudo .sg-np__cor--direita, body.sg-com-menu div.conteudo .sg-np__linha--direita .sg-np__lado i { background: #3E63DD; }
body.sg-com-menu div.conteudo .sg-np__sentido { display: flex; flex-direction: column; gap: 5px; }
body.sg-com-menu div.conteudo .sg-np__rotulo { font-size: 11.5px; font-weight: 600; color: var(--sg-text-muted); text-transform: uppercase; letter-spacing: .04em; }
body.sg-com-menu div.conteudo .sg-np__segmento { display: inline-flex; padding: 3px; gap: 2px; border-radius: 999px; background: var(--sg-surface-alt); border: 1px solid var(--sg-border); }
body.sg-com-menu div.conteudo .sg-np__segmento a {
display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px 0 6px; border-radius: 999px;
color: var(--sg-text-2); font-size: 12.5px; font-weight: 500; text-decoration: none; white-space: nowrap;
}
body.sg-com-menu div.conteudo .sg-np__segmento a img { width: 20px; height: 20px; }
body.sg-com-menu div.conteudo .sg-np__segmento a:hover { color: var(--sg-text); background: var(--sg-hover); }
body.sg-com-menu div.conteudo .sg-np__segmento a.is-ativo { background: var(--sg-surface); color: var(--sg-brand-700); box-shadow: var(--sg-shadow-sm); }
body.sg-com-menu div.conteudo .sg-np__vazio { margin: 16px 0 0; padding: 28px 16px; text-align: center; color: var(--sg-text-muted); border: 1px dashed var(--sg-border-strong); border-radius: var(--sg-radius-lg); }
body.sg-com-menu div.conteudo .sg-np__rolagem { overflow-x: auto; margin: 0 -22px -18px; }
body.sg-com-menu div.conteudo table.sg-np__tabela { width: 100%; border-collapse: collapse; margin: 0; font-size: 13px; font-variant-numeric: tabular-nums; }
body.sg-com-menu div.conteudo table.sg-np__tabela th {
padding: 10px 12px; text-align: left; font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em;
color: var(--sg-text-muted); background: var(--sg-surface-alt); border-bottom: 1px solid var(--sg-border); white-space: nowrap;
}
body.sg-com-menu div.conteudo table.sg-np__tabela td { padding: 7px 12px; border-bottom: 1px solid var(--sg-border-soft); vertical-align: middle; background: transparent; }
body.sg-com-menu div.conteudo table.sg-np__tabela th:first-child,
body.sg-com-menu div.conteudo table.sg-np__tabela td:first-child { padding-left: 22px; }
body.sg-com-menu div.conteudo table.sg-np__tabela th:last-child,
body.sg-com-menu div.conteudo table.sg-np__tabela td:last-child { padding-right: 18px; }
body.sg-com-menu div.conteudo table.sg-np__tabela tbody tr:hover td { background: var(--sg-hover); }
body.sg-com-menu div.conteudo table.sg-np__tabela tbody tr:last-child td { border-bottom: 0; }
body.sg-com-menu div.conteudo table.sg-np__tabela .sg-np__num { text-align: right; width: 1%; white-space: nowrap; }
body.sg-com-menu div.conteudo .sg-np__iq a { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12.5px; color: var(--sg-text); text-decoration: none; }
body.sg-com-menu div.conteudo .sg-np__iq a:hover { color: var(--sg-brand-700); text-decoration: underline; }
body.sg-com-menu div.conteudo .sg-np__anterior { color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo input.sg-np__porta {
width: 92px; height: 34px; padding: 0 10px; margin: 0; box-sizing: border-box; text-align: right;
border: 1px solid var(--sg-border-strong); border-radius: var(--sg-radius-sm); background: var(--sg-surface);
font: 600 14px var(--sg-font); font-variant-numeric: tabular-nums; color: var(--sg-text);
}
body.sg-com-menu div.conteudo input.sg-np__porta:focus { outline: none; border-color: var(--sg-brand-500); box-shadow: 0 0 0 3px var(--sg-brand-100, rgba(95,107,255,.18)); }
body.sg-com-menu div.conteudo .sg-np__lado { display: inline-flex; align-items: center; gap: 8px; }
body.sg-com-menu div.conteudo .sg-np__lado select {
height: 34px; min-width: 140px; margin: 0; padding: 0 8px; border: 1px solid var(--sg-border-strong); border-radius: var(--sg-radius-sm);
background-color: var(--sg-surface); font: 13px var(--sg-font); color: var(--sg-text);
}
body.sg-com-menu div.conteudo .sg-np__acao { width: 1%; text-align: right; }
body.sg-com-menu div.conteudo .sg-np__oculto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.sg-com-menu div.conteudo a.sg-np__remover {
display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--sg-radius-sm);
color: var(--sg-text-muted); text-decoration: none;
}
body.sg-com-menu div.conteudo a.sg-np__remover:hover { background: var(--sg-danger-50, #FDECEC); color: var(--sg-danger, #D93036); }
body.sg-com-menu div.conteudo .sg-np__rodape {
position: -webkit-sticky; position: sticky; bottom: 0; z-index: 5; display: flex; align-items: center; justify-content: flex-end; gap: 16px;
margin-top: 14px; padding: 12px 16px; background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg); box-shadow: var(--sg-shadow);
}
body.sg-com-menu div.conteudo .sg-np__dica { font-size: 12.5px; color: var(--sg-text-muted); margin-right: auto; }
body.sg-com-menu div.conteudo .sg-np__rodape .botao_submit { margin: 0; }
body.sg-com-menu div.conteudo .sg-np__lateral { position: -webkit-sticky; position: sticky; top: 16px; min-width: 0; }
body.sg-com-menu div.conteudo .sg-np__mapa { padding: 0; overflow: hidden; }
body.sg-com-menu div.conteudo .sg-np__mapa .mapa_pequeno { height: 460px; height: calc(100vh - 190px); min-height: 380px; }
body.sg-com-menu div.conteudo .sg-np__legenda { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 0; padding: 12px 16px; list-style: none; border-top: 1px solid var(--sg-border-soft); font-size: 12.5px; color: var(--sg-text-2); }
body.sg-com-menu div.conteudo .sg-np__legenda li { display: inline-flex; align-items: center; gap: 7px; margin: 0; }
body.sg-com-menu div.conteudo .sg-np__legenda img { width: 18px; height: 18px; }
@media (max-width: 1000px) {
body.sg-com-menu div.conteudo .sg-np { grid-template-columns: minmax(0, 1fr); }
body.sg-com-menu div.conteudo .sg-np__lateral { position: static; }
body.sg-com-menu div.conteudo .sg-np__mapa .mapa_pequeno { height: 380px; }
}
/* ===== Origem › Carga de imóveis (origem/imoveis) ===== */
body.sg-com-menu div.conteudo .sg-oi { display: flex; flex-direction: column; gap: 18px; font-family: var(--sg-font); color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-oi__topo-grade { display: grid; grid-template-columns: minmax(0, 3fr) minmax(280px, 2fr); gap: 18px; align-items: stretch; }
body.sg-com-menu div.conteudo .sg-oi__cartao {
display: flex; flex-direction: column; gap: 14px; margin: 0; min-width: 0; box-sizing: border-box;
background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg); box-shadow: var(--sg-shadow-sm); padding: 18px 22px;
}
body.sg-com-menu div.conteudo .sg-oi__cab { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px 18px; flex-wrap: wrap; }
body.sg-com-menu div.conteudo .sg-oi__titulo { margin: 0; font: 600 15px/1.3 var(--sg-font); color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-oi__sub { margin: 3px 0 0; font-size: 12.5px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-oi__lote { display: inline-flex; flex-direction: column; align-items: flex-end; gap: 2px; }
body.sg-com-menu div.conteudo .sg-oi__lote span { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-oi__lote input {
width: auto; height: 28px; margin: 0; padding: 0 10px; border: 1px solid var(--sg-border-soft); border-radius: 999px; background: var(--sg-surface-alt);
font: 500 12.5px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--sg-text-2); text-align: center; box-shadow: none; cursor: default;
}
body.sg-com-menu div.conteudo .sg-oi__arquivo {
position: relative; display: flex; align-items: center; gap: 14px; margin: 0; padding: 18px 20px; cursor: pointer;
border: 1.5px dashed var(--sg-border-strong); border-radius: var(--sg-radius-lg); background: var(--sg-surface-alt);
font-size: 13px; color: var(--sg-text-2); transition: border-color .15s, background-color .15s;
}
body.sg-com-menu div.conteudo .sg-oi__arquivo:hover,
body.sg-com-menu div.conteudo .sg-oi__arquivo.is-sobre { border-color: var(--sg-brand-500); background: var(--sg-brand-50); }
body.sg-com-menu div.conteudo .sg-oi__arquivo.is-preenchido { border-style: solid; border-color: var(--sg-brand-200, var(--sg-brand-500)); }
body.sg-com-menu div.conteudo .sg-oi__arquivo.is-erro { border-color: var(--sg-danger, #D93036); background: var(--sg-danger-50, #FDECEC); }
body.sg-com-menu div.conteudo .sg-oi__arquivo input[type=file] { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; clip: rect(0 0 0 0); }
body.sg-com-menu div.conteudo .sg-oi__arquivo:focus-within { box-shadow: 0 0 0 3px rgba(95, 107, 255, .2); border-color: var(--sg-brand-500); }
body.sg-com-menu div.conteudo .sg-oi__arquivo-icone {
display: inline-flex; align-items: center; justify-content: center; flex: none; width: 44px; height: 44px; border-radius: 12px;
background: var(--sg-surface); color: var(--sg-brand-600); box-shadow: var(--sg-shadow-sm);
}
body.sg-com-menu div.conteudo .sg-oi__arquivo-texto b { color: var(--sg-brand-700); font-weight: 600; }
body.sg-com-menu div.conteudo .sg-oi__arquivo-texto small { display: block; margin-top: 2px; font-size: 12px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-oi__arquivos { display: flex; flex-direction: column; gap: 6px; margin: -4px 0 0; padding: 0; list-style: none; }
body.sg-com-menu div.conteudo .sg-oi__arquivos[hidden] { display: none; }
body.sg-com-menu div.conteudo .sg-oi__arquivos li {
display: flex; justify-content: space-between; gap: 12px; margin: 0; padding: 8px 12px; border: 1px solid var(--sg-border-soft); border-radius: var(--sg-radius-sm);
font-size: 13px; background: var(--sg-surface);
}
body.sg-com-menu div.conteudo .sg-oi__arquivos li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.sg-com-menu div.conteudo .sg-oi__arquivos li small { color: var(--sg-text-muted); white-space: nowrap; }
body.sg-com-menu div.conteudo .sg-oi__campo { display: flex; flex-direction: column; gap: 6px; }
body.sg-com-menu div.conteudo .sg-oi__campo label { font-size: 12.5px; font-weight: 500; color: var(--sg-text-2); }
body.sg-com-menu div.conteudo .sg-oi__campo input,
body.sg-com-menu div.conteudo .sg-oi__campo select,
body.sg-com-menu div.conteudo .sg-oi__campo textarea {
width: 100%; max-width: none; margin: 0; box-sizing: border-box; padding: 8px 12px; min-height: 38px;
border: 1px solid var(--sg-border-strong); border-radius: var(--sg-radius-sm); background-color: var(--sg-surface);
font: 13.5px var(--sg-font); color: var(--sg-text);
}
body.sg-com-menu div.conteudo .sg-oi__campo textarea { resize: vertical; min-height: 64px; }
body.sg-com-menu div.conteudo .sg-oi__acoes { display: flex; justify-content: flex-end; align-items: center; gap: 10px; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--sg-border-soft); }
body.sg-com-menu div.conteudo .sg-oi__acoes .botao_submit { margin: 0; }
body.sg-com-menu div.conteudo .sg-oi__btn {
display: inline-flex; align-items: center; height: 38px; padding: 0 16px; border: 1px solid var(--sg-border-strong); border-radius: 999px;
background: var(--sg-surface); color: var(--sg-text); font: 500 13px var(--sg-font); text-decoration: none;
}
body.sg-com-menu div.conteudo .sg-oi__btn:hover { border-color: var(--sg-brand-500); color: var(--sg-brand-700); text-decoration: none; }
body.sg-com-menu div.conteudo .sg-oi__historico { padding-bottom: 0; gap: 0; }
body.sg-com-menu div.conteudo .sg-oi__historico > .sg-oi__cab { margin-bottom: 14px; }
body.sg-com-menu div.conteudo .sg-oi__rolagem { overflow-x: auto; margin: 0 -22px; }
body.sg-com-menu div.conteudo table.sg-oi__tabela { width: 100%; margin: 0; border-collapse: collapse; font-size: 13px; }
body.sg-com-menu div.conteudo table.sg-oi__tabela th {
padding: 10px 12px; text-align: left; white-space: nowrap; font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em;
color: var(--sg-text-muted); background: var(--sg-surface-alt); border-bottom: 1px solid var(--sg-border);
}
body.sg-com-menu div.conteudo table.sg-oi__tabela td { padding: 11px 12px; vertical-align: middle; background: transparent; border-bottom: 1px solid var(--sg-border-soft); }
body.sg-com-menu div.conteudo table.sg-oi__tabela th:first-child,
body.sg-com-menu div.conteudo table.sg-oi__tabela td:first-child { padding-left: 22px; }
body.sg-com-menu div.conteudo table.sg-oi__tabela th:last-child,
body.sg-com-menu div.conteudo table.sg-oi__tabela td:last-child { padding-right: 22px; }
body.sg-com-menu div.conteudo table.sg-oi__tabela tr.sg-oi__linha:hover td { background: var(--sg-hover); }
body.sg-com-menu div.conteudo .sg-oi__carregando { color: var(--sg-text-muted); font-style: italic; }
body.sg-com-menu div.conteudo .sg-oi__arq { max-width: 320px; }
body.sg-com-menu div.conteudo .sg-oi__nome { display: block; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.sg-com-menu div.conteudo .sg-oi__id { display: block; margin-top: 2px; font: 11.5px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-oi__obs { max-width: 280px; color: var(--sg-text-2); white-space: normal; }
body.sg-com-menu div.conteudo .sg-oi__mudo { color: var(--sg-placeholder, var(--sg-text-muted)); }
body.sg-com-menu div.conteudo .sg-oi__quando { white-space: nowrap; font-variant-numeric: tabular-nums; }
body.sg-com-menu div.conteudo .sg-oi__quando span { display: block; margin-top: 2px; font-size: 12px; color: var(--sg-text-muted); max-width: 200px; overflow: hidden; text-overflow: ellipsis; }
body.sg-com-menu div.conteudo .sg-oi__status {
display: inline-flex; align-items: center; gap: 7px; max-width: 280px; padding: 4px 10px 4px 9px; border-radius: 999px;
font-size: 12px; font-weight: 500; line-height: 1.3; background: var(--sg-brand-50); color: var(--sg-brand-800);
}
body.sg-com-menu div.conteudo .sg-oi__status i { flex: none; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
body.sg-com-menu div.conteudo .sg-oi__status--andamento i { animation: sg-oi-pulso 1.4s ease-in-out infinite; }
body.sg-com-menu div.conteudo .sg-oi__status--ok { background: #E6F6EC; color: #1A7F45; }
body.sg-com-menu div.conteudo .sg-oi__status--erro { background: var(--sg-danger-50, #FDECEC); color: var(--sg-danger-700, #B42318); }
body.sg-com-menu div.conteudo .sg-oi__status--cancelado { background: var(--sg-surface-alt); color: var(--sg-text-muted); }
@keyframes sg-oi-pulso { 0%, 100% { opacity: 1; } 50% { opacity: .3; } }
body.sg-com-menu div.conteudo .sg-oi__col-acoes { text-align: right; width: 1%; white-space: nowrap; }
body.sg-com-menu div.conteudo .sg-oi__botoes { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; }
body.sg-com-menu div.conteudo a.sg-oi__acao {
display: inline-flex; align-items: center; justify-content: center; height: 30px; padding: 0 12px; border: 1px solid var(--sg-border-strong); border-radius: 999px;
background: var(--sg-surface); color: var(--sg-text-2); font: 500 12.5px var(--sg-font); text-decoration: none; white-space: nowrap;
}
body.sg-com-menu div.conteudo a.sg-oi__acao:hover { border-color: var(--sg-brand-500); color: var(--sg-brand-700); text-decoration: none; }
body.sg-com-menu div.conteudo a.sg-oi__acao--perigo:hover { border-color: var(--sg-danger, #D93036); color: var(--sg-danger, #D93036); }
body.sg-com-menu div.conteudo a.sg-oi__acao--icone { width: 30px; padding: 0; border-color: transparent; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo a.sg-oi__acao--icone svg { transition: transform .15s; }
body.sg-com-menu div.conteudo tbody.is-aberto a.sg-oi__acao--icone { background: var(--sg-surface-alt); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo tbody.is-aberto a.sg-oi__acao--icone svg { transform: rotate(180deg); }
body.sg-com-menu div.conteudo table.sg-oi__tabela tr.sg-oi__detalhes { display: none; }
body.sg-com-menu div.conteudo table.sg-oi__tabela tbody.is-aberto tr.sg-oi__detalhes { display: table-row; }
body.sg-com-menu div.conteudo table.sg-oi__tabela tbody.is-aberto td { background: var(--sg-surface-alt); }
body.sg-com-menu div.conteudo table.sg-oi__tabela tr.sg-oi__detalhes td { padding-top: 4px; padding-bottom: 16px; }
body.sg-com-menu div.conteudo .sg-oi__ficha { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px 20px; margin: 0 0 12px; }
body.sg-com-menu div.conteudo .sg-oi__ficha dt { margin: 0; font-size: 11.5px; font-weight: 600; color: var(--sg-text-muted); text-transform: uppercase; letter-spacing: .04em; }
body.sg-com-menu div.conteudo .sg-oi__ficha dd { margin: 3px 0 0; font-size: 13px; color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-oi__erros span { display: block; margin-bottom: 4px; font-size: 11.5px; font-weight: 600; color: var(--sg-text-muted); text-transform: uppercase; letter-spacing: .04em; }
body.sg-com-menu div.conteudo .sg-oi__erros em { font-size: 13px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-oi__erros pre {
max-height: 180px; overflow: auto; margin: 0; padding: 10px 12px; white-space: pre-wrap; word-break: break-word;
border: 1px solid var(--sg-border); border-radius: var(--sg-radius-sm); background: var(--sg-surface);
font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--sg-danger-700, #B42318);
}
body.sg-com-menu div.conteudo .sg-oi__paginacao { padding: 12px 0 16px; }
body.sg-com-menu div.conteudo .sg-oi__vazio { margin: 0 0 22px; padding: 28px 16px; text-align: center; color: var(--sg-text-muted); border: 1px dashed var(--sg-border-strong); border-radius: var(--sg-radius-lg); }
@media (max-width: 1000px) {
body.sg-com-menu div.conteudo .sg-oi__topo-grade { grid-template-columns: minmax(0, 1fr); }
body.sg-com-menu div.conteudo .sg-oi__ficha { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
body.sg-com-menu div.conteudo .sg-oi__cartao > div[style*="inline"] { position: absolute; width: 0; height: 0; overflow: hidden; }
body.sg-com-menu div.conteudo .sg-oi__cab > div:first-child { flex: 1 1 260px; }
body.sg-com-menu div.conteudo label.sg-oi__arquivo { font-weight: 400; }
body.sg-com-menu div.conteudo .sg-oi__ficha dd, body.sg-com-menu div.conteudo table.sg-oi__tabela tr.sg-oi__detalhes td { white-space: normal; overflow-wrap: break-word; }
/* ===================================================================
Campos personalizados (custom_fields/index e new/edit)
=================================================================== */
body.sg-com-menu div.conteudo .sg-cf {
margin: 4px 0 0; text-align: left;
background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius-lg);
box-shadow: 0 1px 2px rgba(20, 23, 46, .04); overflow: hidden;
}
body.sg-com-menu div.conteudo .sg-cf__topo {
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px;
padding: 14px 20px; border-bottom: 1px solid var(--sg-border-soft);
}
body.sg-com-menu div.conteudo .sg-cf__titulo { margin: 0; font: 600 15px var(--sg-font); color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-cf__sub { margin: 2px 0 0; font-size: 12.5px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo a.sg-cf__novo {
display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 16px; border-radius: 8px;
background: var(--sg-brand-700); border: 1px solid var(--sg-brand-700); color: #fff;
font: 600 13px/1 var(--sg-font); text-decoration: none; box-shadow: var(--sg-shadow-sm); transition: background-color .15s;
}
body.sg-com-menu div.conteudo a.sg-cf__novo:hover { background: var(--sg-brand-800); border-color: var(--sg-brand-800); color: #fff; text-decoration: none; }
body.sg-com-menu div.conteudo table.sg-cf__tabela { width: 100%; margin: 0; border-collapse: collapse; border: 0; background: none; }
body.sg-com-menu div.conteudo table.sg-cf__tabela th {
height: auto; padding: 10px 14px; background: var(--sg-surface-alt); border: 0; border-bottom: 1px solid var(--sg-border-soft);
font: 600 11.5px/1.2 var(--sg-font); letter-spacing: .04em; text-transform: uppercase; color: var(--sg-text-muted); text-align: left;
}
body.sg-com-menu div.conteudo table.sg-cf__tabela td {
height: auto; padding: 10px 14px; border: 0; border-bottom: 1px solid var(--sg-border-soft); background: none;
font-size: 13.5px; color: var(--sg-text-2); text-align: left; vertical-align: middle;
}
body.sg-com-menu div.conteudo table.sg-cf__tabela tbody tr:last-child td { border-bottom: 0; }
body.sg-com-menu div.conteudo table.sg-cf__tabela tbody tr:hover td { background: var(--sg-surface-alt); }
body.sg-com-menu div.conteudo table.sg-cf__tabela { table-layout: fixed; }
body.sg-com-menu div.conteudo table.sg-cf__tabela th:nth-child(1) { width: 34%; }
body.sg-com-menu div.conteudo table.sg-cf__tabela th:nth-child(2) { width: 14%; }
body.sg-com-menu div.conteudo table.sg-cf__tabela th:nth-child(4) { width: 110px; }
body.sg-com-menu div.conteudo table.sg-cf__tabela th:nth-child(5) { width: 150px; }
body.sg-com-menu div.conteudo table.sg-cf__tabela th:nth-child(6) { width: 96px; }
body.sg-com-menu div.conteudo table.sg-cf__tabela td { overflow: hidden; text-overflow: ellipsis; }
body.sg-com-menu div.conteudo table.sg-cf__tabela .sg-cf__col-centro { text-align: center; white-space: nowrap; }
body.sg-com-menu div.conteudo table.sg-cf__tabela .sg-cf__col-acoes { white-space: nowrap; text-align: right; }
body.sg-com-menu div.conteudo .sg-cf__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.sg-com-menu div.conteudo .sg-cf__nome { font-weight: 600; color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-cf__status {
display: inline-flex; align-items: center; gap: 5px; height: 20px; margin-left: 8px; padding: 0 8px; border-radius: 999px;
background: var(--sg-surface-alt); border: 1px solid var(--sg-border); font-size: 11px; font-weight: 600; color: var(--sg-text-muted); vertical-align: 1px;
}
body.sg-com-menu div.conteudo .sg-cf__status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--sg-placeholder); }
body.sg-com-menu div.conteudo tr.is-desativado .sg-cf__nome,
body.sg-com-menu div.conteudo tr.is-desativado .sg-cf__formato,
body.sg-com-menu div.conteudo tr.is-desativado .sg-cf__secao { opacity: .55; }
body.sg-com-menu div.conteudo .sg-cf__formato {
display: inline-block; padding: 3px 9px; border-radius: 6px; background: var(--sg-brand-50); color: var(--sg-brand-700);
font-size: 12px; font-weight: 600; white-space: nowrap;
}
body.sg-com-menu div.conteudo .sg-cf__traco { color: var(--sg-placeholder); }
body.sg-com-menu div.conteudo .sg-cf__sim {
display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%;
background: #E8F7EF; color: #157A50;
}
body.sg-com-menu div.conteudo .sg-cf__ordem {
display: inline-flex; padding: 2px; gap: 2px; border: 1px solid var(--sg-border); border-radius: 8px; background: var(--sg-surface);
}
body.sg-com-menu div.conteudo .sg-cf__ordem a {
display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 24px; border-radius: 6px;
color: var(--sg-icon); text-decoration: none; transition: background-color .15s, color .15s;
}
body.sg-com-menu div.conteudo .sg-cf__ordem a:hover { background: var(--sg-brand-50); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo tbody tr:first-child .sg-cf__ordem a:nth-child(-n+2),
body.sg-com-menu div.conteudo tbody tr:last-child .sg-cf__ordem a:nth-child(n+3) { opacity: .3; pointer-events: none; }
body.sg-com-menu div.conteudo .sg-cf__acoes { display: inline-flex; align-items: center; justify-content: flex-end; gap: 4px; }
body.sg-com-menu div.conteudo form.sg-cf__form-acao { display: inline-flex; margin: 0; padding: 0; }
body.sg-com-menu div.conteudo form.sg-cf__form-acao > div { display: none; } /* token do Rails */
body.sg-com-menu div.conteudo .sg-cf__acao,
body.sg-com-menu div.conteudo button.sg-cf__acao {
display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; margin: 0; padding: 0;
border: 0; border-radius: 8px; background: none; box-shadow: none; color: var(--sg-icon); cursor: pointer;
transition: background-color .15s, color .15s;
}
body.sg-com-menu div.conteudo .sg-cf__acao:hover { background: var(--sg-brand-50); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo .sg-cf__acao--perigo:hover { background: var(--sg-danger-bg); color: var(--sg-danger); }
body.sg-com-menu div.conteudo .sg-cf__acao--ativar { color: #157A50; }
body.sg-com-menu div.conteudo .sg-cf__acao--ativar:hover { background: #E8F7EF; color: #0F5C3C; }
body.sg-com-menu div.conteudo .sg-cf__acao:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--sg-focus); }
body.sg-com-menu div.conteudo .sg-cf__vazio {
display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 36px 20px; color: var(--sg-text-muted); text-align: center;
}
body.sg-com-menu div.conteudo .sg-cf__vazio svg { color: var(--sg-placeholder); }
body.sg-com-menu div.conteudo .sg-cf__vazio p { margin: 0; font-size: 13.5px; }
body.sg-com-menu div.conteudo .sg-cf__vazio a { font-weight: 600; color: var(--sg-brand-700); }
/* formulário */
body.sg-com-menu div.conteudo .sg-cf-form .sg-val__campo--inteiro { grid-column: 1 / -1; }
body.sg-com-menu div.conteudo .sg-cf-form .sg-val__campo--secao { grid-column: span 2; }
body.sg-com-menu div.conteudo .sg-cf-form__obrig { color: var(--sg-danger); }
body.sg-com-menu div.conteudo .sg-cf-form__nota { grid-column: 1 / -1; margin: -6px 0 0; font-size: 12px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-cf-form__ajuda { font-style: normal; font-size: 12px; line-height: 1.45; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-cf-form__ajuda--alerta { color: #9A5B00; }
body.sg-com-menu div.conteudo .sg-cf-form__mono { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; }
body.sg-com-menu div.conteudo .sg-cf-form__intervalo { display: flex; align-items: center; gap: 10px; }
body.sg-com-menu div.conteudo .sg-cf-form__intervalo input { flex: 1 1 0; min-width: 0; }
body.sg-com-menu div.conteudo .sg-cf-form__intervalo span { font-size: 12.5px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-cf-form textarea.default_area { min-height: 120px; }
body.sg-com-menu div.conteudo .sg-cf-form__secao { position: relative; }
body.sg-com-menu div.conteudo .sg-cf-form__secao div.auto_complete_list {
position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 30; max-height: 240px; overflow-y: auto; padding: 4px;
background: var(--sg-surface); border: 1px solid var(--sg-border); border-radius: var(--sg-radius); box-shadow: var(--sg-shadow);
}
body.sg-com-menu div.conteudo .sg-cf-form__secao div.auto_complete_field {
padding: 7px 10px; border-radius: 6px; font-size: 13px; color: var(--sg-text-2); cursor: pointer; text-align: left;
}
body.sg-com-menu div.conteudo .sg-cf-form__secao div.auto_complete_field:hover { background: var(--sg-brand-50); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo .sg-cf-form__opcoes {
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 0 22px 22px;
}
body.sg-com-menu div.conteudo label.sg-cf-form__opcao {
display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 12px 14px; cursor: pointer;
border: 1px solid var(--sg-border); border-radius: var(--sg-radius); background: var(--sg-surface);
transition: border-color .15s, background-color .15s;
}
body.sg-com-menu div.conteudo label.sg-cf-form__opcao:hover { border-color: var(--sg-brand-300); background: var(--sg-brand-50); }
body.sg-com-menu div.conteudo label.sg-cf-form__opcao input[type=checkbox] {
flex: none; width: 16px; height: 16px; margin: 1px 0 0; accent-color: var(--sg-brand-700);
}
body.sg-com-menu div.conteudo label.sg-cf-form__opcao span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
body.sg-com-menu div.conteudo label.sg-cf-form__opcao strong { font-size: 13.5px; font-weight: 600; color: var(--sg-text); }
body.sg-com-menu div.conteudo label.sg-cf-form__opcao small { font-size: 12px; line-height: 1.4; font-weight: 400; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo label.sg-cf-form__opcao--solta { align-self: flex-start; padding: 10px 14px; }
body.sg-com-menu div.conteudo .sg-cf-form__erros {
padding: 12px 16px; border-radius: var(--sg-radius); background: var(--sg-danger-bg); border: 1px solid var(--sg-danger-border);
color: var(--sg-danger); font-size: 13px;
}
body.sg-com-menu div.conteudo .sg-cf-form__erros ul { margin: 6px 0 0; padding-left: 18px; }
@media (max-width: 1100px) {
body.sg-com-menu div.conteudo .sg-cf-form__opcoes { grid-template-columns: minmax(0, 1fr); }
body.sg-com-menu div.conteudo .sg-cf-form .sg-val__campo--secao { grid-column: 1 / -1; }
}
/* ===================================================================
Rodapé com créditos + janela "Sobre o SITGeo" (layouts/_sobre)
=================================================================== */
body.sg-com-menu div.rodape.sg-rodape {
display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 8px; text-align: center;
}
body.sg-com-menu div.rodape .sg-rodape__sep { color: var(--sg-border-strong); }
body.sg-com-menu div.rodape a.sg-rodape__versao,
body.sg-com-menu div.rodape a.sg-rodape__dev { font: inherit; color: var(--sg-text-muted); text-decoration: none; }
body.sg-com-menu div.rodape a.sg-rodape__versao:hover { color: var(--sg-brand-700); text-decoration: underline; }
body.sg-com-menu div.rodape a.sg-rodape__dev { font-weight: 600; color: var(--sg-text-2); }
body.sg-com-menu div.rodape a.sg-rodape__versao { font-variant-numeric: tabular-nums; }
body.sg-com-menu div.rodape a.sg-rodape__dev:hover { color: var(--sg-brand-700); }
.sg-sobre[hidden] { display: none; }
.sg-sobre { position: fixed; inset: 0; z-index: 10100; display: flex; align-items: center; justify-content: center; padding: 16px; font-family: var(--sg-font); }
.sg-sobre__fundo { position: absolute; inset: 0; background: rgba(17, 19, 47, .45); }
.sg-sobre__janela {
position: relative; width: 100%; max-width: 420px; box-sizing: border-box; padding: 28px 28px 22px;
background: var(--sg-surface); border-radius: var(--sg-radius-lg); box-shadow: var(--sg-shadow-lg); color: var(--sg-text);
animation: sg-sobre-entrar .16s ease-out;
}
@keyframes sg-sobre-entrar { from { opacity: 0; transform: translateY(6px) scale(.98); } to { opacity: 1; transform: none; } }
.sg-sobre__fechar {
position: absolute; top: 12px; right: 12px; display: inline-flex; align-items: center; justify-content: center;
width: 32px; height: 32px; padding: 0; border: 0; border-radius: 8px; background: none; color: var(--sg-icon); cursor: pointer;
}
.sg-sobre__fechar:hover { background: var(--sg-hover); color: var(--sg-text); }
.sg-sobre__fechar:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--sg-focus); }
.sg-sobre__topo { display: flex; align-items: center; gap: 14px; margin: 0 0 20px; }
.sg-sobre__brasao { width: 52px; height: 52px; flex: none; }
.sg-sobre__titulo { margin: 0; font: 700 22px/1.2 var(--sg-font); letter-spacing: -.01em; color: var(--sg-text); }
.sg-sobre__sub { margin: 2px 0 0; font-size: 13px; color: var(--sg-text-muted); }
.sg-sobre__dados { margin: 0 0 22px; padding: 0; border-top: 1px solid var(--sg-border-soft); }
.sg-sobre__dados > div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--sg-border-soft); font-size: 13px; }
.sg-sobre__dados dt { margin: 0; color: var(--sg-text-muted); font-weight: 400; }
.sg-sobre__dados dd { margin: 0; color: var(--sg-text); font-weight: 600; text-align: right; }
.sg-sobre__dados code { font: 600 12.5px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; padding: 2px 6px; border-radius: 6px; background: var(--sg-surface-alt); }
.sg-sobre__dados a { color: var(--sg-brand-700); }
a.sg-sobre__dev {
display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 16px; border-radius: var(--sg-radius);
background: var(--sg-surface-alt); text-decoration: none; transition: background-color .15s;
}
a.sg-sobre__dev:hover { background: var(--sg-hover); text-decoration: none; }
a.sg-sobre__dev span { font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--sg-text-muted); }
.sg-sobre__dev-logo { height: 26px; width: auto; max-width: 100%; opacity: .85; }
.sg-sobre__copy { margin: 14px 0 0; font-size: 11.5px; text-align: center; color: var(--sg-placeholder); }
/* ===================================================================
Filtros personalizados das pesquisas (custom_fields/_busca_field_values)
=================================================================== */
body.sg-com-menu div.conteudo .sg-filtros {
margin: 0; text-align: left; background: var(--sg-surface); border: 1px solid var(--sg-border);
border-radius: var(--sg-radius-lg); box-shadow: 0 1px 2px rgba(20, 23, 46, .04); overflow: hidden;
}
body.sg-com-menu div.conteudo .sg-filtros__topo {
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px;
padding: 14px 20px; border-bottom: 1px solid var(--sg-border-soft);
}
body.sg-com-menu div.conteudo .sg-filtros__titulo { margin: 0; font: 600 15px var(--sg-font); color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-filtros__sub { margin: 2px 0 0; font-size: 12.5px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-filtros__sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
body.sg-com-menu div.conteudo .sg-filtros__adicionar { margin: 0; }
body.sg-com-menu div.conteudo .sg-filtros__adicionar select {
width: 300px !important; max-width: 100%; height: 38px; font-weight: 600; color: var(--sg-brand-700);
border-color: var(--sg-brand-200); background-color: var(--sg-brand-50); cursor: pointer;
}
body.sg-com-menu div.conteudo .sg-filtros__adicionar select option,
body.sg-com-menu div.conteudo .sg-filtros__adicionar select optgroup { color: var(--sg-text); background: var(--sg-surface); font-weight: 400; }
body.sg-com-menu div.conteudo .sg-filtros__adicionar select optgroup { font-weight: 700; }
body.sg-com-menu div.conteudo .sg-filtros__lista {
display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 12px; padding: 16px 20px;
}
body.sg-com-menu div.conteudo .sg-filtros__lista:empty { display: none; }
body.sg-com-menu div.conteudo .sg-filtros__vazio {
display: none; align-items: center; justify-content: center; gap: 8px; margin: 0; padding: 18px 20px;
font-size: 13px; color: var(--sg-text-muted);
}
body.sg-com-menu div.conteudo .sg-filtros__vazio svg { color: var(--sg-placeholder); }
body.sg-com-menu div.conteudo .sg-filtros__lista:empty + .sg-filtros__vazio { display: flex; }
body.sg-com-menu div.conteudo .sg-filtro {
display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 12px 12px 14px 14px;
border: 1px solid var(--sg-border); border-radius: var(--sg-radius); background: var(--sg-surface-alt);
animation: sg-filtro-entrar .18s ease-out;
}
@keyframes sg-filtro-entrar { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
body.sg-com-menu div.conteudo .sg-filtro__topo { display: flex; align-items: center; gap: 8px; min-width: 0; }
body.sg-com-menu div.conteudo .sg-filtro__entidade {
flex: none; padding: 2px 8px; border-radius: 999px; background: var(--sg-brand-50); color: var(--sg-brand-700);
font-size: 11px; font-weight: 700; letter-spacing: .02em;
}
body.sg-com-menu div.conteudo .sg-filtro__nome {
flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
font-size: 13.5px; font-weight: 600; color: var(--sg-text);
}
body.sg-com-menu div.conteudo button.sg-filtro__remover {
flex: none; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin: -4px -4px -4px 0;
padding: 0; border: 0; border-radius: 6px; background: none; box-shadow: none; color: var(--sg-text-muted); cursor: pointer;
}
body.sg-com-menu div.conteudo button.sg-filtro__remover:hover { background: var(--sg-danger-bg); color: var(--sg-danger); }
body.sg-com-menu div.conteudo .sg-filtro__controles { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; }
body.sg-com-menu div.conteudo .sg-filtro__controles > select:not([multiple]) { flex: 0 0 auto; width: 140px !important; height: 36px; }
body.sg-com-menu div.conteudo .sg-filtro__controles > input[type=text] { flex: 1 1 140px; width: auto !important; min-width: 0; height: 36px; box-sizing: border-box; }
body.sg-com-menu div.conteudo .sg-filtro__controles > select:only-child:not([multiple]) { flex: 1 1 auto; width: auto !important; }
body.sg-com-menu div.conteudo .sg-filtro__controles select.sg-filtro__select-oculto { display: none !important; }
body.sg-com-menu div.conteudo .sg-filtro__opcoes { display: flex; flex-wrap: wrap; gap: 6px; max-height: 148px; overflow-y: auto; }
body.sg-com-menu div.conteudo button.sg-filtro__opcao {
display: inline-flex; align-items: center; gap: 6px; height: 30px; margin: 0; padding: 0 12px; box-shadow: none;
border: 1px solid var(--sg-border-strong); border-radius: 999px; background: var(--sg-surface);
font: 500 12.5px var(--sg-font); color: var(--sg-text-2); cursor: pointer; transition: background-color .12s, border-color .12s, color .12s;
}
body.sg-com-menu div.conteudo button.sg-filtro__opcao:hover { border-color: var(--sg-brand-300); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo button.sg-filtro__opcao.is-ativa { border-color: var(--sg-brand-700); background: var(--sg-brand-700); color: #fff; }
body.sg-com-menu div.conteudo button.sg-filtro__opcao.is-ativa::before {
content: ''; width: 12px; height: 12px; background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.sg-com-menu div.conteudo .sg-filtro button:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--sg-focus); }
/* ===================================================================
Camadas personalizadas (custom_tables/index) — reaproveita .sg-val (filtros) e .sg-cf (lista)
=================================================================== */
body.sg-com-menu div.conteudo .sg-ct .sg-val__campos { align-items: end; }
body.sg-com-menu div.conteudo .sg-ct__botoes { flex-direction: row; align-items: center; gap: 12px; grid-column: span 1; }
body.sg-com-menu div.conteudo .sg-ct__botoes input[type=submit] { height: 38px; margin: 0; }
body.sg-com-menu div.conteudo a.sg-ct__limpar { font-size: 13px; font-weight: 600; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo a.sg-ct__limpar:hover { color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo table.sg-ct__tabela th:nth-child(1) { width: 36%; }
body.sg-com-menu div.conteudo table.sg-ct__tabela th:nth-child(2) { width: auto; }
body.sg-com-menu div.conteudo table.sg-ct__tabela th:nth-child(3) { width: 130px; }
body.sg-com-menu div.conteudo table.sg-ct__tabela th:nth-child(4) { width: 150px; }
body.sg-com-menu div.conteudo table.sg-ct__tabela th:nth-child(5) { width: 120px; }
body.sg-com-menu div.conteudo a.sg-ct__ordenar {
display: inline-flex; align-items: center; gap: 4px; color: inherit; font: inherit; text-decoration: none; letter-spacing: inherit;
}
body.sg-com-menu div.conteudo a.sg-ct__ordenar:hover,
body.sg-com-menu div.conteudo a.sg-ct__ordenar.is-ativo { color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo .sg-ct__geo--point { background: #E8F7EF; color: #157A50; }
body.sg-com-menu div.conteudo .sg-ct__geo--linestring { background: #FFF6E5; color: #9A5B00; }
body.sg-com-menu div.conteudo .sg-ct__geo--polygon { background: var(--sg-brand-50); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo .sg-cf__ordem a { cursor: pointer; }
body.sg-com-menu div.conteudo .sg-ct__paginacao { padding: 12px 16px; border-top: 1px solid var(--sg-border-soft); }
@media (max-width: 1100px) { body.sg-com-menu div.conteudo .sg-ct__botoes { grid-column: 1 / -1; } }
/* ===================================================================
Auditorias — filtros em .sg-val e resultado em .sg-cf
=================================================================== */
body.sg-com-menu div.conteudo .sg-aud .sg-val__campos { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: end; }
body.sg-com-menu div.conteudo .sg-aud__periodo { grid-column: span 2; }
body.sg-com-menu div.conteudo .sg-aud__datas { display: flex; align-items: center; gap: 10px; }
body.sg-com-menu div.conteudo .sg-aud__datas input[type=text] { flex: 1 1 0; min-width: 0; }
body.sg-com-menu div.conteudo .sg-aud__datas span { font-size: 13px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-aud__botoes { grid-column: span 2; }
@media (max-width: 1100px) {
body.sg-com-menu div.conteudo .sg-aud .sg-val__campos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
body.sg-com-menu div.conteudo .sg-aud__rolagem { overflow-x: auto; }
body.sg-com-menu div.conteudo table.sg-aud__tabela { min-width: 920px; }
body.sg-com-menu div.conteudo table.sg-aud__tabela th:nth-child(1) { width: 13%; }
body.sg-com-menu div.conteudo table.sg-aud__tabela th:nth-child(2) { width: 15%; }
body.sg-com-menu div.conteudo table.sg-aud__tabela th:nth-child(3) { width: 17%; }
body.sg-com-menu div.conteudo table.sg-aud__tabela th:nth-child(4),
body.sg-com-menu div.conteudo table.sg-aud__tabela th:nth-child(5) { width: 22%; }
body.sg-com-menu div.conteudo table.sg-aud__tabela th:nth-child(6) { width: 11%; }
body.sg-com-menu div.conteudo table.sg-aud__tabela th:nth-child(7) { width: 56px; }
body.sg-com-menu div.conteudo table.sg-aud__tabela td { vertical-align: top; white-space: normal; overflow: visible; }
body.sg-com-menu div.conteudo .sg-aud__quando { display: flex; flex-direction: column; gap: 2px; font-size: 13px; }
body.sg-com-menu div.conteudo .sg-aud__quando strong { font-weight: 600; color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-aud__quando span { color: var(--sg-text-muted); font-size: 12px; }
body.sg-com-menu div.conteudo .sg-aud__quando .sg-aud__usuario { margin-top: 4px; color: var(--sg-text-2); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.sg-com-menu div.conteudo .sg-aud__ref { display: block; margin-top: 6px; font: 600 13px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--sg-text); word-break: break-all; }
body.sg-com-menu div.conteudo .sg-aud__campo { display: block; font-weight: 600; color: var(--sg-text); word-break: break-word; }
body.sg-com-menu div.conteudo .sg-aud__nota { display: block; margin-top: 2px; font-size: 12px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo code.sg-aud__coluna { display: inline-block; margin-top: 4px; padding: 1px 6px; border-radius: 4px; background: var(--sg-surface-alt); font-size: 11.5px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-aud__valor { font-size: 13px; line-height: 1.5; word-break: break-word; }
body.sg-com-menu div.conteudo .sg-aud__valor--antigo { color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-aud__valor--novo { color: var(--sg-text); font-weight: 500; }
body.sg-com-menu div.conteudo .sg-aud__vazio { font-style: italic; font-weight: 400; color: var(--sg-placeholder); }
body.sg-com-menu div.conteudo .sg-aud__transacao {
display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap;
}
body.sg-com-menu div.conteudo .sg-aud__transacao.is-inclusao { background: #E8F7EF; color: #157A50; }
body.sg-com-menu div.conteudo .sg-aud__transacao.is-alteracao { background: var(--sg-brand-50); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo .sg-aud__transacao.is-exclusao { background: var(--sg-danger-bg); color: var(--sg-danger); }
/* ===================================================================
Coleta › Equipes (coleta/grupos/index)
=================================================================== */
body.sg-com-menu div.conteudo .sg-eq__barra { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px 32px; padding: 18px 22px 22px; }
body.sg-com-menu div.conteudo .sg-eq__campo-equipe { width: 320px; max-width: 100%; }
body.sg-com-menu div.conteudo .sg-eq__campo-equipe select { height: 38px; width: 100% !important; font-size: 14px; font-weight: 600; }
body.sg-com-menu div.conteudo .sg-eq__info { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px 32px; min-height: 38px; }
body.sg-com-menu div.conteudo .sg-eq__bloco { display: flex; flex-direction: column; gap: 6px; }
body.sg-com-menu div.conteudo .sg-eq__rotulo { font-size: 12px; font-weight: 500; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-eq__num { font-size: 20px; line-height: 32px; font-weight: 700; color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-eq__dica { display: inline-flex; align-items: center; min-height: 32px; font-size: 13px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-eq__sup {
display: inline-flex; align-items: center; gap: 8px; height: 32px; padding: 0 6px 0 12px; border-radius: 999px;
background: #FFF6E5; color: #8A5300; font-size: 13px; font-weight: 600;
}
body.sg-com-menu div.conteudo button.sg-eq__sup-remover {
display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin: 0; padding: 0;
border: 0; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; box-shadow: none;
}
body.sg-com-menu div.conteudo button.sg-eq__sup-remover:hover { background: rgba(138, 83, 0, .14); }
body.sg-com-menu div.conteudo .sg-eq__nova { padding: 16px 22px 0; display: flex; flex-direction: column; gap: 6px; }
body.sg-com-menu div.conteudo .sg-eq__nova[hidden] { display: none; }
body.sg-com-menu div.conteudo .sg-eq__nova label { font-size: 12px; font-weight: 500; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-eq__nova-linha { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
body.sg-com-menu div.conteudo .sg-eq__nova-linha input[type=text] { width: 320px !important; max-width: 100%; height: 38px; box-sizing: border-box; }
body.sg-com-menu div.conteudo .sg-eq__nova-linha .botao_submit { height: 38px; margin: 0; }
body.sg-com-menu div.conteudo button.sg-eq__link { border: 0; background: none; padding: 0; margin: 0; cursor: pointer; box-shadow: none; }
body.sg-com-menu div.conteudo .sg-eq__nova-abrir[hidden] { display: none; }
body.sg-com-menu div.conteudo .sg-eq__ferramentas { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
body.sg-com-menu div.conteudo .sg-eq__ferramentas input[type=search] { width: 260px !important; height: 36px; box-sizing: border-box; font-size: 13.5px; }
body.sg-com-menu div.conteudo label.sg-eq__so { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-size: 13px; color: var(--sg-text-2); cursor: pointer; }
body.sg-com-menu div.conteudo label.sg-eq__so input { margin: 0; }
body.sg-com-menu div.conteudo .sg-eq__rolagem { max-height: 62vh; overflow: auto; }
body.sg-com-menu div.conteudo .sg-eq__rolagem thead th { position: sticky; top: 0; z-index: 1; }
body.sg-com-menu div.conteudo table.sg-eq__tabela th:nth-child(1) { width: 30%; }
body.sg-com-menu div.conteudo table.sg-eq__tabela th:nth-child(2) { width: 20%; }
body.sg-com-menu div.conteudo table.sg-eq__tabela th:nth-child(3) { width: auto; }
body.sg-com-menu div.conteudo table.sg-eq__tabela th:nth-child(4) { width: 150px; }
body.sg-com-menu div.conteudo table.sg-eq__tabela th:nth-child(5) { width: 110px; }
body.sg-com-menu div.conteudo table.sg-eq__tabela tr.is-membro td { background: #F7F8FF; }
body.sg-com-menu div.conteudo .sg-eq__perfil { color: var(--sg-text-2); font-size: 13px; }
body.sg-com-menu div.conteudo .sg-eq__equipe {
display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px;
background: var(--sg-surface-alt); color: var(--sg-text-2); font-size: 12px; font-weight: 600;
max-width: 100%; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px;
}
body.sg-com-menu div.conteudo .sg-eq__equipe.is-atual { background: var(--sg-brand-50); color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo .sg-eq__badge {
display: inline-flex; align-items: center; gap: 4px; margin-left: 6px; height: 22px; padding: 0 8px; border-radius: 999px;
background: #FFF6E5; color: #8A5300; font-size: 11.5px; font-weight: 600; vertical-align: middle;
}
body.sg-com-menu div.conteudo .sg-eq__badge svg { width: 12px; height: 12px; }
body.sg-com-menu div.conteudo .sg-eq__nota { font-size: 12px; color: var(--sg-text-muted); white-space: nowrap; }
body.sg-com-menu div.conteudo button.sg-eq__acao--sup:hover { color: #8A5300; background: #FFF6E5; }
body.sg-com-menu div.conteudo .sg-eq__estado { padding: 28px 16px !important; text-align: center; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-eq__girando {
display: inline-block; width: 14px; height: 14px; margin-right: 6px; vertical-align: -2px; border-radius: 50%;
border: 2px solid var(--sg-border-strong); border-top-color: var(--sg-brand-600); animation: sg-eq-gira .8s linear infinite;
}
@keyframes sg-eq-gira { to { transform: rotate(360deg); } }
@media (max-width: 1100px) { body.sg-com-menu div.conteudo .sg-eq__ferramentas input[type=search] { width: 100% !important; } }
/* ===================================================================
Bloquear / remover bloqueio (territoriais e autônomas)
=================================================================== */
body.sg-com-menu div.conteudo form.sg-bloq { max-width: 820px; margin: 0; padding: 0; }
body.sg-com-menu div.conteudo .sg-bloq__topo { display: flex; align-items: center; gap: 14px; padding: 18px 22px; border-bottom: 1px solid var(--sg-border-soft); }
body.sg-com-menu div.conteudo .sg-bloq__icone {
flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px;
}
body.sg-com-menu div.conteudo .sg-bloq--bloquear .sg-bloq__icone { background: var(--sg-danger-bg); color: var(--sg-danger); }
body.sg-com-menu div.conteudo .sg-bloq--desbloquear .sg-bloq__icone { background: #E8F7EF; color: #157A50; }
body.sg-com-menu div.conteudo .sg-bloq__titulo { margin: 0; font: 700 17px/1.3 var(--sg-font); color: var(--sg-text); }
body.sg-com-menu div.conteudo .sg-bloq__sub { margin: 3px 0 0; font-size: 13px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-bloq__sub strong { color: var(--sg-text-2); font-weight: 600; }
body.sg-com-menu div.conteudo .sg-bloq__corpo { display: flex; flex-direction: column; gap: 18px; padding: 20px 22px 22px; }
body.sg-com-menu div.conteudo .sg-bloq__aviso {
margin: 0; padding: 12px 14px; border-radius: 10px; background: #FFF6E5; border: 1px solid #F5DDB0; color: #7A4A00; font-size: 13.5px; line-height: 1.55;
}
body.sg-com-menu div.conteudo .sg-bloq__atual { padding: 14px 16px; border-radius: 12px; background: var(--sg-surface-alt); border: 1px solid var(--sg-border-soft); }
body.sg-com-menu div.conteudo .sg-bloq__atual-topo { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; font-size: 13px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo .sg-bloq__atual-topo strong { color: var(--sg-text-2); font-weight: 600; }
body.sg-com-menu div.conteudo .sg-bloq__selo {
display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; background: var(--sg-danger-bg); color: var(--sg-danger); font-size: 12px; font-weight: 600;
}
body.sg-com-menu div.conteudo .sg-bloq__motivo { margin: 10px 0 0; font-size: 14px; line-height: 1.55; color: var(--sg-text); white-space: pre-line; }
body.sg-com-menu div.conteudo .sg-bloq__campo { position: relative; }
body.sg-com-menu div.conteudo .sg-bloq__campo label { margin: 0; font-size: 12.5px; font-weight: 600; color: var(--sg-text-2); }
body.sg-com-menu div.conteudo .sg-bloq__obrigatorio { color: var(--sg-danger); }
body.sg-com-menu div.conteudo .sg-bloq__campo textarea {
width: 100% !important; min-height: 120px; box-sizing: border-box; resize: vertical; padding: 10px 12px; font: 14px/1.5 var(--sg-font);
}
body.sg-com-menu div.conteudo .sg-bloq__contador { align-self: flex-end; min-height: 16px; font-size: 11.5px; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo label.sg-bloq__opcao {
display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 14px 16px; cursor: pointer;
border: 1px solid var(--sg-border-strong); border-radius: 12px; background: var(--sg-surface); transition: border-color .15s, background-color .15s;
}
body.sg-com-menu div.conteudo label.sg-bloq__opcao:hover { border-color: var(--sg-brand-300); }
body.sg-com-menu div.conteudo label.sg-bloq__opcao:has(input:checked) { border-color: var(--sg-brand-600); background: var(--sg-brand-50); }
body.sg-com-menu div.conteudo label.sg-bloq__opcao.is-vazio { cursor: default; opacity: .6; }
body.sg-com-menu div.conteudo label.sg-bloq__opcao input { flex: 0 0 auto; width: 16px; height: 16px; margin: 2px 0 0; accent-color: var(--sg-brand-700); }
body.sg-com-menu div.conteudo label.sg-bloq__opcao span { display: flex; flex-direction: column; gap: 2px; }
body.sg-com-menu div.conteudo label.sg-bloq__opcao strong { font-size: 13.5px; font-weight: 600; color: var(--sg-text); }
body.sg-com-menu div.conteudo label.sg-bloq__opcao small { font-size: 12.5px; font-weight: 400; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo form.sg-bloq .sg-val__rodape { margin-top: 18px; }
body.sg-com-menu div.conteudo a.sg-bloq__cancelar { font-size: 13.5px; font-weight: 600; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo a.sg-bloq__cancelar:hover { color: var(--sg-text); }
body.sg-com-menu div.conteudo button.sg-bloq__confirmar { height: 40px; margin: 0; padding: 0 22px; }
body.sg-com-menu div.conteudo .sg-bloq--bloquear button.sg-bloq__confirmar { background: var(--sg-danger); border-color: var(--sg-danger); }
body.sg-com-menu div.conteudo .sg-bloq--bloquear button.sg-bloq__confirmar:hover { filter: brightness(.92); }
/*
* Componentes de interface comuns (sg_interface.js): avisos flutuantes, janela de confirmação e trilha de navegação.
* Não ficam presos a "div.conteudo": valem também no mapa e na tela de login.
*/
/* =========================================================================
* Avisos
* ========================================================================= */
.sg-avisos {
position: fixed; top: 16px; right: 16px; z-index: 10200;
display: flex; flex-direction: column; align-items: flex-end; gap: 10px;
width: min(420px, calc(100vw - 32px)); pointer-events: none;
font-family: var(--sg-font);
}
.sg-avisos:empty { display: none; }
.sg-aviso {
--sg-aviso-cor: var(--sg-brand-700);
--sg-aviso-fundo: var(--sg-brand-50);
position: relative; display: flex; align-items: flex-start; gap: 12px; width: 100%; box-sizing: border-box;
padding: 12px 12px 12px 14px; pointer-events: auto;
background: var(--sg-surface); border: 1px solid var(--sg-border); border-left: 4px solid var(--sg-aviso-cor);
border-radius: var(--sg-radius); box-shadow: var(--sg-shadow-lg);
font-size: 13.5px; line-height: 1.45; color: var(--sg-text);
animation: sg-aviso-entrar .22s cubic-bezier(.2, .9, .3, 1.2);
}
.sg-aviso.is-saindo { animation: sg-aviso-sair .2s ease-in forwards; }
@keyframes sg-aviso-entrar { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }
@keyframes sg-aviso-sair { to { opacity: 0; transform: translateX(24px); } }
.sg-aviso--sucesso { --sg-aviso-cor: #157A50; --sg-aviso-fundo: #E8F7EF; }
.sg-aviso--aviso { --sg-aviso-cor: #B26B00; --sg-aviso-fundo: #FFF6E5; }
.sg-aviso--erro { --sg-aviso-cor: var(--sg-danger); --sg-aviso-fundo: var(--sg-danger-bg); }
.sg-aviso__icone {
flex: none; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%;
background: var(--sg-aviso-fundo); color: var(--sg-aviso-cor);
}
.sg-aviso__corpo { flex: 1 1 auto; min-width: 0; padding-top: 6px; overflow-wrap: anywhere; }
.sg-aviso__texto a { color: var(--sg-brand-700); font-weight: 600; }
.sg-aviso__texto p { margin: 0 0 4px; }
.sg-aviso__ver {
margin: 6px 0 0; padding: 0; border: 0; background: none; cursor: pointer;
font: 600 12.5px var(--sg-font); color: var(--sg-aviso-cor); text-decoration: underline; text-underline-offset: 2px;
}
.sg-aviso__detalhes {
margin-top: 8px; padding: 8px 10px; max-height: 200px; overflow: auto; border-radius: 6px;
background: var(--sg-surface-alt); font: 12px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--sg-text-2);
}
.sg-aviso__fechar {
flex: none; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin: 2px 0 0;
padding: 0; border: 0; border-radius: 6px; background: none; color: var(--sg-text-muted); cursor: pointer;
}
.sg-aviso__fechar:hover { background: var(--sg-hover); color: var(--sg-text); }
.sg-aviso button:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--sg-focus); }
/* =========================================================================
* Janela de confirmação
* ========================================================================= */
.sg-dialogo {
position: fixed; inset: 0; z-index: 10300; display: flex; align-items: center; justify-content: center; padding: 16px;
font-family: var(--sg-font);
}
.sg-dialogo__fundo { position: absolute; inset: 0; background: rgba(17, 19, 47, .45); animation: sg-fade .15s ease-out; }
.sg-dialogo__janela {
position: relative; display: grid; grid-template-columns: auto 1fr; gap: 4px 16px; width: 100%; max-width: 440px; box-sizing: border-box;
padding: 24px 24px 20px; background: var(--sg-surface); border-radius: var(--sg-radius-lg); box-shadow: var(--sg-shadow-lg);
animation: sg-dialogo-entrar .16s ease-out;
}
.sg-dialogo.is-saindo .sg-dialogo__janela,
.sg-dialogo.is-saindo .sg-dialogo__fundo { animation: sg-fade-sair .15s ease-in forwards; }
@keyframes sg-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes sg-fade-sair { to { opacity: 0; } }
@keyframes sg-dialogo-entrar { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
.sg-dialogo__icone {
display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%;
background: var(--sg-brand-50); color: var(--sg-brand-700);
}
.sg-dialogo--perigo .sg-dialogo__icone { background: var(--sg-danger-bg); color: var(--sg-danger); }
.sg-dialogo__corpo { min-width: 0; padding-top: 2px; }
.sg-dialogo__titulo { margin: 0 0 6px; font: 600 16px/1.3 var(--sg-font); color: var(--sg-text); }
.sg-dialogo__texto { margin: 0; font-size: 14px; line-height: 1.5; color: var(--sg-text-2); overflow-wrap: anywhere; }
.sg-dialogo__acoes { grid-column: 1 / -1; display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
.sg-dialogo__btn {
height: 38px; padding: 0 18px; border-radius: 8px; cursor: pointer; font: 600 13.5px var(--sg-font);
transition: background-color .15s, border-color .15s, color .15s;
}
.sg-dialogo__btn--cancelar { border: 1px solid var(--sg-border-strong); background: var(--sg-surface); color: var(--sg-text-2); }
.sg-dialogo__btn--cancelar:hover { background: var(--sg-hover); color: var(--sg-text); }
.sg-dialogo__btn--ok { border: 1px solid var(--sg-brand-700); background: var(--sg-brand-700); color: #fff; }
.sg-dialogo__btn--ok:hover { background: var(--sg-brand-800); border-color: var(--sg-brand-800); }
.sg-dialogo--perigo .sg-dialogo__btn--ok { border-color: var(--sg-danger); background: var(--sg-danger); }
.sg-dialogo--perigo .sg-dialogo__btn--ok:hover { background: #912018; border-color: #912018; }
.sg-dialogo__btn:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--sg-focus); }
@media (max-width: 480px) {
.sg-dialogo__janela { grid-template-columns: 1fr; text-align: center; }
.sg-dialogo__icone { margin: 0 auto 8px; }
.sg-dialogo__acoes { flex-direction: column-reverse; }
.sg-dialogo__btn { width: 100%; }
}
/* =========================================================================
* Trilha de navegação
* ========================================================================= */
.sg-trilha[hidden] { display: none; }
body.sg-com-menu div.conteudo nav.sg-trilha { margin: -8px 0 10px; font: 500 12.5px/1.4 var(--sg-font); }
body.sg-com-menu div.conteudo nav.sg-trilha ol { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; list-style: none; }
body.sg-com-menu div.conteudo nav.sg-trilha li { display: inline-flex; align-items: center; margin: 0; padding: 0; color: var(--sg-text-muted); }
body.sg-com-menu div.conteudo nav.sg-trilha li + li::before {
content: ''; width: 14px; height: 14px; margin: 0 6px; background: var(--sg-placeholder);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}
body.sg-com-menu div.conteudo nav.sg-trilha a { color: var(--sg-text-muted); text-decoration: none; border-radius: 4px; }
body.sg-com-menu div.conteudo nav.sg-trilha a:hover { color: var(--sg-brand-700); text-decoration: underline; text-underline-offset: 2px; }
body.sg-com-menu div.conteudo nav.sg-trilha li[aria-current] { color: var(--sg-text); font-weight: 600; }
/* =========================================================================
* Botões antigos de ativar/desativar (.botao_block / .botao_unblock: button_to sem texto)
* ========================================================================= */
body.sg-com-menu input.botao_block,
body.sg-com-menu input.botao_unblock,
body.sg-com-menu div.conteudo input[type="submit"].botao_block,
body.sg-com-menu div.conteudo input[type="submit"].botao_unblock {
width: 30px; height: 30px; min-width: 0; padding: 0; margin: 0; border: 0; border-radius: 8px; box-shadow: none; cursor: pointer;
font-size: 0; color: transparent; background: var(--sg-ico-cor, var(--sg-icon)) none;
-webkit-mask: var(--sg-ico-botao) center / 16px 16px no-repeat; mask: var(--sg-ico-botao) center / 16px 16px no-repeat;
}
body.sg-com-menu input.botao_block {
/* campo ativo → ação "desativar" */
--sg-ico-botao: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m5.6 5.6 12.8 12.8'/%3E%3C/svg%3E");
}
body.sg-com-menu input.botao_unblock {
/* campo desativado → ação "ativar" */
--sg-ico-botao: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.8 10A10 10 0 1 1 17 3.34'/%3E%3Cpath d='m9 11 3 3L22 4'/%3E%3C/svg%3E");
--sg-ico-cor: #157A50;
}
body.sg-com-menu div.conteudo input[type="submit"].botao_block:hover { background: var(--sg-danger) none; }
body.sg-com-menu div.conteudo input[type="submit"].botao_unblock:hover { background: #0F5C3C none; }
/* ===================================================================
Janelas .screen-popup (PDF da ficha, plantas de quadra) e máscara
=================================================================== */
body.sg-com-menu #mask { background: rgba(20, 23, 46, .48); opacity: 1; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
body.sg-com-menu .screen-popup {
margin: 0 !important; transform: translate(-50%, -50%); float: none; box-sizing: border-box;
max-width: calc(100vw - 32px); max-height: calc(100vh - 32px); overflow: auto;
padding: 20px 22px; border: 1px solid var(--sg-border); border-radius: 16px; background: var(--sg-surface);
box-shadow: 0 24px 64px rgba(20, 23, 46, .28); font: 14px var(--sg-font); color: var(--sg-text);
}
body.sg-com-menu .screen-popup:not(.sg-pdf) table { width: 100%; border: 0; background: none; }
body.sg-com-menu .screen-popup:not(.sg-pdf) td { padding: 6px 4px; border: 0; background: none; }
body.sg-com-menu .screen-popup:not(.sg-pdf) td[colspan] > br + input,
body.sg-com-menu .screen-popup:not(.sg-pdf) input.button {
height: 40px; margin-top: 10px; padding: 0 24px; border: 0; border-radius: 10px; cursor: pointer;
background: var(--sg-brand-700); color: #fff; font: 600 14px var(--sg-font); box-shadow: none;
}
body.sg-com-menu .screen-popup:not(.sg-pdf) input.get_pdf { background: var(--sg-surface); color: var(--sg-brand-700); border: 1px solid var(--sg-border-strong); }
body.sg-com-menu .screen-popup:not(.sg-pdf) em.info { display: block; font-style: normal; font-size: 13px; line-height: 1.5; color: var(--sg-text-muted); }
/* PDF da ficha cadastral */
body.sg-com-menu .screen-popup.sg-pdf { width: 560px; padding: 0; }
body.sg-com-menu .sg-pdf__topo { display: flex; align-items: flex-start; gap: 14px; padding: 20px 22px 16px; border-bottom: 1px solid var(--sg-border-soft); }
body.sg-com-menu .sg-pdf__icone {
flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px;
border-radius: 12px; background: var(--sg-danger-bg); color: var(--sg-danger);
}
body.sg-com-menu .sg-pdf__cabecalho { flex: 1 1 auto; min-width: 0; }
body.sg-com-menu .sg-pdf__cabecalho h2 { margin: 0; font: 700 17px/1.3 var(--sg-font); color: var(--sg-text); }
body.sg-com-menu .sg-pdf__cabecalho p { margin: 3px 0 0; font-size: 13px; color: var(--sg-text-muted); }
body.sg-com-menu .sg-pdf__cabecalho strong { color: var(--sg-text-2); font-weight: 600; }
body.sg-com-menu a.sg-pdf__fechar {
flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin: -4px -6px 0 0;
border-radius: 10px; color: var(--sg-text-muted);
}
body.sg-com-menu a.sg-pdf__fechar:hover { background: var(--sg-surface-alt); color: var(--sg-text); }
body.sg-com-menu form.sg-pdf__form { margin: 0; padding: 0; }
body.sg-com-menu .sg-pdf__corpo { display: flex; flex-direction: column; gap: 18px; padding: 18px 22px 20px; }
body.sg-com-menu fieldset.sg-pdf__grupo { margin: 0; padding: 0; border: 0; min-width: 0; transition: opacity .15s; }
body.sg-com-menu fieldset.sg-pdf__grupo.is-desligado { opacity: .45; }
body.sg-com-menu fieldset.sg-pdf__grupo legend { margin: 0 0 8px; padding: 0; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--sg-text-muted); }
body.sg-com-menu .sg-pdf__escolhas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body.sg-com-menu .sg-pdf__escolhas--tres { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.sg-com-menu label.sg-pdf__opcao {
position: relative; display: flex; align-items: flex-start; gap: 10px; margin: 0; padding: 12px 12px; cursor: pointer;
border: 1px solid var(--sg-border-strong); border-radius: 12px; background: var(--sg-surface);
transition: border-color .15s, background-color .15s, box-shadow .15s;
}
body.sg-com-menu label.sg-pdf__opcao:hover { border-color: var(--sg-brand-300); }
body.sg-com-menu label.sg-pdf__opcao:has(input:checked) { border-color: var(--sg-brand-600); background: var(--sg-brand-50); box-shadow: 0 0 0 1px var(--sg-brand-600) inset; }
body.sg-com-menu label.sg-pdf__opcao:has(input:disabled) { cursor: not-allowed; }
body.sg-com-menu label.sg-pdf__opcao:has(input:focus-visible) { box-shadow: 0 0 0 3px var(--sg-focus); }
body.sg-com-menu label.sg-pdf__opcao input { flex: 0 0 auto; width: 16px; height: 16px; margin: 1px 0 0; accent-color: var(--sg-brand-700); }
body.sg-com-menu .sg-pdf__opcao-texto { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
body.sg-com-menu .sg-pdf__opcao-texto strong { font-size: 13.5px; font-weight: 600; color: var(--sg-text); }
body.sg-com-menu .sg-pdf__opcao-texto small { font-size: 12px; line-height: 1.35; color: var(--sg-text-muted); }
body.sg-com-menu .sg-pdf__rodape {
display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px 16px; padding: 14px 22px;
border-top: 1px solid var(--sg-border-soft); background: var(--sg-surface-alt); border-radius: 0 0 16px 16px;
}
body.sg-com-menu a.sg-pdf__existente {
margin-right: auto; display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--sg-brand-700); text-decoration: none;
}
body.sg-com-menu a.sg-pdf__existente small { font-weight: 400; color: var(--sg-text-muted); }
body.sg-com-menu a.sg-pdf__existente:hover span { text-decoration: underline; }
body.sg-com-menu a.sg-pdf__cancelar { font-size: 13.5px; font-weight: 600; color: var(--sg-text-muted); text-decoration: none; }
body.sg-com-menu a.sg-pdf__cancelar:hover { color: var(--sg-text); }
body.sg-com-menu button.sg-pdf__gerar {
height: 40px; margin: 0; padding: 0 22px; border: 0; border-radius: 10px; cursor: pointer;
background: var(--sg-brand-700); color: #fff; font: 600 14px var(--sg-font); box-shadow: none;
}
body.sg-com-menu button.sg-pdf__gerar:hover { background: var(--sg-brand-800); }
@media (max-width: 600px) {
body.sg-com-menu .sg-pdf__escolhas, body.sg-com-menu .sg-pdf__escolhas--tres { grid-template-columns: minmax(0, 1fr); }
}
body.sg-com-menu #pdf-box .sg-pdf__opcao-texto small { font-weight: 400; }
body.sg-com-menu #pdf-box a.sg-pdf__cancelar { color: var(--sg-text-muted); }
body.sg-com-menu #pdf-box a.sg-pdf__cancelar:hover, body.sg-com-menu #pdf-box a.sg-pdf__fechar:hover { color: var(--sg-text); }
body.sg-com-menu #pdf-box a.sg-pdf__fechar { color: var(--sg-text-muted); }
/*
* Controles do mapa (OpenLayers + ol-ext LayerSwitcher) — identidade SITGeo.
* Estilo vale para todos os mapas; posições específicas apenas no mapa de tela cheia (.mapa-full).
*/
/* ======================================================================
Base comum: zoom, barra de ferramentas, minimapa
====================================================================== */
.ol-zoom.ol-control,
.ol-custom-toolbar.ol-control,
.ol-overviewmap.ol-control {
display: flex;
flex-direction: column;
gap: 2px;
padding: 4px;
background: var(--sg-surface);
border: 1px solid var(--sg-border-soft);
border-radius: 12px;
box-shadow: var(--sg-shadow);
font-family: var(--sg-font);
}
.ol-zoom.ol-control:hover,
.ol-custom-toolbar.ol-control:hover,
.ol-overviewmap.ol-control:hover { background: var(--sg-surface); }
.ol-zoom.ol-control button,
.ol-custom-toolbar.ol-control button,
.ol-overviewmap.ol-control button {
position: relative;
display: grid;
place-items: center;
width: 30px;
height: 30px;
margin: 0;
padding: 0;
font-family: var(--sg-font);
font-size: 18px;
font-weight: 500;
line-height: 1;
color: var(--sg-icon);
background: transparent;
border: 0;
border-radius: 8px;
cursor: pointer;
transition: background-color .12s ease, color .12s ease;
}
.ol-zoom.ol-control button:hover,
.ol-custom-toolbar.ol-control button:hover,
.ol-overviewmap.ol-control button:hover {
color: var(--sg-text);
background: var(--sg-hover);
}
.ol-zoom.ol-control button:focus,
.ol-custom-toolbar.ol-control button:focus,
.ol-overviewmap.ol-control button:focus { background: transparent; outline: none; }
.ol-zoom.ol-control button:focus-visible,
.ol-custom-toolbar.ol-control button:focus-visible,
.ol-overviewmap.ol-control button:focus-visible { box-shadow: 0 0 0 3px var(--sg-focus); }
.ol-custom-toolbar.ol-control button svg,
.ol-custom-toolbar.ol-control button .fa {
width: 18px;
height: 18px;
font-size: 16px;
pointer-events: none;
}
/* Ferramenta ativa */
.ol-custom-toolbar.ol-control button.active,
.ol-custom-toolbar.ol-control button.active:hover,
.ol-custom-toolbar.ol-control button.active:focus {
color: var(--sg-brand-700);
background: var(--sg-brand-50);
}
.ol-custom-toolbar.ol-control button.active::before {
content: '';
position: absolute;
left: -4px;
top: 7px;
bottom: 7px;
width: 3px;
background: var(--sg-brand-600);
border-radius: 0 3px 3px 0;
}
/* Separador entre grupos */
.ol-custom-toolbar-sep {
display: block;
height: 1px;
margin: 4px 6px;
background: var(--sg-border-soft);
}
/* Tooltip das ferramentas */
.ol-custom-toolbar.ol-control button[data-tooltip]::after {
content: attr(data-tooltip);
position: absolute;
left: calc(100% + 12px);
top: 50%;
z-index: 5;
padding: 6px 10px;
font-family: var(--sg-font);
font-size: 12.5px;
font-weight: 500;
line-height: 1.3;
color: #fff;
white-space: nowrap;
background: var(--sg-ink-900);
border-radius: 6px;
box-shadow: var(--sg-shadow);
opacity: 0;
visibility: hidden;
transform: translate(-4px, -50%);
transition: opacity .12s ease, transform .12s ease, visibility 0s linear .12s;
pointer-events: none;
}
.ol-custom-toolbar.ol-control button[data-tooltip]:hover::after,
.ol-custom-toolbar.ol-control button[data-tooltip]:focus-visible::after {
opacity: 1;
visibility: visible;
transform: translate(0, -50%);
transition-delay: .25s, .25s, 0s;
}
/* Caixas de ferramentas (grupos com flyout) */
.ol-toolbar-group { position: relative; }
/* marca de canto indicando que o botão abre uma caixa */
.ol-custom-toolbar.ol-control button.ol-toolbar-group-trigger::before {
content: '';
position: absolute;
right: 4px;
bottom: 4px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 5px 5px;
border-color: transparent transparent currentColor transparent;
opacity: .55;
}
.ol-toolbar-group.is-open > button.ol-toolbar-group-trigger,
.ol-custom-toolbar.ol-control .ol-toolbar-group.is-open > button.ol-toolbar-group-trigger:hover {
color: var(--sg-text);
background: var(--sg-hover);
}
/* grupo com ferramenta ativa: o ícone do grupo fica destacado */
.ol-custom-toolbar.ol-control .ol-toolbar-group.tem-ativa > button.ol-toolbar-group-trigger {
color: var(--sg-brand-700);
background: var(--sg-brand-50);
}
.ol-toolbar-group.is-open > button.ol-toolbar-group-trigger::after { display: none; }
.ol-toolbar-flyout {
position: absolute;
top: -5px;
left: calc(100% + 12px);
z-index: 6;
min-width: 210px;
padding: 6px;
background: var(--sg-surface);
border: 1px solid var(--sg-border-soft);
border-radius: 12px;
box-shadow: var(--sg-shadow-lg);
opacity: 0;
visibility: hidden;
transform: translateX(-6px);
transition: opacity .14s ease, transform .14s ease, visibility 0s linear .14s;
}
.ol-toolbar-group.is-open > .ol-toolbar-flyout {
opacity: 1;
visibility: visible;
transform: none;
transition: opacity .14s ease, transform .14s ease, visibility 0s;
}
.ol-toolbar-flyout-titulo {
padding: 6px 10px 8px;
font-size: 11.5px;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--sg-text-muted);
}
.ol-toolbar-flyout-itens { display: flex; flex-direction: column; gap: 2px; }
/* dentro da caixa os botões mostram ícone + nome */
.ol-custom-toolbar.ol-control .ol-toolbar-flyout button.ol-control-button,
.mapa-full .ol-custom-toolbar.ol-control .ol-toolbar-flyout button.ol-control-button {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
width: 100%;
height: 36px;
padding: 0 10px;
}
.ol-custom-toolbar.ol-control .ol-toolbar-flyout button[data-tooltip]::after,
.ol-custom-toolbar.ol-control .ol-toolbar-flyout button[data-tooltip]:hover::after {
position: static;
padding: 0;
font-size: 13.5px;
font-weight: 500;
color: inherit;
background: none;
box-shadow: none;
opacity: 1;
visibility: visible;
transform: none;
transition: none;
}
.ol-custom-toolbar.ol-control .ol-toolbar-flyout button.active::before { left: -6px; }
/* Minimapa */
.ol-overviewmap.ol-control { padding: 4px; }
.ol-overviewmap.ol-control .ol-overviewmap-map {
width: 180px;
height: 140px;
margin: 0 0 4px;
border: 0;
border-radius: 8px;
overflow: hidden;
}
.ol-overviewmap.ol-control:not(.ol-collapsed) button { position: static; }
.ol-overviewmap-box { border: 2px solid var(--sg-brand-600); background: rgba(75, 85, 236, .12); }
/* ======================================================================
Posições nos mapas pequenos (show/edit das entidades)
Ferramentas no topo à esquerda, zoom embaixo à direita, minimapa embaixo à esquerda,
para nada se sobrepor em mapas de ~400px de altura.
====================================================================== */
.ol-custom-toolbar.ol-control { top: 10px; left: 10px; }
.ol-zoom.ol-control { top: auto; left: auto; right: 10px; bottom: 34px; }
.ol-overviewmap.ol-control { left: 10px; bottom: 10px; }
/* ======================================================================
Posições no mapa de tela cheia (abaixo da navbar)
====================================================================== */
.mapa-full .ol-zoom.ol-control { top: calc(var(--sg-navbar-h) + 12px); left: 12px; right: auto; bottom: auto; }
.mapa-full .ol-custom-toolbar.ol-control { top: calc(var(--sg-navbar-h) + 12px + 94px); left: 12px; }
.mapa-full .ol-zoom.ol-control button,
.mapa-full .ol-custom-toolbar.ol-control button { width: 36px; height: 36px; }
.mapa-full .ol-custom-toolbar.ol-control button svg { width: 20px; height: 20px; }
.mapa-full .ol-overviewmap.ol-control { left: 12px; bottom: 18px; }
.mapa-full .ol-attribution { bottom: 18px; right: 12px; }
/* Telas baixas: botões menores para a barra caber */
@media (max-height: 820px) {
.mapa-full .ol-zoom.ol-control button,
.mapa-full .ol-custom-toolbar.ol-control button { width: 32px; height: 32px; }
.mapa-full .ol-custom-toolbar.ol-control { top: calc(var(--sg-navbar-h) + 12px + 86px); }
.mapa-full .ol-custom-toolbar.ol-control button svg { width: 18px; height: 18px; }
.ol-custom-toolbar-sep { margin: 3px 6px; }
}
/* ======================================================================
Seletor de camadas (ol-ext LayerSwitcher)
====================================================================== */
.ol-control.ol-layerswitcher {
padding: 0;
max-height: none;
overflow: visible;
background: transparent;
border-radius: 0;
font-family: var(--sg-font);
height: auto !important; /* o JS do plugin força height:100% ao rolar */
}
.ol-control.ol-layerswitcher:hover { background: transparent; }
.mapa-full .ol-control.ol-layerswitcher { top: calc(var(--sg-navbar-h) + 12px); right: 12px; }
/* Botão que abre/fecha */
.ol-control.ol-layerswitcher > button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
float: right;
width: auto;
height: 40px;
margin: 0;
padding: 0 14px 0 12px;
font-family: var(--sg-font);
font-size: 13.5px;
font-weight: 600;
line-height: 1;
color: var(--sg-text-2);
background: var(--sg-surface);
background-image: none;
border: 1px solid var(--sg-border-soft);
border-radius: 12px;
box-shadow: var(--sg-shadow);
cursor: pointer;
transition: background-color .12s ease, color .12s ease, border-color .12s ease;
}
.ol-control.ol-layerswitcher > button::before {
content: '';
width: 20px;
height: 20px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z'/%3E%3Cpath d='m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65'/%3E%3Cpath d='m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z'/%3E%3Cpath d='m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65'/%3E%3Cpath d='m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65'/%3E%3C/svg%3E") center / contain no-repeat;
}
.ol-control.ol-layerswitcher > button::after {
content: 'Camadas';
font-family: var(--sg-font);
font-style: normal;
font-weight: 600;
}
.ol-control.ol-layerswitcher > button:hover,
.ol-control.ol-layerswitcher > button:focus {
color: var(--sg-text);
background: var(--sg-surface);
border-color: var(--sg-border);
outline: none;
}
.ol-control.ol-layerswitcher.ol-forceopen > button,
.ol-control.ol-layerswitcher:not(.ol-collapsed) > button {
color: var(--sg-brand-700);
background: var(--sg-brand-50);
border-color: var(--sg-brand-200);
}
/* Setas de rolagem do plugin: substituídas por rolagem nativa */
.ol-layerswitcher .ol-switchertopdiv,
.ol-layerswitcher .ol-switcherbottomdiv { display: none !important; }
/* Painel */
.ol-control.ol-layerswitcher .panel {
clear: both;
top: 0 !important;
width: 310px;
max-height: calc(100vh - var(--sg-navbar-h) - 140px);
margin: 8px 0 0;
padding: 0 6px 6px;
overflow-x: hidden;
overflow-y: auto;
font-family: var(--sg-font);
font-size: 13.5px;
color: var(--sg-text);
background: var(--sg-surface);
border: 1px solid var(--sg-border-soft);
border-radius: 14px;
box-shadow: var(--sg-shadow-lg);
scrollbar-width: thin;
scrollbar-color: var(--sg-scrollbar) transparent;
}
.ol-layerswitcher .panel::-webkit-scrollbar { width: 8px; }
.ol-layerswitcher .panel::-webkit-scrollbar-thumb { background: var(--sg-scrollbar); border-radius: 8px; border: 2px solid #fff; }
/* Cabeçalho do painel */
.ol-layerswitcher .panel > li.ol-header {
position: sticky;
top: 0;
z-index: 2;
display: block;
margin: 0 -6px 4px;
padding: 14px 16px 12px;
background: var(--sg-surface);
border-bottom: 1px solid var(--sg-border-soft);
}
.ol-layerswitcher .panel > li.ol-header::before {
content: 'Camadas do mapa';
display: block;
font-size: 14px;
font-weight: 600;
color: var(--sg-text);
}
/* Busca de camadas (mapa/busca_camadas.js) */
.ol-layerswitcher .panel li.ol-header > .sg-layer-search {
position: relative;
display: flex;
align-items: center;
margin-top: 10px;
}
.ol-layerswitcher .sg-layer-search > svg {
position: absolute;
left: 10px;
width: 16px;
height: 16px;
color: var(--sg-placeholder);
pointer-events: none;
}
.ol-layerswitcher .sg-layer-search input {
width: 100%;
height: 36px;
margin: 0;
padding: 0 32px 0 32px;
font-family: var(--sg-font);
font-size: 13.5px;
color: var(--sg-text);
background: var(--sg-surface-alt);
border: 1px solid var(--sg-border-soft);
border-radius: 9px;
outline: none;
box-shadow: none;
box-sizing: border-box;
transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.ol-layerswitcher .sg-layer-search input::placeholder { color: var(--sg-placeholder); }
.ol-layerswitcher .sg-layer-search input:focus {
background: var(--sg-surface);
border-color: var(--sg-brand-600);
box-shadow: 0 0 0 3px var(--sg-focus);
}
.ol-layerswitcher .sg-layer-search:focus-within > svg { color: var(--sg-brand-600); }
.ol-layerswitcher button.sg-layer-search__limpar {
position: absolute;
right: 5px;
display: grid;
place-items: center;
width: 26px;
height: 26px;
margin: 0;
padding: 0;
color: var(--sg-text-muted);
background: transparent;
border: 0;
border-radius: 6px;
cursor: pointer;
float: none;
box-shadow: none;
}
.ol-layerswitcher button.sg-layer-search__limpar[hidden] { display: none; }
.ol-layerswitcher button.sg-layer-search__limpar::before,
.ol-layerswitcher button.sg-layer-search__limpar::after { content: none; display: none; }
.ol-layerswitcher button.sg-layer-search__limpar svg { width: 16px; height: 16px; }
.ol-layerswitcher button.sg-layer-search__limpar:hover { color: var(--sg-text); background: var(--sg-hover); }
.ol-layerswitcher .sg-layer-search__vazio {
padding: 18px 4px 6px;
font-size: 13px;
color: var(--sg-text-muted);
text-align: center;
}
.ol-layerswitcher .sg-layer-search__vazio[hidden] { display: none; }
.ol-layerswitcher .panel li.sg-oculta { display: none !important; }
.ol-layerswitcher .panel.sg-buscando li.sg-encontrada > .li-content > label { color: var(--sg-brand-700); }
/* durante a busca não faz sentido arrastar para reordenar */
.ol-layerswitcher .panel.sg-buscando .ol-layerswitcher-buttons > .layerup { display: none; }
/* Itens */
.ol-layerswitcher .panel li:not(.ol-header) {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: start;
column-gap: 4px;
margin: 0;
padding: 6px 6px 6px 10px;
border-radius: 10px;
transition: background-color .12s ease;
}
.ol-layerswitcher .panel li:not(.ol-header):hover { background: var(--sg-surface-alt); }
.ol-layerswitcher .panel li > .li-content {
grid-column: 1;
grid-row: 1;
display: flex;
flex-wrap: wrap;
align-items: center;
min-width: 0;
}
.ol-layerswitcher .panel li > .li-content > label { flex: 1 1 0; min-width: 0; }
.ol-layerswitcher .panel li > .ol-layerswitcher-buttons {
grid-column: 2;
grid-row: 1;
display: flex;
align-items: center;
gap: 2px;
float: none;
margin-top: -2px;
}
.ol-layerswitcher .panel li > ul {
grid-column: 1 / -1;
margin: 6px 0 0 8px;
padding: 0 0 0 8px;
border-left: 1px solid var(--sg-border-soft);
}
.ol-layerswitcher .panel li li { padding: 6px 6px 6px 8px; }
.ol-layerswitcher .panel li li:hover { background: var(--sg-hover); }
/* Rótulo + checkbox */
.ol-layerswitcher .panel li label {
display: block;
height: auto;
max-width: none;
padding: 0 0 0 26px;
font-family: var(--sg-font);
font-size: 13.5px;
font-weight: 600;
line-height: 20px;
color: var(--sg-text);
cursor: pointer;
}
.ol-layerswitcher .panel li li label { font-weight: 500; color: var(--sg-text-2); }
.ol-layerswitcher [type="checkbox"] + label::before,
.ol-layerswitcher [type="radio"] + label::before {
left: 0;
top: 2px;
width: 16px;
height: 16px;
border: 1.5px solid var(--sg-border-strong);
border-radius: 5px;
background: #fff;
transition: background-color .12s ease, border-color .12s ease;
}
.ol-layerswitcher [type="radio"] + label::before { border-radius: 50%; }
.ol-layerswitcher [type="checkbox"]:checked + label::before,
.ol-layerswitcher [type="radio"]:checked + label::before {
background: var(--sg-brand-600);
border-color: var(--sg-brand-600);
}
.ol-layerswitcher [type="checkbox"]:checked + label::after {
left: 6px;
top: 4.5px;
width: 4px;
height: 8px;
margin: 0;
border: solid #fff;
border-width: 0 2px 2px 0;
background: transparent;
box-shadow: none;
transform: rotate(45deg);
}
.ol-layerswitcher [type="radio"]:checked + label::after {
left: 5px;
top: 7px;
width: 6px;
height: 6px;
margin: 0;
border: 0;
background: #fff;
}
.ol-layerswitcher .panel li label:hover::before { border-color: var(--sg-brand-600); }
/* Fora da escala de visualização */
.ol-layerswitcher .panel .li-content.ol-layer-hidden,
.ol-layerswitcher .panel li.ol-layer-hidden { opacity: .5; }
/* Opacidade */
/* aparece na mesma linha do nome, ao passar o mouse (não aumenta a altura da lista) */
.ol-layerswitcher .layerswitcher-opacity {
flex: none;
width: 0;
height: 4px;
margin: 0;
opacity: 0;
visibility: hidden;
transition: opacity .12s ease, width .15s ease, margin .15s ease;
background: var(--sg-brand-100);
border: 0;
border-radius: 4px;
box-shadow: none;
}
.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor {
width: 12px;
height: 12px;
background: #fff;
border: 2px solid var(--sg-brand-600);
border-radius: 50%;
box-shadow: 0 1px 3px rgba(20, 22, 58, .25);
cursor: grab;
}
.ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor::before { display: none; }
.ol-touch .ol-layerswitcher .layerswitcher-opacity .layerswitcher-opacity-cursor { width: 18px; height: 18px; }
.ol-layerswitcher .panel li:hover > .li-content > .layerswitcher-opacity,
.ol-layerswitcher.drag .layerswitcher-opacity,
.ol-layerswitcher .panel li > .li-content > .layerswitcher-opacity:active { width: 64px; margin: 0 6px 0 10px; opacity: 1; visibility: visible; }
/* camadas sem nome (ex.: camada temporária das medições) não aparecem na lista */
.ol-layerswitcher .panel li.sg-sem-nome { display: none; }
.ol-layerswitcher .panel li > .li-content > .layerswitcher-opacity::before {
content: '';
position: absolute;
top: -8px; right: 0; bottom: -8px; left: 0;
}
/* Progresso de carregamento */
.ol-layerswitcher .layerswitcher-progress { order: 2; flex: 1 0 100%; width: auto; margin: 6px 4px 0 26px; }
.ol-layerswitcher .layerswitcher-progress div { height: 2px; background: var(--sg-brand-500); border-radius: 2px; }
/* Botões de ação (ordem, expandir, tabela, zoom na camada) */
.ol-layerswitcher .panel .ol-layerswitcher-buttons > div {
position: relative;
display: block;
float: none;
width: 24px;
height: 24px;
margin: 0;
color: var(--sg-placeholder);
background: transparent;
border-radius: 6px;
opacity: 1;
cursor: pointer;
transition: background-color .12s ease, color .12s ease;
}
.ol-layerswitcher .panel .ol-layerswitcher-buttons > div:hover {
color: var(--sg-text);
background: rgba(20, 22, 58, .07);
}
.ol-layerswitcher .panel .ol-layerswitcher-buttons > div::after { content: none; display: none; }
.ol-layerswitcher .panel .ol-layerswitcher-buttons > div::before {
content: '';
position: absolute;
top: 4px; right: 4px; bottom: 4px; left: 4px;
width: auto;
height: auto;
margin: 0;
border: 0;
background-color: currentColor;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
/* Arrastar para reordenar */
.ol-layerswitcher .panel .ol-layerswitcher-buttons > .layerup { cursor: grab; }
.ol-layerswitcher .panel .ol-layerswitcher-buttons > .layerup::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='9' cy='5' r='1.6'/%3E%3Ccircle cx='9' cy='12' r='1.6'/%3E%3Ccircle cx='9' cy='19' r='1.6'/%3E%3Ccircle cx='15' cy='5' r='1.6'/%3E%3Ccircle cx='15' cy='12' r='1.6'/%3E%3Ccircle cx='15' cy='19' r='1.6'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='9' cy='5' r='1.6'/%3E%3Ccircle cx='9' cy='12' r='1.6'/%3E%3Ccircle cx='9' cy='19' r='1.6'/%3E%3Ccircle cx='15' cy='5' r='1.6'/%3E%3Ccircle cx='15' cy='12' r='1.6'/%3E%3Ccircle cx='15' cy='19' r='1.6'/%3E%3C/svg%3E");
}
/* Expandir / recolher grupo */
.ol-layerswitcher .panel .ol-layerswitcher-buttons > .expend-layers::before,
.ol-layerswitcher .panel .ol-layerswitcher-buttons > .collapse-layers::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E");
transition: transform .15s ease;
}
.ol-layerswitcher .panel .ol-layerswitcher-buttons > .collapse-layers { color: var(--sg-brand-600); }
.ol-layerswitcher .panel .ol-layerswitcher-buttons > .collapse-layers::before { transform: rotate(90deg); }
/* Abrir tabela de feições */
.ol-layerswitcher .panel .ol-layerswitcher-buttons > .layerInfo::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M3 15h18M9 10v10'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M3 15h18M9 10v10'/%3E%3C/svg%3E");
}
/* Zoom na extensão da camada */
.ol-layerswitcher .panel .ol-layerswitcher-buttons > .layerExtent::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M16 21h3a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M16 21h3a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E");
}
/* Remover camada */
.ol-layerswitcher .panel .ol-layerswitcher-buttons > .layerTrash::before {
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M8 6V4h8v2M19 6l-1 14H6L5 6'/%3E%3C/svg%3E");
}
/* Arrastando */
.ol-layerswitcher .panel li.drag { opacity: .6; transform: scale(.98); background: var(--sg-brand-50); }
.ol-layerswitcher .panel li.dropover { background: var(--sg-brand-50); box-shadow: inset 0 2px 0 var(--sg-brand-600); }
@media (prefers-reduced-motion: reduce) {
.ol-custom-toolbar *, .ol-layerswitcher * { transition: none !important; }
}
/* ======================================================================
Barra inferior: projeção, coordenadas do cursor e escala
====================================================================== */
.barra_inferior.sg-statusbar {
position: absolute;
left: 50%;
right: auto;
bottom: 18px;
z-index: 2;
display: flex;
align-items: center;
width: auto;
max-width: calc(100% - 160px);
height: 42px;
padding: 0 8px;
font-family: var(--sg-font);
font-size: 13px;
color: var(--sg-text-2);
background: #fff;
background: rgba(255, 255, 255, .96);
background-image: none;
border: 1px solid var(--sg-border-soft);
border-radius: 999px;
box-shadow: 0 6px 20px rgba(20, 24, 60, .14), 0 1px 3px rgba(20, 24, 60, .08);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
-webkit-font-smoothing: antialiased;
}
.sg-statusbar__item {
display: flex;
align-items: center;
gap: 6px;
flex: none;
height: 22px;
padding: 0 14px;
margin: 0;
font-weight: 500;
white-space: nowrap;
}
.sg-statusbar__item + .sg-statusbar__item { border-left: 1px solid var(--sg-border); }
.sg-statusbar__projecao { cursor: pointer; padding-left: 12px; }
.sg-statusbar__projecao .sg-statusbar__rotulo { color: var(--sg-text); font-weight: 600; }
.sg-statusbar select.sg-statusbar__select {
height: 28px;
max-width: 320px;
margin: 0;
padding: 0 26px 0 6px;
font-family: var(--sg-font);
font-size: 13px;
font-weight: 500;
color: var(--sg-text-2);
background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%235E6382' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 6px center / 14px;
border: 1px solid transparent;
border-radius: 8px;
outline: none;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-overflow: ellipsis;
}
.sg-statusbar select.sg-statusbar__select:hover { background-color: var(--sg-hover); }
.sg-statusbar select.sg-statusbar__select:focus-visible { border-color: var(--sg-brand-600); box-shadow: 0 0 0 3px var(--sg-focus); }
/* largura fixa para o texto não "pular" enquanto o mouse anda */
.sg-statusbar__coordenadas { min-width: 160px; justify-content: center; }
.sg-statusbar__valor {
font-variant-numeric: tabular-nums;
color: var(--sg-text);
}
.sg-statusbar__rotulo { color: var(--sg-text-muted); font-weight: 500; }
.sg-statusbar__escala .sg-statusbar__valor { min-width: 48px; }
.sg-statusbar__item--regua { padding-right: 16px; }
.sg-statusbar__regua { display: flex; align-items: center; height: 100%; }
.sg-statusbar .ol-scale-line {
position: static;
padding: 0;
background: transparent;
border-radius: 0;
}
.sg-statusbar .ol-scale-line-inner {
margin: 0;
padding-bottom: 1px;
font-family: var(--sg-font);
font-size: 11px;
font-weight: 600;
line-height: 1.2;
text-align: center;
color: var(--sg-text-2);
border: 1.5px solid var(--sg-text-2);
border-top: 0;
}
@media (max-width: 1100px) {
.barra_inferior.sg-statusbar { max-width: calc(100% - 120px); }
.sg-statusbar select.sg-statusbar__select { max-width: 190px; }
}
@media (max-width: 760px) {
.barra_inferior.sg-statusbar { bottom: 12px; max-width: calc(100% - 24px); }
.sg-statusbar__coordenadas, .sg-statusbar__item--regua { display: none; }
}
/* ======================================================================
Medições, caixa de zoom e popups do mapa
====================================================================== */
.ol-dragbox { background-color: rgba(95, 107, 255, .12); border: 2px solid var(--sg-brand-600); border-radius: 2px; }
.ol-tooltip {
padding: 5px 9px;
font-family: var(--sg-font);
font-size: 12px;
font-weight: 600;
color: #fff;
background: rgba(26, 28, 75, .85);
border-radius: 6px;
}
.ol-tooltip-static { background: var(--sg-brand-600); border: 0; box-shadow: var(--sg-shadow); }
.ol-tooltip-measure:before { border-top-color: rgba(26, 28, 75, .85); }
.ol-tooltip-static:before { border-top-color: var(--sg-brand-600); }
.ol-popup {
font-family: var(--sg-font);
font-size: 13px;
color: var(--sg-text);
border: 1px solid var(--sg-border-soft);
border-radius: 12px;
-webkit-filter: drop-shadow(0 6px 18px rgba(20, 22, 58, .18));
filter: drop-shadow(0 6px 18px rgba(20, 22, 58, .18));
}
.ol-popup:before { border-top-color: var(--sg-border-soft); }
.ol-popup-closer { top: 8px; right: 10px; color: var(--sg-text-muted); }
.ol-popup-closer:hover { color: var(--sg-text); }
.ol-popup-title { color: var(--sg-text); font-weight: 600; }
/* ===================================================================
Popups "Buscar no mapa" e "Informação no ponto" (sg_mapa_popup.js)
=================================================================== */
.ol-popup { padding: 0; min-width: 320px; max-width: 380px; background: #fff; overflow: visible; }
.ol-popup-closer {
top: 10px; right: 10px; z-index: 2; display: flex; align-items: center; justify-content: center;
width: 28px; height: 28px; border-radius: 8px; color: var(--sg-text-muted); text-decoration: none;
}
.ol-popup-closer:after {
content: ""; width: 14px; height: 14px; background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center / contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center / contain no-repeat;
}
.ol-popup-closer:hover { background: var(--sg-surface-alt, #F4F5FA); color: var(--sg-text); }
.sg-mp { font: 13px/1.4 var(--sg-font); color: var(--sg-text); text-align: left; }
.sg-mp__topo { display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 48px 0 16px; border-bottom: 1px solid var(--sg-border-soft); }
.sg-mp__titulo { font-weight: 600; font-size: 14px; color: var(--sg-text); }
.sg-mp__qtd { padding: 2px 8px; border-radius: 999px; background: var(--sg-brand-50); color: var(--sg-brand-700); font-size: 11.5px; font-weight: 600; }
/* formulário de busca */
.sg-mp__form { display: flex; gap: 8px; margin: 0; padding: 14px 16px 12px; }
#busca_no_mapa .sg-mp__campo {
flex: 1 1 auto; min-width: 0; width: auto; height: 38px; margin: 0; padding: 0 12px 0 36px; box-sizing: border-box;
border: 1px solid var(--sg-border-strong, #CDD1E0); border-radius: 10px; font: 13.5px var(--sg-font); color: var(--sg-text);
background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8FA8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 11px center / 16px no-repeat;
outline: none; box-shadow: none;
}
#busca_no_mapa .sg-mp__campo:focus { border-color: var(--sg-brand-500); box-shadow: 0 0 0 3px var(--sg-brand-100); }
#busca_no_mapa .sg-mp__botao {
flex: none; height: 38px; padding: 0 16px; margin: 0; border: 0; border-radius: 10px; cursor: pointer;
background: var(--sg-brand-600); color: #fff; font: 600 13px var(--sg-font); width: auto;
}
#busca_no_mapa .sg-mp__botao:hover { background: var(--sg-brand-700); }
#busca_no_mapa .sg-mp__botao:disabled { opacity: .7; cursor: progress; }
.sg-mp__dicas { margin: 0 16px 16px; padding: 10px 12px; border-radius: 10px; background: var(--sg-surface-alt, #F4F5FA); color: var(--sg-text-muted); font-size: 12px; }
.sg-mp__dicas > span { display: block; margin-bottom: 4px; font-weight: 600; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.sg-mp__dicas ul { margin: 0; padding: 0; list-style: none; }
.sg-mp__dicas li { padding: 2px 0; }
.sg-mp__dicas b { color: var(--sg-text); font-weight: 600; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; margin-right: 4px; }
/* resultados */
.sg-mp__resultado { border-top: 1px solid var(--sg-border-soft); }
.sg-mp__cabeca { padding: 10px 16px 6px; font-size: 11.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--sg-text-muted); }
.sg-mp__lista { max-height: 300px; overflow-y: auto; padding: 4px 8px 8px; }
.sg-mp--info .sg-mp__lista { padding-top: 8px; }
a.sg-mp__item {
display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 10px;
color: var(--sg-text) !important; text-decoration: none !important; font-weight: 400 !important; cursor: pointer;
}
a.sg-mp__item:hover, a.sg-mp__item:focus { background: var(--sg-brand-50); outline: none; }
.sg-mp__icone {
flex: none; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 9px;
background: var(--sg-surface-alt, #F4F5FA); color: var(--sg-brand-600);
}
a.sg-mp__item:hover .sg-mp__icone { background: #fff; }
.sg-mp__textos { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.sg-mp__tipo { font-size: 11.5px; color: var(--sg-text-muted); }
.sg-mp__valor { font-size: 13.5px; font-weight: 600; color: var(--sg-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.sg-mp__seta { flex: none; color: var(--sg-text-muted); opacity: .5; display: flex; }
a.sg-mp__item:hover .sg-mp__seta { opacity: 1; color: var(--sg-brand-600); }
.sg-mp__vazio { margin: 0; padding: 18px 16px; color: var(--sg-text-muted); text-align: center; }
.sg-mp__carregando { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 26px 16px; color: var(--sg-text-muted); }
.sg-mp__spinner {
width: 18px; height: 18px; border-radius: 50%; border: 2px solid var(--sg-brand-100); border-top-color: var(--sg-brand-600);
-webkit-animation: sg-mp-giro .8s linear infinite; animation: sg-mp-giro .8s linear infinite;
}
@-webkit-keyframes sg-mp-giro { to { -webkit-transform: rotate(360deg); } }
@keyframes sg-mp-giro { to { transform: rotate(360deg); } }
.sg-mp__extra { font-size: 11.5px; color: var(--sg-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* ===================================================================
Camadas personalizadas — tabela de elementos (#feature-table) e popup de elemento
=================================================================== */
#feature-table { background: var(--sg-surface, #fff); border-top: 1px solid var(--sg-border, #E2E4EE); box-shadow: 0 -6px 20px rgba(20, 22, 58, .08); z-index: 5; overflow: hidden !important; }
#feature-table .sg-ft { position: relative; display: flex; flex-direction: column; height: 100%; font: 13px/1.4 var(--sg-font); color: var(--sg-text); }
.sg-ft__topo {
flex: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px;
padding: 8px 12px 8px 16px; border-bottom: 1px solid var(--sg-border-soft);
}
.sg-ft__titulo { display: flex; align-items: center; gap: 10px; min-width: 0; }
.sg-ft__titulo strong { font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sg-ft__qtd { font-size: 12px; color: var(--sg-text-muted); white-space: nowrap; }
.sg-ft__geo { flex: none; display: inline-flex; align-items: center; height: 22px; padding: 0 9px; border-radius: 999px; font-size: 11.5px; font-weight: 600; }
.sg-ft__geo--point { background: #E8F7EF; color: #157A50; }
.sg-ft__geo--linestring { background: #FFF6E5; color: #9A5B00; }
.sg-ft__geo--polygon { background: var(--sg-brand-50); color: var(--sg-brand-700); }
.sg-ft__ferramentas { display: flex; align-items: center; gap: 2px; }
#feature-table .sg-ft__botao {
display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 32px; min-width: 32px; margin: 0; padding: 0 8px;
border: 0; border-radius: 8px; background: transparent; box-shadow: none; color: var(--sg-text-2, #4A4F6A);
font: 600 12.5px var(--sg-font); text-decoration: none; cursor: pointer; transition: background-color .12s, color .12s;
}
#feature-table .sg-ft__botao:hover { background: var(--sg-surface-alt, #F4F5FA); color: var(--sg-text); }
#feature-table .sg-ft__botao:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--sg-focus); }
#feature-table .sg-ft__botao.active { background: var(--sg-brand-100, #E4E6FF); color: var(--sg-brand-700); box-shadow: inset 0 0 0 1px var(--sg-brand-300); }
#feature-table .sg-ft__botao--primario { padding: 0 12px 0 10px; margin-right: 6px; background: var(--sg-brand-600); color: #fff; }
#feature-table .sg-ft__botao--primario:hover { background: var(--sg-brand-700); color: #fff; }
#feature-table .sg-ft__botao--primario.active { background: var(--sg-brand-800); color: #fff; box-shadow: 0 0 0 3px var(--sg-focus); }
#feature-table .sg-ft__botao--seta { min-width: 22px; padding: 0 3px; }
#feature-table .sg-ft__fechar:hover { background: var(--sg-danger-bg); color: var(--sg-danger); }
.sg-ft__sep { width: 1px; height: 20px; margin: 0 6px; background: var(--sg-border); }
.sg-ft__download { position: relative; display: inline-flex; }
#feature-table .sg-ft__menu { min-width: 120px; padding: 6px; border: 1px solid var(--sg-border); border-radius: 10px; box-shadow: 0 10px 28px rgba(20, 22, 58, .16); }
#feature-table .sg-ft__menu > li > a { padding: 6px 10px; border-radius: 6px; font: 13px var(--sg-font); color: var(--sg-text); }
#feature-table .sg-ft__menu > li > a:hover { background: var(--sg-brand-50); color: var(--sg-brand-700); }
.sg-ft__rolagem { flex: 1 1 auto; min-height: 0; overflow: auto; }
#feature-table table.sg-ft__tabela { width: 100%; margin: 0; border-collapse: separate; border-spacing: 0; border: 0; background: none; font-size: 13px; }
#feature-table table.sg-ft__tabela thead th {
position: sticky; top: 0; z-index: 1; padding: 8px 12px; text-align: left; white-space: nowrap;
background: var(--sg-surface-alt, #F4F5FA); border-bottom: 1px solid var(--sg-border-soft);
font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--sg-text-muted);
}
#feature-table table.sg-ft__tabela tbody td,
#feature-table table.sg-ft__tabela tbody th { padding: 8px 12px; border-bottom: 1px solid var(--sg-border-soft); font-weight: 400; color: var(--sg-text); text-align: left; background: #fff; }
#feature-table table.sg-ft__tabela tbody tr { cursor: pointer; }
#feature-table table.sg-ft__tabela tbody tr:hover td,
#feature-table table.sg-ft__tabela tbody tr:hover th { background: var(--sg-surface-alt, #F4F5FA); }
#feature-table table.sg-ft__tabela tbody tr.info td,
#feature-table table.sg-ft__tabela tbody tr.info th { background: var(--sg-brand-50); }
#feature-table table.sg-ft__tabela tbody tr.info th.sg-ft__id { box-shadow: inset 3px 0 0 var(--sg-brand-600); }
#feature-table .sg-ft__id { width: 70px; color: var(--sg-text-muted) !important; font-variant-numeric: tabular-nums; }
#feature-table .sg-ft__num { text-align: right !important; font-variant-numeric: tabular-nums; white-space: nowrap; }
#feature-table tr.sg-ft__vazio-linha { cursor: default; }
#feature-table tr.sg-ft__vazio-linha td { border: 0; background: #fff !important; }
.sg-ft__vazio { padding: 22px 12px; text-align: center; color: var(--sg-text-muted); }
.sg-ft__vazio strong { color: var(--sg-brand-700); }
.sg-ft__rodape { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 36px; padding: 0 12px 0 16px; border-top: 1px solid var(--sg-border-soft); }
.sg-ft__info { font-size: 12px; color: var(--sg-text-muted); }
.sg-ft__info b { color: var(--sg-text-2); }
#feature-table .sg-ft__paginacao .pagination { margin: 0; }
#feature-table .sg-ft__paginacao .pagination > li > a,
#feature-table .sg-ft__paginacao .pagination > li > span { border-color: var(--sg-border); color: var(--sg-text-2); font-size: 12px; }
#feature-table .sg-ft__carregando {
position: absolute; inset: 0; z-index: 3; background: rgba(255, 255, 255, .7);
}
#feature-table .sg-ft__carregando span {
position: absolute; top: 50%; left: 50%; margin: -13px 0 0 -13px;
width: 26px; height: 26px; border-radius: 50%; border: 3px solid var(--sg-border-strong, #CDD1E0); border-top-color: var(--sg-brand-600);
animation: sg-ft-gira .8s linear infinite;
}
@keyframes sg-ft-gira { to { transform: rotate(360deg); } }
/* popup do elemento (novo / editar / detalhes) */
.ol-popup.sg-ftp, .ol-popup:has(#ft-ol-popup-title) { min-width: 300px; max-width: 360px; }
#ft-ol-popup-title {
display: flex; align-items: center; min-height: 48px; margin: 0; padding: 12px 48px 12px 16px; box-sizing: border-box;
border-bottom: 1px solid var(--sg-border-soft); font: 600 14px/1.3 var(--sg-font); color: var(--sg-text);
}
#ft-ol-popup-content { padding: 14px 16px 16px; font: 13px/1.45 var(--sg-font); color: var(--sg-text); }
#ft-ol-popup-content:empty::before {
content: ""; display: block; width: 22px; height: 22px; margin: 6px auto; border-radius: 50%;
border: 3px solid var(--sg-border-strong, #CDD1E0); border-top-color: var(--sg-brand-600); animation: sg-ft-gira .8s linear infinite;
}
#ft-ol-popup-content .sg-ftp__form { margin: 0; padding: 0; }
.sg-ftp__campos { display: flex; flex-direction: column; gap: 12px; max-height: 46vh; overflow-y: auto; margin: -2px -4px 0; padding: 2px 4px; }
.sg-ftp__campo { display: flex; flex-direction: column; gap: 5px; }
.sg-ftp__campo label { margin: 0; font-size: 12px; font-weight: 600; color: var(--sg-text-2, #4A4F6A); }
.sg-ftp__obrigatorio { color: var(--sg-danger); }
.sg-ftp__campo input[type=text], .sg-ftp__campo select, .sg-ftp__campo textarea {
width: 100% !important; box-sizing: border-box; height: 36px; margin: 0; padding: 0 10px;
border: 1px solid var(--sg-border-strong, #CDD1E0); border-radius: 8px; background: #fff; box-shadow: none;
font: 13.5px var(--sg-font); color: var(--sg-text);
}
.sg-ftp__campo textarea { height: auto; min-height: 72px; padding: 8px 10px; resize: vertical; }
.sg-ftp__campo select[multiple] { height: auto; min-height: 90px; padding: 4px; }
.sg-ftp__campo input:focus, .sg-ftp__campo select:focus, .sg-ftp__campo textarea:focus { outline: none; border-color: var(--sg-brand-500); box-shadow: 0 0 0 3px var(--sg-focus); }
.sg-ftp__campo--bool { flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 8px; }
.sg-ftp__campo--bool input[type=checkbox] { width: 16px; height: 16px; margin: 0; accent-color: var(--sg-brand-700); }
.sg-ftp__vazio { margin: 0; padding: 10px 12px; border-radius: 10px; background: var(--sg-surface-alt, #F4F5FA); color: var(--sg-text-muted); font-size: 12.5px; }
.sg-ftp__acoes { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 16px; }
#ft-ol-popup-content .sg-ftp__salvar, #ft-ol-popup-content .sg-ftp__secundario, #ft-ol-popup-content .sg-ftp__excluir {
height: 36px; width: auto; margin: 0; padding: 0 14px; border-radius: 9px; cursor: pointer; box-shadow: none;
font: 600 13px var(--sg-font); transition: background-color .12s, border-color .12s, color .12s;
}
#ft-ol-popup-content .sg-ftp__salvar { border: 0; background: var(--sg-brand-600); color: #fff; }
#ft-ol-popup-content .sg-ftp__salvar:hover { background: var(--sg-brand-700); }
#ft-ol-popup-content .sg-ftp__salvar:disabled { opacity: .7; cursor: progress; }
#ft-ol-popup-content .sg-ftp__secundario { border: 1px solid var(--sg-border-strong, #CDD1E0); background: #fff; color: var(--sg-text); }
#ft-ol-popup-content .sg-ftp__secundario:hover { background: var(--sg-surface-alt, #F4F5FA); }
#ft-ol-popup-content .sg-ftp__excluir { margin-right: auto; padding: 0 10px; border: 0; background: none; color: var(--sg-danger); }
#ft-ol-popup-content .sg-ftp__excluir:hover { background: var(--sg-danger-bg); }
.sg-ftp__lista { display: grid; grid-template-columns: minmax(90px, auto) 1fr; gap: 8px 14px; margin: 0; max-height: 46vh; overflow-y: auto; }
.sg-ftp__lista dt { font-size: 12px; font-weight: 500; color: var(--sg-text-muted); }
.sg-ftp__lista dd { margin: 0; font-weight: 600; color: var(--sg-text); word-break: break-word; }
.sg-ftp__traco { color: var(--sg-placeholder, #A0A4B8); font-weight: 400; }
.sg-ftp__detalhes .sg-ftp__acoes { margin-top: 14px; }
/* Botão "Tabela" das camadas personalizadas no painel de camadas */
.ol-layerswitcher .panel .ol-layerswitcher-buttons > .layerInfo {
display: inline-flex; align-items: center; gap: 4px; width: auto; height: 24px; padding: 0 8px 0 6px; margin-left: 2px;
border-radius: 999px; background: var(--sg-brand-50); color: var(--sg-brand-700);
box-shadow: inset 0 0 0 1px var(--sg-brand-100);
}
.ol-layerswitcher .panel .ol-layerswitcher-buttons > .layerInfo:hover { background: var(--sg-brand-600); color: #fff; box-shadow: none; }
.ol-layerswitcher .panel .ol-layerswitcher-buttons > .layerInfo::before {
position: static; display: block; flex: none; width: 14px; height: 14px; color: inherit; font-size: 0;
}
.ol-layerswitcher .panel .ol-layerswitcher-buttons > .layerInfo::after {
content: "Tabela"; display: block; position: static; width: auto; height: auto; margin: 0; border: 0; background: none;
font: 600 11.5px/1 var(--sg-font); color: inherit; transform: none;
}
/* ===================================================================
Tabela de elementos: recolher / redimensionar (SgFtPainel, mapa/sg_desenho.js)
=================================================================== */
#feature-table { transition: height .18s ease; }
body.sg-ft-arrastando #feature-table { transition: none; }
body.sg-ft-arrastando, body.sg-ft-arrastando * { cursor: ns-resize !important; user-select: none !important; }
.sg-ft__alca {
position: absolute; top: 0; left: 0; right: 0; z-index: 4; height: 8px; margin-top: -4px; cursor: ns-resize; outline: none;
}
.sg-ft__alca::after {
content: ""; position: absolute; left: 50%; top: 5px; width: 44px; height: 4px; margin-left: -22px; border-radius: 4px;
background: var(--sg-border, #D6D9E6); transition: background-color .12s;
}
.sg-ft__alca:hover::after, .sg-ft__alca:focus-visible::after { background: var(--sg-brand-400, #7F89FF); }
#feature-table .sg-ft__recolher svg { transition: transform .18s ease; }
#feature-table.is-recolhido .sg-ft__recolher svg { transform: rotate(180deg); }
#feature-table.is-recolhido .sg-ft__rolagem,
#feature-table.is-recolhido .sg-ft__rodape { display: none; }
#feature-table.is-recolhido .sg-ft__topo { border-bottom: 0; }
#feature-table.is-recolhido .sg-ft__alca { display: none; }
/* ===================================================================
Barra flutuante de desenho (SgDesenho)
=================================================================== */
.sg-desenho {
position: absolute; z-index: 20; top: 12px; left: 50%; transform: translateX(-50%);
display: flex; align-items: center; gap: 12px; max-width: calc(100% - 140px); padding: 8px 8px 8px 10px;
background: var(--sg-surface, #fff); border: 1px solid var(--sg-border, #E2E4EE); border-radius: 14px;
box-shadow: 0 10px 30px rgba(20, 22, 58, .18); font: 13px/1.35 var(--sg-font); color: var(--sg-text);
animation: sg-desenho-entra .16s ease-out;
}
.sg-desenho[hidden] { display: none; }
@keyframes sg-desenho-entra { from { opacity: 0; transform: translate(-50%, -6px); } }
.sg-desenho__icone {
flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px;
background: var(--sg-brand-50, #EEF0FF); color: var(--sg-brand-700, #3C43C9);
}
.sg-desenho[data-modo="editar"] .sg-desenho__icone { background: #FFF6E5; color: #9A5B00; }
.sg-desenho[data-modo="info"] .sg-desenho__icone { background: #E8F7EF; color: #157A50; }
.sg-desenho__texto { display: flex; flex-direction: column; min-width: 0; }
.sg-desenho__titulo { font-weight: 600; font-size: 13.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sg-desenho__dica { font-size: 12.5px; color: var(--sg-text-muted, #6B7088); }
.sg-desenho__acoes { flex: none; display: flex; gap: 6px; }
.sg-desenho__botao {
display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 12px; border-radius: 9px; cursor: pointer;
border: 1px solid var(--sg-border, #E2E4EE); background: #fff; color: var(--sg-text-2, #4A4F6A); font: 600 12.5px var(--sg-font);
}
.sg-desenho__botao:hover:not(:disabled) { background: var(--sg-surface-alt, #F4F5FA); color: var(--sg-text); }
.sg-desenho__botao:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--sg-focus); }
.sg-desenho__botao:disabled { opacity: .45; cursor: default; }
.sg-desenho__botao[hidden] { display: none; }
.sg-desenho__botao--primario { background: var(--sg-brand-600, #4B55EC); border-color: var(--sg-brand-600, #4B55EC); color: #fff; }
.sg-desenho__botao--primario:hover:not(:disabled) { background: var(--sg-brand-700, #3C43C9); color: #fff; }
.sg-desenho__botao--sair:hover:not(:disabled) { background: var(--sg-danger-bg, #FDECEC); color: var(--sg-danger, #B42318); border-color: transparent; }
@media (max-width: 900px) {
.sg-desenho { left: 12px; right: 12px; transform: none; max-width: none; flex-wrap: wrap; }
@keyframes sg-desenho-entra { from { opacity: 0; } }
.sg-desenho__botao span { display: none; }
}
/* ===================================================================
Seletor de camadas em mapas pequenos (minimapa das fichas, numeração predial…)
O painel media a altura pela janela (100vh) e, num mapa de ~400px, passava da borda do mapa —
a parte de baixo ficava cortada e não dava para rolar. Aqui o controle ocupa a coluna direita do
próprio mapa e o painel rola dentro dela.
=================================================================== */
div:not(.mapa-full) > .ol-viewport .ol-control.ol-layerswitcher {
top: 8px; right: 8px; bottom: 8px; left: 66px;
display: flex; flex-direction: column; align-items: flex-end;
pointer-events: none; /* a área vazia não bloqueia o mapa */
}
div:not(.mapa-full) > .ol-viewport .ol-control.ol-layerswitcher > button,
div:not(.mapa-full) > .ol-viewport .ol-control.ol-layerswitcher .panel { pointer-events: auto; }
div:not(.mapa-full) > .ol-viewport .ol-control.ol-layerswitcher > button { flex: none; float: none; height: 34px; padding: 0 12px 0 10px; font-size: 13px; }
div:not(.mapa-full) > .ol-viewport .ol-control.ol-layerswitcher .panel {
flex: 0 1 auto; min-height: 0;
width: 100%; max-width: 300px; max-height: none;
margin-top: 6px;
overscroll-behavior: contain;
}
/* sombra no rodapé enquanto há camadas abaixo (indica que dá para rolar) */
div:not(.mapa-full) > .ol-viewport .ol-control.ol-layerswitcher .panel {
background:
linear-gradient(var(--sg-surface) 30%, rgba(255,255,255,0)) center top / 100% 24px no-repeat local,
linear-gradient(rgba(255,255,255,0), var(--sg-surface) 70%) center bottom / 100% 24px no-repeat local,
radial-gradient(farthest-side at 50% 0, rgba(20,22,58,.14), rgba(20,22,58,0)) center top / 100% 10px no-repeat scroll,
radial-gradient(farthest-side at 50% 100%, rgba(20,22,58,.14), rgba(20,22,58,0)) center bottom / 100% 10px no-repeat scroll,
var(--sg-surface);
}
div:not(.mapa-full) > .ol-viewport .ol-layerswitcher .panel > li.ol-header { padding: 10px 14px 9px; }
div:not(.mapa-full) > .ol-viewport .ol-layerswitcher .panel::-webkit-scrollbar { width: 10px; }
/*
* Menu lateral do sistema (layouts/_top_menu + inicial/_search).
* Aberto: --sg-sidebar-w | Recolhido (html.sg-collapsed): --sg-sidebar-w-recolhido
*/
/* ---------- Espaço reservado para o menu em todas as telas ---------- */
body.sg-com-menu {
padding-left: var(--sg-sidebar-w);
transition: padding-left .2s ease;
}
html.sg-collapsed body.sg-com-menu { padding-left: var(--sg-sidebar-w-recolhido); }
/* telas que escondem o #header via JS (ex.: importação, impressão): classe aplicada por _top_menu */
body.sg-com-menu.sg-menu-oculto { padding-left: 0; }
body.sg-com-menu.sg-menu-oculto .main-view-port { left: 0; }
/* conteúdo das telas de cadastro: antes compensava a barra superior de 60px */
body.sg-com-menu div.conteudo { margin-top: 28px; }
/* tela do mapa ocupa o espaço ao lado do menu */
body.sg-com-menu .main-view-port {
top: 0;
right: 0;
left: var(--sg-sidebar-w);
width: auto;
transition: left .2s ease;
}
html.sg-collapsed body.sg-com-menu .main-view-port { left: var(--sg-sidebar-w-recolhido); }
/* ---------- Estrutura ---------- */
.sg-sidebar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
z-index: 1000;
display: flex;
flex-direction: column;
width: var(--sg-sidebar-w);
font-family: var(--sg-font);
color: var(--sg-text);
background: var(--sg-sidebar-bg);
border-right: 1px solid var(--sg-border-soft);
--sg-hover: var(--sg-sidebar-hover);
box-shadow: 1px 0 0 rgba(20, 22, 58, .02), 4px 0 18px rgba(20, 22, 58, .04);
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
transition: width .2s ease;
}
.sg-sidebar *,
.sg-sidebar *::before,
.sg-sidebar *::after { box-sizing: border-box; }
.sg-sidebar svg { display: block; flex: none; }
/* Logo */
.sg-sidebar__top {
display: flex;
align-items: center;
justify-content: center;
flex: none;
height: 92px;
padding: 16px 20px 12px;
}
.sg-sidebar a.sg-sidebar__brand { display: flex; align-items: center; text-decoration: none; }
.sg-sidebar__logo { display: block; width: auto; max-width: 100%; height: 60px; }
.sg-sidebar__brasao { display: none; width: auto; height: 46px; }
/* Busca rápida */
.sg-sidebar__search { flex: none; padding: 4px 16px 12px; }
.sg-sidebar form.sg-search { position: relative; display: flex; align-items: center; margin: 0; }
.sg-search__icon {
position: absolute;
left: 11px;
width: 18px;
height: 18px;
color: var(--sg-placeholder);
pointer-events: none;
}
.sg-sidebar input.sg-search__input {
width: 100%;
height: 40px;
margin: 0;
padding: 0 40px 0 36px;
font-family: var(--sg-font);
font-size: 14px;
color: var(--sg-text);
background: var(--sg-surface);
border: 1px solid var(--sg-border);
border-radius: 10px;
outline: none;
box-shadow: none;
transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.sg-sidebar input.sg-search__input::placeholder { color: var(--sg-placeholder); }
.sg-sidebar input.sg-search__input:focus {
background: var(--sg-surface);
border-color: var(--sg-brand-600);
box-shadow: 0 0 0 4px var(--sg-focus);
}
.sg-search:focus-within .sg-search__icon { color: var(--sg-brand-600); }
.sg-sidebar button.sg-search__submit {
position: absolute;
right: 5px;
display: grid;
place-items: center;
width: 30px;
height: 30px;
margin: 0;
padding: 0;
color: #fff;
background: var(--sg-brand-700);
border: 0;
border-radius: 8px;
cursor: pointer;
}
.sg-sidebar button.sg-search__submit svg { width: 16px; height: 16px; }
.sg-sidebar button.sg-search__submit:hover { background: var(--sg-ink-900); }
.sg-sidebar button.sg-search__submit:disabled { opacity: 0; pointer-events: none; }
.sg-sidebar button.sg-sidebar__search-btn { display: none; }
/* ---------- Navegação ---------- */
.sg-nav {
flex: 1;
min-height: 0;
overflow-y: auto;
overflow-x: hidden;
padding: 4px 12px 12px;
scrollbar-width: thin;
scrollbar-color: var(--sg-scrollbar) transparent;
}
.sg-sidebar .sg-nav__list { margin: 0; padding: 0; list-style: none; }
.sg-nav__list > li { position: relative; margin: 0 0 2px; padding: 0; }
.sg-sidebar .sg-nav__list > li > a.link_menu {
position: relative;
display: flex;
align-items: center;
gap: 12px;
height: 42px;
padding: 0 12px;
font-size: 14px;
font-weight: 500;
line-height: 1;
color: var(--sg-text-2);
text-decoration: none;
white-space: nowrap;
border-radius: 10px;
transition: background-color .12s ease, color .12s ease;
}
/* ícone da seção */
.sg-sidebar .sg-nav__list > li > a.link_menu::before {
content: '';
flex: none;
width: 20px;
height: 20px;
background-color: currentColor;
-webkit-mask-position: center; mask-position: center;
-webkit-mask-size: contain; mask-size: contain;
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
opacity: .85;
}
.sg-sidebar .sg-nav__list > li > a.link_menu:hover,
.sg-sidebar .sg-nav__list > li > a.link_menu:focus-visible {
color: var(--sg-text);
background: var(--sg-hover);
outline: none;
}
.sg-sidebar .sg-nav__list > li.has-current > a.link_menu { color: var(--sg-text); font-weight: 600; }
.sg-sidebar .sg-nav__list > li > a.link_menu.is-current {
color: var(--sg-brand-700);
background: var(--sg-brand-50);
font-weight: 600;
}
/* chevron da seção (span .caret-down do helper) */
.sg-sidebar .caret-down {
display: block;
width: 7px;
height: 7px;
margin: -3px 2px 0 auto;
border: 0;
border-right: 1.6px solid currentColor;
border-bottom: 1.6px solid currentColor;
transform: rotate(45deg);
opacity: .55;
transition: transform .18s ease;
}
.sg-nav__list > li.is-open > a .caret-down { transform: translateY(3px) rotate(-135deg); }
/* Subitens */
.sg-sidebar .sg-nav__list > li > ul {
display: none;
margin: 2px 0 8px 22px;
padding: 0 0 0 12px;
list-style: none;
border-left: 1px solid var(--sg-border-soft);
}
.sg-sidebar .sg-nav__list > li.is-open > ul { display: block; }
.sg-nav__list > li > ul > li { margin: 0; padding: 0; }
.sg-sidebar .sg-nav__list > li > ul a.link_menu {
position: relative;
display: flex;
align-items: center;
height: 34px;
padding: 0 10px;
font-size: 13.5px;
font-weight: 450;
line-height: 1;
color: var(--sg-text-muted);
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 8px;
background: none;
transition: background-color .12s ease, color .12s ease;
}
.sg-sidebar .sg-nav__list > li > ul a.link_menu:hover,
.sg-sidebar .sg-nav__list > li > ul a.link_menu:focus-visible {
color: var(--sg-text);
background: var(--sg-hover);
outline: none;
}
.sg-sidebar .sg-nav__list > li > ul a.link_menu.is-current {
color: var(--sg-brand-700);
background: var(--sg-brand-50);
font-weight: 600;
}
.sg-sidebar .sg-nav__list > li > ul a.link_menu.is-current::before {
content: '';
position: absolute;
left: -13px;
top: 8px;
bottom: 8px;
width: 2px;
background: var(--sg-brand-600);
border-radius: 2px;
}
/* ---------- Rodapé: usuário + recolher ---------- */
.sg-sidebar__footer {
flex: none;
display: flex;
flex-direction: column;
gap: 4px;
padding: 10px 12px 12px;
border-top: 1px solid var(--sg-border-soft);
}
.sg-user { position: relative; }
.sg-sidebar button.sg-user__trigger {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
height: 52px;
margin: 0;
padding: 0 10px 0 8px;
font-family: var(--sg-font);
color: var(--sg-text);
text-align: left;
background: transparent;
border: 0;
border-radius: 10px;
cursor: pointer;
transition: background-color .12s ease;
}
.sg-sidebar button.sg-user__trigger:hover,
.sg-user.is-open .sg-user__trigger { background: var(--sg-hover); }
.sg-sidebar button.sg-user__trigger:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--sg-focus); }
.sg-user__avatar {
display: grid;
place-items: center;
flex: none;
width: 36px;
height: 36px;
font-size: 13px;
font-weight: 600;
letter-spacing: .02em;
color: #fff;
background: linear-gradient(135deg, var(--sg-brand-600), var(--sg-brand-500));
border-radius: 50%;
}
.sg-user__info { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; line-height: 1.1; }
.sg-user__name, .sg-user__role { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sg-user__name { font-size: 13.5px; font-weight: 600; color: var(--sg-text); }
.sg-user__role { font-size: 12px; color: var(--sg-text-muted); }
.sg-chevron { width: 16px; height: 16px; color: var(--sg-text-muted); }
/* menu do usuário abre para cima */
.sg-sidebar .sg-menu {
position: absolute;
left: 0;
right: 0;
bottom: calc(100% + 6px);
z-index: 10;
padding: 6px;
background: var(--sg-surface);
border: 1px solid var(--sg-border-soft);
border-radius: 12px;
box-shadow: var(--sg-shadow-lg);
opacity: 0;
visibility: hidden;
transform: translateY(4px);
transition: opacity .14s ease, transform .14s ease, visibility 0s linear .14s;
}
.sg-sidebar .sg-user.is-open > .sg-menu {
opacity: 1;
visibility: visible;
transform: none;
transition: opacity .14s ease, transform .14s ease, visibility 0s;
}
.sg-sidebar a.sg-menu__item {
display: flex;
align-items: center;
gap: 10px;
height: 38px;
padding: 0 10px;
font-size: 13.5px;
font-weight: 500;
color: var(--sg-text-2);
text-decoration: none;
white-space: nowrap;
border-radius: 8px;
}
.sg-sidebar a.sg-menu__item:hover { color: var(--sg-brand-700); background: var(--sg-brand-50); text-decoration: none; }
.sg-menu__item svg { width: 18px; height: 18px; color: currentColor; }
.sg-menu__sep { height: 1px; margin: 4px 0; background: var(--sg-border-soft); }
.sg-sidebar a.sg-menu__item--danger { color: var(--sg-danger); }
.sg-sidebar a.sg-menu__item--danger:hover { color: var(--sg-danger); background: var(--sg-danger-bg); }
.sg-sidebar button.sg-sidebar__toggle {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
height: 38px;
margin: 0;
padding: 0 12px;
font-family: var(--sg-font);
font-size: 13px;
font-weight: 500;
color: var(--sg-text-muted);
background: transparent;
border: 0;
border-radius: 10px;
cursor: pointer;
}
.sg-sidebar button.sg-sidebar__toggle svg { width: 20px; height: 20px; transition: transform .2s ease; }
.sg-sidebar button.sg-sidebar__toggle:hover { color: var(--sg-text); background: var(--sg-hover); }
/* ======================================================================
Recolhido: faixa de ícones, seções abrem em flyout
====================================================================== */
html.sg-collapsed .sg-sidebar { width: var(--sg-sidebar-w-recolhido); }
html.sg-collapsed .sg-sidebar__top { padding: 16px 8px 12px; }
html.sg-collapsed .sg-sidebar__logo { display: none; }
html.sg-collapsed .sg-sidebar__brasao { display: block; }
html.sg-collapsed .sg-sidebar__search { padding: 4px 12px 8px; }
html.sg-collapsed .sg-sidebar form.sg-search { display: none; }
html.sg-collapsed .sg-sidebar button.sg-sidebar__search-btn {
display: grid;
place-items: center;
width: 48px;
height: 42px;
margin: 0;
padding: 0;
color: var(--sg-text-2);
background: var(--sg-surface);
border: 1px solid var(--sg-border);
border-radius: 10px;
cursor: pointer;
}
html.sg-collapsed .sg-sidebar button.sg-sidebar__search-btn svg { width: 20px; height: 20px; }
html.sg-collapsed .sg-sidebar button.sg-sidebar__search-btn:hover { color: var(--sg-text); background: var(--sg-hover); }
html.sg-collapsed .sg-nav { overflow: visible; padding: 4px 12px; }
html.sg-collapsed .sg-sidebar .sg-nav__list > li > a.link_menu {
justify-content: center;
width: 48px;
padding: 0;
font-size: 0;
gap: 0;
}
html.sg-collapsed .sg-sidebar .caret-down { display: none; }
html.sg-collapsed .sg-sidebar .sg-nav__list > li.has-current > a.link_menu {
color: var(--sg-brand-700);
background: var(--sg-brand-50);
}
/* flyout com o nome da seção e os itens */
html.sg-collapsed .sg-sidebar .sg-nav__list > li > ul,
html.sg-collapsed .sg-sidebar .sg-nav__list > li > a.link_menu:not([href="#"])::after {
position: absolute;
top: 0;
left: calc(100% + 10px);
z-index: 20;
margin: 0;
background: var(--sg-surface);
border: 1px solid var(--sg-border-soft);
border-radius: 12px;
box-shadow: var(--sg-shadow-lg);
}
html.sg-collapsed .sg-sidebar .sg-nav__list > li > ul {
display: block;
min-width: 220px;
max-height: calc(100vh - 24px);
overflow-y: auto;
padding: 6px;
opacity: 0;
visibility: hidden;
transform: translateX(-4px);
transition: opacity .12s ease, transform .12s ease, visibility 0s linear .12s;
}
/* "ponte" invisível para o mouse não perder o hover ao atravessar o espaço */
html.sg-collapsed .sg-sidebar .sg-nav__list > li > ul::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: -14px;
width: 14px;
}
html.sg-collapsed .sg-sidebar .sg-nav__list > li:hover > ul,
html.sg-collapsed .sg-sidebar .sg-nav__list > li:focus-within > ul {
opacity: 1;
visibility: visible;
transform: none;
transition: opacity .12s ease, transform .12s ease, visibility 0s;
}
html.sg-collapsed .sg-sidebar .sg-nav__list > li > ul a.link_menu.is-current::before { display: none; }
/* título da seção no topo do flyout (vem do texto do link pai via data-attr não existe; usamos o próprio link) */
html.sg-collapsed .sg-sidebar .sg-nav__list > li > a.link_menu:not([href="#"])::after {
content: attr(data-rotulo);
display: none;
}
/* itens sem submenu (Mapa, Ajuda): rótulo como tooltip */
html.sg-collapsed .sg-sidebar .sg-nav__list > li > a.link_menu[data-rotulo]:not([href="#"]):hover::after {
display: block;
top: 50%;
padding: 7px 10px;
font-size: 12.5px;
font-weight: 500;
color: #fff;
white-space: nowrap;
background: var(--sg-ink-900);
border: 0;
border-radius: 6px;
transform: translateY(-50%);
}
html.sg-collapsed .sg-user__info,
html.sg-collapsed .sg-sidebar .sg-chevron,
html.sg-collapsed .sg-sidebar button.sg-sidebar__toggle span { display: none; }
html.sg-collapsed .sg-sidebar__footer { align-items: center; padding: 10px 8px 12px; }
html.sg-collapsed .sg-sidebar button.sg-user__trigger { justify-content: center; width: 52px; padding: 0; }
html.sg-collapsed .sg-sidebar .sg-menu { left: calc(100% + 10px); right: auto; bottom: 0; width: 220px; }
html.sg-collapsed .sg-sidebar button.sg-sidebar__toggle { justify-content: center; width: 48px; padding: 0; }
html.sg-collapsed .sg-sidebar button.sg-sidebar__toggle svg { transform: scaleX(-1); }
@media (prefers-reduced-motion: reduce) {
.sg-sidebar, .sg-sidebar *, body.sg-com-menu, .main-view-port { transition: none !important; }
}
/* ---------- Ícones das seções ---------- */
.sg-nav__list > li > a.link_menu::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E"); }
.sg-nav__list > li > a.sg-secao-mapa::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.1 5.55a2 2 0 0 0 1.8 0l3.65-1.83A1 1 0 0 1 21 4.62v12.76a1 1 0 0 1-.55.9l-4.55 2.27a2 2 0 0 1-1.8 0l-4.2-2.1a2 2 0 0 0-1.8 0l-3.65 1.83A1 1 0 0 1 3 19.38V6.62a1 1 0 0 1 .55-.9l4.55-2.27a2 2 0 0 1 1.8 0z'/%3E%3Cpath d='M15 5.76v15M9 3.24v15'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.1 5.55a2 2 0 0 0 1.8 0l3.65-1.83A1 1 0 0 1 21 4.62v12.76a1 1 0 0 1-.55.9l-4.55 2.27a2 2 0 0 1-1.8 0l-4.2-2.1a2 2 0 0 0-1.8 0l-3.65 1.83A1 1 0 0 1 3 19.38V6.62a1 1 0 0 1 .55-.9l4.55-2.27a2 2 0 0 1 1.8 0z'/%3E%3Cpath d='M15 5.76v15M9 3.24v15'/%3E%3C/svg%3E"); }
.sg-nav__list > li > a.sg-secao-administracao::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7h-9M14 17H5'/%3E%3Ccircle cx='17' cy='17' r='3'/%3E%3Ccircle cx='7' cy='7' r='3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7h-9M14 17H5'/%3E%3Ccircle cx='17' cy='17' r='3'/%3E%3Ccircle cx='7' cy='7' r='3'/%3E%3C/svg%3E"); }
.sg-nav__list > li > a.sg-secao-cadastro::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cpath d='M9 22v-4h6v4M8 6h.01M12 6h.01M16 6h.01M8 10h.01M12 10h.01M16 10h.01M8 14h.01M12 14h.01M16 14h.01'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='2' width='16' height='20' rx='2'/%3E%3Cpath d='M9 22v-4h6v4M8 6h.01M12 6h.01M16 6h.01M8 10h.01M12 10h.01M16 10h.01M8 14h.01M12 14h.01M16 14h.01'/%3E%3C/svg%3E"); }
.sg-nav__list > li > a.sg-secao-coleta::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='2' width='8' height='4' rx='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='2' width='8' height='4' rx='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='m9 14 2 2 4-4'/%3E%3C/svg%3E"); }
.sg-nav__list > li > a.sg-secao-ferramentas::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E"); }
.sg-nav__list > li > a.sg-secao-ajuda::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3M12 17h.01'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3M12 17h.01'/%3E%3C/svg%3E"); }
/* título da seção dentro do flyout (inserido via JS; só aparece recolhido) */
.sg-sidebar li.sg-nav__flyout-titulo { display: none; }
html.sg-collapsed .sg-sidebar li.sg-nav__flyout-titulo {
display: block;
padding: 6px 10px 8px;
font-size: 11.5px;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--sg-text-muted);
}
/*
* Identidade visual — Prefeitura de Lauro de Freitas.
* Paleta derivada da cor da logomarca (#5F6BFF). Variáveis compartilhadas por:
* menu lateral (sg_sidebar.css), controles do mapa (sg_mapa.css) e tela de login (login.css).
*
* Contraste (WCAG): texto branco sobre brand-600 = 5,5:1 | brand-700 = 7,4:1.
* O tom puro da logo (brand-500) fica para ícones, avatar e detalhes, não para texto sobre branco.
*/
:root {
--sg-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
/* Marca */
--sg-brand-50: #EEF0FF;
--sg-brand-100: #E0E3FF;
--sg-brand-200: #C6CBFF;
--sg-brand-300: #A3AAFF;
--sg-brand-400: #7F89FF;
--sg-brand-500: #5F6BFF; /* cor da logomarca */
--sg-brand-600: #4B55EC; /* links, foco, checkbox, itens ativos */
--sg-brand-700: #3C43C9; /* botões primários, texto ativo */
--sg-brand-800: #30359E;
--sg-ink-900: #1A1C4B; /* hover de botões, tooltips */
--sg-ink-950: #11132F; /* fundos escuros (login) */
/* Neutros (levemente frios, para conversar com o roxo) */
--sg-text: #14172E;
--sg-text-2: #353A55;
--sg-text-muted: #5E6382;
--sg-placeholder: #8C90AD;
--sg-icon: #4A4F6B;
--sg-border: #D9DBEA;
--sg-border-strong: #BEC1D8;
--sg-border-soft: #E8E9F3;
--sg-surface: #FFFFFF;
--sg-surface-alt: #F5F6FB;
--sg-hover: #EFF0F8;
/* Fundos em tom "gelo" (frio, levemente azulado) */
--sg-bg-page: #EEF1F7; /* fundo das páginas */
--sg-sidebar-bg: #F4F6FA; /* barra lateral */
--sg-sidebar-hover: #E7EBF3; /* hover dos itens sobre o gelo */
--sg-scrollbar: #CDD0E3;
--sg-focus: rgba(75, 85, 236, .22);
/* Estados */
--sg-danger: #B42318;
--sg-danger-bg: #FEF3F2;
--sg-danger-border: #FDA29B;
--sg-info: var(--sg-brand-700);
--sg-info-bg: var(--sg-brand-50);
--sg-info-border: var(--sg-brand-200);
--sg-radius-sm: 6px;
--sg-radius: 10px;
--sg-radius-lg: 14px;
--sg-shadow-sm: 0 1px 2px rgba(20, 22, 58, .06);
--sg-shadow: 0 1px 2px rgba(20, 22, 58, .06), 0 4px 14px rgba(20, 22, 58, .10);
--sg-shadow-lg: 0 2px 6px rgba(20, 22, 58, .06), 0 14px 36px rgba(20, 22, 58, .16);
--sg-navbar-h: 0px; /* não há mais barra superior; mantido p/ cálculos do mapa */
--sg-sidebar-w: 264px;
--sg-sidebar-w-recolhido: 72px;
}
/* Tooltips do jQuery UI ($(document).tooltip()) no padrão da identidade */
.ui-tooltip.ui-widget,
.ui-tooltip.ui-widget-content {
max-width: 280px;
padding: 6px 10px;
font-family: var(--sg-font);
font-size: 12.5px;
font-weight: 500;
line-height: 1.35;
color: #fff;
background: var(--sg-ink-900);
border: 0;
border-radius: 6px;
box-shadow: var(--sg-shadow);
}
.ui-dialog { z-index: 10000 !important ;}
.ui-front { z-index: 10000 !important; }
.header {
background-image: url('body_bk.jpg');
width: 100%;
position: fixed;
top: 0px;
z-index: 1;
height: 60px;
border-color: #a9a9a9;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-radius: 0px;
border-style: solid;
}
.main-view-port {
position: absolute;
width: 100%;
height: 100%
}
.left-full {
width: 100%;
height: 100%;
}
.left-50-h{
width: 50%;
height: 100%;
}
.left-50-v{
width: 100%;
height: 50%
}
/* DIVS */
.div_table {
width: 100%;
display: table;
}
.div_linha_1 {
margin: 3px;
overflow:hidden;
}
.div_linha_2 {
margin: 3px;
overflow:hidden;
}
.div_coluna {
float: left;
}
fieldset.impressao {
border-color: transparent;
margin: 0;
padding: 0;
width: 100%;
font-size: 10px !important;
}
div fieldset.impressao table tr td,
div fieldset.impressao table tr td span,
fieldset.impressao table tr td,
fieldset.impressao table tr td span,
legend{
font-size: 8px !important;
}
fieldset.impressao_borda {
margin: 0;
padding: 0;
width: 100%;
}
.link_to_new {
background: url(icons/new_20.png) no-repeat;
padding: 2px 0 2px 20px;
}
.botao_delete {
background: url(icons/deletar.gif) no-repeat;
border: none;
height: 16px;
width: 16px;
cursor: pointer;
}
.botao_block {
background: url(icons/checked_15.png) no-repeat;
border: none;
height: 16px;
width: 16px;
cursor: pointer;
}
.botao_unblock {
background: url(icons/unchecked_15.png) no-repeat;
border: none;
height: 16px;
width: 16px;
cursor: pointer;
}
div.auto_complete_list {
overflow: hidden;
display: none;
position:absolute;
left: 333px;
top: 290px;
width: auto;
background: antiquewhite;
border: 1px solid;
cursor: pointer;
}
div.auto_complete_field:hover {
background: #E2DF84;
}
input.remover {
background: none;
border: none;
cursor: pointer;
color: white;
font-weight: bold;
text-shadow: black 1px 1px 2px;
}
input.remover:hover {
color: yellow;
}
.hidden {
position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden;
}
/*.tooltip {*/
/*background-color:#000;*/
/*border:1px solid #fff;*/
/*padding:10px 15px;*/
/*width:auto;*/
/*display:none;*/
/*color:#fff;*/
/*text-align:left;*/
/*font-size:12px;*/
/*!* outline radius for mozilla/firefox only *!*/
/*-moz-box-shadow:0 0 10px #000;*/
/*-webkit-box-shadow:0 0 10px #000;*/
/*}*/
/*PADRÃO DO CORPO DO HTML*/
body{
/* background: #CCC url('../assets/body_bk.jpg'); */
background-color: #FFF;
margin: 0 0 0;
}
div.ie {
margin: 30px 0 0 0;
}
div.list_custom_field {
float: left;
width: 285px;
}
div.list_custom_field_text {
float: left;
width: 570px;
height: 55px;
overflow: overlay;
}
/*PADRÃO GERAL PARA TABELAS, LINHAS E COLUNAS*/
table {
width: 100%;
border-spacing: 0 0;
border-collapse: collapse;
}
table tr.item_0 {
background: url('tr_item_0_bk.png');
color: #333;
text-shadow: black;
height: 27px;
font-weight: bold;
text-transform: capitalize;
}
table tr.item_0 td a {
color:#FFF;
}
table tr.item_1 {
/* background: url('../assets/tr_item_1_bk.png'); */
background: #EAE6E3;
height: 25px;
}
table tr.item_2 {
/* background: url('../assets/tr_item_2_bk.png'); */
background: #D8D3CF;
height: 25px;
}
table tr.Cadastrado {
background: #A7DEA5;
height: 25px;
}
table tr.Revisita {
background: #E2DF84;
height: 25px;
}
table tr.Não.Permitido {
background: #E69A9A;
height: 25px;
}
table tr.Fechado {
background: #F8C497;
height: 25px;
}
table tr.Cadastrado:hover {
background: #2BE400;
height: 25px;
cursor: pointer;
}
table tr.Revisita:hover {
background: yellow;
height: 25px;
cursor: pointer;
}
table tr.Não.Permitido:hover {
background: red;
height: 25px;
cursor: pointer;
}
table tr.Fechado:hover {
background: #FC7600;
height: 25px;
cursor: pointer;
}
table tr.item_1:hover, table tr.item_2:hover {
/*background-color: #FAEBD7;*/
background: #FFF6E6;
cursor: pointer;
}
table tr.item_1 a, tr.item_2 a,tr.Cadastrado a,tr.Fechado a,tr.Não.Permitido a,tr.Revisita a{
color: #383838;
}
table a.mostrar:hover {
color: #008800;
}
table a.alterar:hover {
color: #e3aa24;
}
table a.cancelar:hover {
color: #FF0000;
}
table td {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 4px 10px 4px 10px;
white-space: nowrap;
}
table td.conteudo {
vertical-align: top;
padding: 0 0 0 0;
}
table td.rotulo {
/*font-weight: bold;*/
color:#000000;
}
table td.rotulo:after {
content: ':';
}
table td.rotulo span {
display: inline-block;
border: 1px solid #666666;
background: #999999;
width: 20px;
text-align: center;
color: white;
}
/* Page Breaks */
.pb_before { page-break-before:always !important; }
.pb_after { page-break-after:always !important; }
.pbi_avoid { page-break-inside:avoid !important; }
.pdf_background {
-webkit-filter: grayscale(1);
filter: grayscale(1);
filter: gray;
filter: url("data:image/svg+xml;utf8,#greyscale");
}
.texto_impressao{
font-size: large;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
white-space: nowrap;
}
.impressao_break{
page-break-before: always !important;
}
div.impressao {
margin: 0;
padding: 0;
}
table.impressao {
page-break-inside: avoid !important;
padding: 1px;
margin: 0 auto 2px;
width: 99%;
}
div.foto_impressao {
float: left;
margin: 2px;
width: 220px;
height: auto;
}
table td.rotulo_imp {
padding: 1px;
}
table td.rotulo_imp span {
display: inline-block;
border: 1px solid #666666;
background: #999999;
width: 20px;
text-align: center;
color: white;
}
table td.valor {
font-weight: bold;
}
table td.valor_1 {
font-weight: bold;
width: 100%;
}
table td.valor_2 {
font-weight: bold;
width: 50%;
}
table td.valor_2 label{
border: 1px solid #666666;
background: #999999;
width: 20%;
text-align: center;
color: white;
}
table td.valor_3 {
font-weight: bold;
width: 33%;
}
table td.valor_4 {
font-weight: bold;
width: 25%;
}
table td.controles {
text-align: center;
font-weight: bold;
color: #000000;
/*background-color: #CCCCCC;*/
background-color: #FFFFFF;
font-size:10px;
}
div.error {
white-space: normal;
color: #000;
text-indent: 70px;
padding: 20px;
font-size:12pt;
font-weight: bold;
background-color: blue;
border-color: red;
text-align: left;
}
/** FLASH MSGS */
div.mensagem {
width: 950px;
margin: auto;
color: #FFF;
text-indent: 60px;
padding: 20px;
font-size:12pt;
font-weight: bold;
background: url('mensagem.png') center no-repeat;
}
div.erro {
width: 950px;
margin: auto;
color: #FFF;
text-indent: 70px;
padding: 20px;
font-size:12pt;
font-weight: bold;
background: url('erro.png') center no-repeat;
}
/*FOLHA*/
table.folha {
border-spacing: 5px 5px;
border-collapse: separate;
width: 99%;
margin: auto;
}
/*FORMULÁRIO*/
table.formulario {
text-align: left;
}
table.formulario tr.item_1 {
/* background: url('../assets/tr_item_1_bk.png'); */
background: #EAE6E3;
cursor: auto;
}
table.formulario tr.item_2 {
/* background: url('../assets/tr_item_2_bk.png'); */
background: #D8D3CF;
cursor: auto;
}
table.formulario td.botoes {
text-align: center;
background-color: #CCCCCC;
}
/*TABELA SEM MARGEM, SEM SPACING E SEM PADDING*/
table.conteudo {
width: 100%;
border-spacing: 0 0;
border-collapse: collapse;
margin: 0 0 0 0;
}
table.conteudo tr {
}
table.conteudo td {
font-size: 14px;
padding: 0 0 0 0;
}
/*TÍTULO DA PÁGINA * TOOLBAR */
div.titulo_0 {
margin: 0;
height: 60px;
background: url('titulo_0_bk.png');
}
div.titulo_0 div.titulo {
margin: 0 0 0 8px;
padding: 0 50px 0 0;
text-align: left;
font: 13.5pt/13pt 'Arial', cursive;
color: #610700;
text-transform: uppercase;
float: left;
line-height: 59px;
background: url('titulo_bk.png') right no-repeat;
}
div.toolbar {
padding: 0 0 0 40px;
margin: 0 8px 0 0;
float: right;
color: #666666;
height: 59px;
text-align: left;
background: url('toolbar_bk.png') left no-repeat;
}
div.toolbar table td a {
font-size: 11px;
cursor: pointer;
display: block;
float: left;
padding: 5px 0 0 0;
white-space: nowrap;
color: #222277;
text-decoration: none;
}
div.toolbar table td a span {
display: block;
float: none;
height: 32px;
margin: 0 auto;
width: 32px;
}
/*** TOOGLE HEADER ***/
div#toggle-header {
z-index: 9999;
margin: auto;
width: 120px;
height: 15px;
background: transparent url('hide-header.png') top center no-repeat;
cursor: pointer;
} div#toggle-header.show {
z-index: 9999;
background: url('show-header.png') top center no-repeat;
}
/* NAV BAR */
div.navbar div.links {
width: auto;
float: left;
margin-left: 5px;
padding: 0 5px 0 5px;
height: 29px;
background: url("navbar.jpg") right top no-repeat;
} div.navbar div.links span.separador {
background: url("seperator.png") right no-repeat;
}
div.navbar div.links a {
line-height: 29px;
padding: 0 5px 0 5px;
}
div.navbar {
height: auto;
margin: 5px 0 5px 0;
border: 1px gray solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
padding: 0 15px 0 0;
}
div.navbar ul {
padding: 0;
margin: 5px 8px 5px 8px;
list-style: none;
}
div.navbar ul li {
float: left;
padding-left: 10px;
padding-bottom: 5px;
}
div.navbar ul li span {
border: 1px solid gray;
font-size: 8px;
}
div.navbar ul li label {
color: red;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 10px;
font-weight: bold;
}
/*TÍTULO PRINCIPAL*/
table.titulo_1 {
margin: 0 0 10px 0;
}
table.titulo_1 td {
font-family: Arial, Verdana, sans-serif;
font-size: 11px/5px;
font-weight: bold;
background: url('table_titulo_bk.png');
height: 18px;
color: #FFFFFF ;
text-shadow: #000 1px 1px 2px;
text-transform: uppercase;
padding: 6px 10px 6px 10px;
}
table.titulo_1 td.link {
text-align: right;
}
table.titulo_1 td.link a {
font-size: 11px;
color: #FFFFFF;
}
table.titulo_1 td.link a:hover {
color: #FAEBD7;
}
/*TÍTULO PRINCIPAL SEM MARGEM*/
table.titulo_10 {
margin: 0 0 0 0;
}
table.titulo_10 td {
font-family: Arial, Verdana, sans-serif;
font-size: 11px/5px;
font-weight: bold;
background: url('table_titulo_bk.png');
height: 30px;
color: #FFFFFF ;
text-shadow: #000 1px 1px 2px;
text-transform: uppercase;
padding: 6px 10px 6px 10px;
}
table.titulo_10 td.link {
text-align: right;
}
table.titulo_10 td.link a {
font-size: 11px;
color: #FFFFFF;
}
table.titulo_10 td.link a:hover {
color: #FAEBD7;
}
/*TÍTULO PRINCIPAL MAIS FINO E SEM MARGEM*/
table.titulo_11 {
margin: 0 0 0 0;
}
table.titulo_11 td {
font-family: Arial, Verdana, sans-serif;
font-size: 11px/5px;
font-weight: bold;
background: url('table_titulo_bk.png');
height: 30px;
color: #FFFFFF ;
text-shadow: #000 1px 1px 2px;
text-transform: uppercase;
padding: 3px 10px 3px 10px;
}
table.titulo_11 td.link {
text-align: right;
}
table.titulo_11 td.link a {
font-size: 11px;
color: #FFFFFF;
}
table.titulo_11 td.link a:hover {
color: #FAEBD7;
}
div.titulo_11 {
margin: 0 0 0 0;
font-family: Arial, Verdana, sans-serif;
font-size: 11px/5px;
font-weight: bold;
background: url('table_titulo_bk.png');
height: 15px;
color: #FFFFFF ;
text-shadow: #000 1px 1px 2px;
text-transform: uppercase;
padding: 6px 10px 6px 10px;
}
table.titulo_1 td.link {
text-align: right;
}
table.titulo_1 td.link a {
font-size: 11px;
color: #FFFFFF;
}
table.titulo_1 td.link a:hover {
color: #FAEBD7;
}
table.titulo_low{
margin: 0 0 0 0;
border: 0 0 0 0;
width: 100%;
height: 12px;
}
table.titulo_low td{
font-size: 11px;
font-weight: bold;
height: 8px;
background: url('tr_item_0_bk.png');
color: #000;
}
table.titulo_sub {
margin: 0 0 0 0;
border: 1px solid white;
border-bottom: none;
}
table.titulo_sub td {
font-family: Arial, Verdana, sans-serif;
font-size: 11px/5px;
font-weight: bold;
background: #C3C3C3;
height: 30px;
color: #000 ;
text-transform: uppercase;
padding: 3px 10px 3px 10px;
}
table.titulo_sub td.link {
text-align: right;
}
table.titulo_sub td.link a {
font-size: 11px;
color: gray;
}
table.titulo_sub td.link a:hover {
color: #FAEBD7;
}
/*TÍTULO SECUNDÁRIO*/
table.titulo_2 {
margin: 0 0 0 0;
}
table.titulo_2 td {
font-family: Arial, Verdana, sans-serif;
font-size: 11px/5px;
font-weight: bold;
background: url('table_titulo_bk.png');
height: 30px;
color: #FFFFFF ;
text-shadow: #000 1px 1px 2px;
text-transform: uppercase;
padding: 3px 10px 3px 10px;
}
table.titulo_2 td.link {
text-align: right;
}
table.titulo_2 td.link a {
font-size: 11px;
color: #FFFFFF;
}
table.titulo_2 td.link a:hover {
color: #FAEBD7;
}
/*LINK PADRÃO*/
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 11px;
/*color: #880000;*/
/*color: #2F30EE;*/
color: #333333;
font-weight: bold;
}
a:link {}
a:visited {}
a:hover {
/*color: #333333;*/
/*color: #880000;*/
color:#A00100;
text-decoration: underline;
}
span {
font-size:12px;
}
/*PAGINAÇÃO DO WILL_PAGINATE*/
span.disabled {
font-size:10px;
}
span.current {
font-size:10px;
}
/** PAGINACAO **/
div {
margin: 0 0 0 0;
}
/*DIV PRINCIPAL DO CORPO DO SISTEMA*/
div.conteudo {
margin: 75px auto 30px auto;
padding-bottom: 5px;
width: 985px;
background: url('conteudo_bk.gif') bottom;
/*padding: 0px 10px 10px 0px;*/
}
div.rodape {
margin: 10px auto;
text-align: center;
}
div.border {
width: auto;
border: 1px gray solid;
}
div.border_600 {
width: 600px;
border: 1px gray solid;
}
div.border_500 {
width: 500px;
border: 1px gray solid;
background: #d8d3cf
}
div.border_mapa {
width: 360px;
height: 456px;
border: 1px gray solid;
background-color: #FFFFFF;
overflow: hidden;
}
div.mapa_horizontal {
height: 400px;
width: 760px;
margin: 20px 10px;
overflow: hidden;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 5px solid silver;
}
div.mapa_controles {
float:left;
width: 200px;
height:400px;
margin: 10px 10px 10px -25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 5px solid silver;
border-left: none;
background: #FFF;
}
div.galeria_fotos {
width: 360px;
height: auto;
border: 1px gray solid;
background-color: #FFFFFF;
}
div.galeria_fotos_float {
border: 1px solid gray;
height: auto;
position: absolute;
width: 352px;
}
div.galeria_fotos_popup {
border: 1px solid gray;
height: auto;
position: fixed;
width: 352px;
}
div#coluna_direita_float {
float: left;
}
div.div_foto {
display: block;
float: left;
position: fixed;
top: 10px;
width: 358px;
margin: 0 0 0 10px;
}
.uppercase {
text-transform: uppercase;
}
/*CAMPOS DE FORMULÁRIO*/
.campo_texto {
/*width: 100%;*/
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #333333 1px solid;
font-size: 11px;
color: #000000;
}
.campo_texto_auto {
width: auto;
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #333333 1px solid;
font-size: 11px;
color: #000000;
}
.campo_auto {
width: auto;
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #333333 1px solid;
font-size: 11px;
color: #000000;
}
.campo_texto_padrao {
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #333333 1px solid;
font-size: 10px;
color: #000000;
}
.campo_texto_medio {
width: 100px;
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #333333 1px solid;
font-size: 10px;
color: #000000;
}
.campo_texto_pequeno {
width: 75px;
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #333333 1px solid;
font-size: 10px;
color: #000000;
}
.campo_texto_digito {
width: 25px;
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #333333 1px solid;
font-size: 10px;
color: #000000;
}
.campo_texto_login {
width: 150px;
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #333333 1px solid;
font-size: 15px;
color: #000000;
}
.campo_texto_digito_disabled {
width: 25px;
background: transparent;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: none;
font-size: 10px;
color: #000088;
}
.campo_texto_pequeno_disabled {
width: 75px;
background: transparent;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: none;
font-size: 10px;
color: black;
}
.campo_texto_disabled {
width: 100%;
background: transparent;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: none;
font-size: 10px;
color: #000000;
}
.campo_texto_medio_disabled {
width: 110px;
background: transparent;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: none;
font-size: 10px;
color: #000000;
}
.campo_combo {
width: 100%;
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #333333 1px solid;
font-size: 10px;
color: #000000;
}
.campo_combo_auto {
width: auto;
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #333333 1px solid;
font-size: 10px;
color: #000000;
}
.campo_combo_medio {
width: 100px;
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #333333 1px solid;
font-size: 10px;
color: #000000;
}
.campo_combo_padrao {
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #333333 1px solid;
font-size: 10px;
color: #000000;
}
.campo_combo_pequeno {
width: 50px;
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #333333 1px solid;
font-size: 10px;
color: #000000;
}
.campo_combo_data {
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #333333 1px solid;
font-size: 10px;
color: #000000;
}
.botao_submit_like {
background: #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #333333 1px solid;
font-size: 10px;
color: #000000;
cursor: pointer;
}
.botao_submit {
background: #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #333333 1px solid;
font-size: 10px;
color: #000000;
cursor: pointer;
}
.botao_submit_disabled {
background: #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #969696 1px solid;
font-size: 10px;
color: #969696;
}
.botao_login {
background: #CCCCCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #333333 1px solid;
font-size: 14px;
color: #000000;
}
.area_texto {
width: 100%;
height: 80px;
background: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: #333333 1px solid;
font-size: 10px;
color: #000000;
}
a img {
border: none
}
div.foto {
float: left;
margin: 1px auto 4px;
width: 358px;
height: auto;
}
div.foto img.thumb {
border: 2px solid black
}
div.foto span {
display: block;
text-align: center;
}
div.mini_foto {
float: left;
margin: 10px 0 35px 30px;
width: 80px;
height: 75px;
}
div.mini_foto img.thumb {
border: 2px solid black
}
div.mini_foto span {
display: block;
text-align: center;
}
div.observacao_corpo {
width: 579px;
overflow: auto;
}
div.observacao_corpo_rodape {
/* background: url('../assets/tr_item_1_bk.png'); */
background: #EAE6E3;
font-family: Arial,Helvetica,sans-serif;
border: #333333 1px solid;
font-size: 10px;
color: black;
text-shadow: RGBA(90,90,90,0.5) 1px 1px 1px;
padding: 3px 10px;
text-align: center;
white-space: nowrap;
float: left;
width: auto;
overflow: hidden;
}
div.observacao_corpo_texto {
/* background: url('../assets/tr_item_1_bk.png'); */
background: #EAE6E3;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
padding: 10px 10px;
white-space: nowrap;
overflow: hidden;
text-align: justify;
color: black;
}
div.item_1 {
/* background: url('../assets/tr_item_1_bk.png'); */
background: #EAE6E3;
height: 10px;
}
div.item_2 {
/* background: url('../assets/tr_item_2_bk.png'); */
background: #D8D3CF;
height: 10px;
}
table#coletores tr:hover {
background-color: #9ab8d3;
cursor: pointer;
}
table#coletores tr.odd {
background-color: silver
}
table#coletores tr.odd:hover {
background-color: #9ab8d3;
cursor: pointer;
}
table#coletores tr.selected:hover, table#coletores tr.selected{
background-color: #4d96e6;
color: white;
}
table#totais tr:hover {
background-color: #9ab8d3;
cursor: pointer;
}
table#totais tr.odd {
background-color: silver
}
table#totais tr.odd:hover {
background-color: #9ab8d3;
cursor: pointer;
}
table#totais tr.selected:hover, table#coletores tr.selected{
background-color: #4d96e6;
color: white;
}
table.tab_ajax tr:hover {
background-color: #9ab8d3;
cursor: pointer;
}
table.tab_ajax tr.odd {
background-color: silver
}
table.tab_ajax tr.odd:hover {
background-color: #9ab8d3;
cursor: pointer;
}
table.tab_ajax tr.selected:hover, table.tab_ajax tr.selected{
background-color: #4d96e6;
color: white;
}
table.tab_ajax td.selected:hover, table.tab_ajax td.selected{
background-color: #4d96e6;
color: white;
}
/*
* NOVA FORMATACAO DE VIEWS USANDO DIV
* 10/03/2011
*
* Iniciado por Nestor
*/
div#conteudo {
padding: 5px;
border: 1px solid silver;
}
div#coluna_esquerda {
float: left;
width: 600px;
}
div#coluna_esquerda.sem_direita {
width: 100%;
}
div#coluna_esquerda_meio {
float: left;
width: 33%;
}
div#coluna_direita {
float: right;
}
div#coluna_direita_meio {
float: right;
width: 33%;
}
div#conteudo div.modulo {
border: 1px solid silver;
margin-bottom: 10px;
}
div#coluna_direita div.modulo {
width: 360px;
}
div#coluna_esquerda div.modulo {
width: auto;
}
div.modulo div.cabecalho {
margin: 0;
padding: 0;
width: 100%;
height: 30px;
border: 1px solid #888888;
/* fallback */
background-color: #888888;
background: url('table_titulo_bk.png');
background-repeat: repeat-x;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#888888), to(#333333)); /* Safari 4-5, Chrome 1-9 */
background: -webkit-linear-gradient(top, #333333, #888888); /* Safari 5.1, Chrome 10+ */
background: -moz-linear-gradient(top, #333333, #888888); /* Firefox 3.6+ */
background: -o-linear-gradient(top, #333333, #888888); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #333333, #888888); /* IE 10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#888888'); /* IE < 9 */
}
span.titulo {
font-family: Arial, Verdana, sans-serif;
font-size: 11px/5px;
font-weight: bold;
color: #FFFFFF ;
text-shadow: #000 1px 1px 2px;
text-transform: uppercase;
line-height: 30px;
float: left;
padding-left: 10px;
}
.titulo_igual_titulo {
font-family: Arial, Verdana, sans-serif;;
font-size: 11px/5px;
font-weight: bold;
color: black;
text-shadow: dimgray 1px 1px 2px;
padding: 3px 10px;
}
.titulo_igual_titulo_click_0 {
font-family: Arial, Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
color: black;
text-shadow: RGBA(90,90,250,0.7) 5px 5px 5px;
padding: 3px 10px;
}
.informacao_rodape {
/* background: url('../assets/tr_item_1_bk.png'); */
border: solid 1px RGBA(10,10,10,0);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: black;
padding: 3px;
margin: 0 8px;
text-align: justify;
white-space: nowrap;
width: 960px;
overflow: visible;
}
div.cabecalho ul.links {
float: right;
padding: 0 1px 0 1px;
margin: 0;
}
div.escolha_div_titulo{
font-weight: bold;
text-align: right;
border-bottom: solid;
padding-right: 5px;
}
div.escolha_div_externa {
border: solid;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: black;
text-shadow: dimgray 2px 2px 2px;
position: absolute;
left: 35px;
top: 400px;
z-index: 9999;
text-align: center;
background-color: white;
}
ul.links li {
list-style: none;
float: left;
line-height: 30px;
padding: 0 8px 0 0;
}
ul.links li a {
text-decoration: none;
color: white;
}
ul.links li a:hover {
color: black;
}
#fake_bg {
display: none;
background: #000;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
filter: alpha(opacity=75);
z-index: 9999;
}
/* Mask for background, by default is not display */
#mask {
display: none;
background: #000;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.8;
filter: alpha(opacity=75);
z-index: 999999;
}
/* You can customize to your needs */
.screen-popup {
display: none;
background: whitesmoke;
padding: 10px;
border: 2px solid #ddd;
float: left;
font-size: 1.2em;
position: fixed;
top: 50%;
left: 50%;
z-index: 1000000;
box-shadow: 0 0 20px #999;
/* CSS3 */
-moz-box-shadow: 0 0 20px #999;
/* Firefox */
-webkit-box-shadow: 0 0 20px #999;
/* Safari, Chrome */
border-radius: 3px;
-moz-border-radius: 3px;
/* Firefox */
-webkit-border-radius: 3px;
/* Safari, Chrome */;
}
img.btn_close {
/* Position the close button */
float: right;
margin: -28px -28px 0 0;
}
form.pdf {
padding-bottom: 0;
}
form.pdf .textbox label {
display: block;
padding-bottom: 7px;
}
form.pdf .textbox span {
display: block;
}
form.pdf p, form.signin span {
color: #999;
font-size: 11px;
line-height: 18px;
}
form.pdf .textbox input {
background: #666666;
border: 1px solid #000000;
border-right-color: #333333;
border-bottom-color: #333333;
color: #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font: 13px Arial, Helvetica, sans-serif;
padding: 6px 6px 4px;
width: 200px;
}
form.pdf input:-moz-placeholder {
color: #bbb;
text-shadow: 0 0 2px #000;
}
form.pdf input::-webkit-input-placeholder {
color: #bbb;
text-shadow: 0 0 2px #000;
}
.contorno_input_click:hover {
cursor: pointer;
}
div.menu_contexto_mapa {
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
font-weight: bold;
color: black;
text-shadow: dimgray 2px 2px 2px;
position: fixed;
left: 1px;
top: 1px;
z-index: 9999;
text-align: center;
background-color: whitesmoke;
height: auto;
width: 200px;
overflow: hidden;
}
.menu_contexto_mapa_tabela {
text-align: center;
border: solid black;
}
.menu_contexto_mapa_cabecalho {
text-align: center;
border-bottom: solid;
border-color: black;
}
.menu_contexto_mapa_fechar {
border-left: solid;
border-color: black;
}
.menu_contexto_mapa_item:hover {
cursor: pointer;
background: RGBA(0,0,254,0.2);
}
.menu_contexto_mapa_item {
text-align: left;
border: none;
}
.button {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddddd), to(#f3f3f3)); /* Safari 4-5, Chrome 1-9 */
background: -webkit-linear-gradient(top, #f3f3f3, #dddddd); /* Safari 5.1, Chrome 10+ */
background: -moz-linear-gradient(top, #f3f3f3, #dddddd); /* Firefox 3.6+ */
background: -o-linear-gradient(top, #f3f3f3, #dddddd); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f3f3f3, #dddddd); /* IE 10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#dddddd'); /* IE < 9 */
border: 1px #000;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #333;
cursor: pointer;
display: inline-block;
padding: 6px 6px 4px;
margin-top: 10px;
font: 12px;
width: 214px;
}
.button:hover {
background: #ddd;
}
.bloqueio {
text-align: center;
border:2px outset red;
width: 100%;
display: table;
margin: 0 auto;
font-family: Arial, Verdana, sans-serif;
font-size: 90%;
}
.bloqueio .align_motivo {
text-align: justify;
margin: 5px;
}
.bloqueio .motivo_bloqueio {
border: 1px solid black;
padding: 2px;
}
/* Style Mapa */
#medida {
border: solid RGBA(100, 100, 100, 0.7);
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bolder;
}
#medida_div {
background-color: RGBA(255,255,255,0.7);
overflow: hidden;
border: 1px solid RGBA(0, 0, 0, 0.8);
border-radius: 10px 10px 10px 10px;
position: fixed;
bottom: 10px;
left: 5px;
z-index: 9999;
height: auto;
width: 100px;
}
#output {
color: rgba(0, 0, 0, 0.8);
text-align: center;
z-index: 9999;
font-family: arial, sans-serif;
font-size: 1.2em;
}
.label_id {
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bolder;
color: rgba(0, 0, 0, 0.8);
}
#Troca_camadas {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: rgba(0, 0, 0, 0);
text-align: center;
position: fixed;
top: 180px;
right: 1px;
z-index: 9999;
height: auto;
width: 200px;
float: left;
font-family: arial, sans-serif;
font-size: 1.5em;
font-weight: bold;
background-color: rgba(0,0,0, 0.85);
}
#divisao {
font-family: arial, sans-serif;
background-color: rgba(0,0,255, 0.50);
font-size: 0.7em;
font-weight: bold;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-user-select: none;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#CCC)); /* Safari 4-5, Chrome 1-9 */
background: -webkit-linear-gradient(top, #CCC, #000); /* Safari 5.1, Chrome 10+ */
background: -moz-linear-gradient(top, #CCC, #000); /* Firefox 3.6+ */
background: -o-linear-gradient(top, #CCC, #000); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #CCC, #000); /* IE 10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCC', endColorstr='#000'); /* IE < 9 */
}
#imprimir {
font-family: arial, sans-serif;
background-color: rgba(90,90,90, 0.50);
font-size: 0.7em;
font-weight: bold;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-user-select: none;
text-align: center;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#CCC)); /* Safari 4-5, Chrome 1-9 */
background: -webkit-linear-gradient(top, #CCC, #000); /* Safari 5.1, Chrome 10+ */
background: -moz-linear-gradient(top, #CCC, #000); /* Firefox 3.6+ */
background: -o-linear-gradient(top, #CCC, #000); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #CCC, #000); /* IE 10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCC', endColorstr='#000'); /* IE < 9 */
}
/* Camadas Mapa */
.legenda_layers_tabela {
border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
}
#legenda_layers_tabela:hover {
cursor: move;
}
.legenda_layers_titulo {
font-weight: bolder;
font-family: Arial, Helvetica, sans-serif;
background-color: rgba(0,0,255, 0.50);
font-size: 0.7em;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-user-select: none;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#CCC)); /* Safari 4-5, Chrome 1-9 */
background: -webkit-linear-gradient(top, #CCC, #000); /* Safari 5.1, Chrome 10+ */
background: -moz-linear-gradient(top, #CCC, #000); /* Firefox 3.6+ */
background: -o-linear-gradient(top, #CCC, #000); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #CCC, #000); /* IE 10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCC', endColorstr='#000'); /* IE < 9 */
}
.legenda_layers_fundo {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-user-select: none;
color: white;
font-family: arial, sans-serif;
font-size: 1.5em;
font-weight: bold;
background-color: black;
opacity: 0.9;
}
tr.divisao {
font-family: arial, sans-serif;
background-color: #757575;
font-size: 0.7em;
font-weight: bold;
-moz-user-select: none;
}
.check_legenda_ {
width: 1%;
padding: 0;
margin: 0;
}
.check_legenda_2 {
padding: 1px;
margin: 0;
}
/***** Tabs *****/
#conteudo .tabs {height: 2.6em; margin-bottom:1.2em; position:relative; overflow:hidden;}
#conteudo .tabs ul {margin:0; position:absolute; bottom:0; padding-left:0.5em; width: 2000px; border-bottom: 1px solid #bbbbbb;}
#conteudo .tabs ul li {
float:left;
list-style-type:none;
white-space:nowrap;
margin-right:4px;
background:#fff;
position:relative;
margin-bottom:-1px;
}
#conteudo .tabs ul li a{
display:block;
font-size: 0.9em;
text-decoration:none;
line-height:1.3em;
padding:4px 6px 4px 6px;
border: 1px solid #ccc;
border-bottom: #bbbbbb;
background-color: #f6f6f6;
color:#999;
font-weight:bold;
border-top-left-radius:3px;
border-top-right-radius:3px;
}
#conteudo .tabs ul li a:hover {
background-color: #ffffdd;
text-decoration:none;
}
#conteudo .tabs ul li a.selected {
background-color: #fff;
border: 1px solid #bbbbbb;
border-bottom: #fff;
color:#444;
}
#conteudo .tabs ul li a.selected:hover {background-color: #fff;}
div.tabs-buttons { position:absolute; right: 0; width: 48px; height: 24px; background: white; bottom: 0; border-bottom: 1px solid #bbbbbb; }
button.tab-left, button.tab-right {
font-size: 0.9em;
cursor: pointer;
height:24px;
border: 1px solid #ccc;
border-bottom: #bbbbbb;
position:absolute;
padding:4px;
width: 20px;
bottom: -1px;
}
button.tab-left {
right: 20px;
background: #eeeeee url(bullet_arrow_left.png) no-repeat 50% 50%;
border-top-left-radius:3px;
}
button.tab-right {
right: 0;
background: #eeeeee url(bullet_arrow_right.png) no-repeat 50% 50%;
border-top-right-radius:3px;
}
a.link_imagem_mostrar {
background: url("icons/monitor_32.png") no-repeat;
display: block;
margin: 0 auto;
text-indent: -9999px;
width: 20px;
height: 20px;
background-size: 20px;
border-bottom: 1px solid RGBA(0, 0, 0, 0);
}
a.link_imagem_mostrar:hover {
border-bottom: 1px solid gray;
}
a.link_imagem_alterar {
background: url("icons/pencil_32.png") no-repeat;
display: block;
margin: 0 auto;
text-indent: -9999px;
width: 20px;
height: 20px;
background-size: 20px;
border-bottom: 1px solid RGBA(0, 0, 0, 0);
}
a.link_imagem_alterar:hover {
border-bottom: 1px solid gray;
}
a.link_imagem_executar {
background: url("icons/play.png") no-repeat;
display: block;
margin: 0 auto;
text-indent: -9999px;
width: 20px;
height: 20px;
background-size: 20px;
border-bottom: 1px solid RGBA(0, 0, 0, 0);
}
a.link_imagem_executar:hover {
border-bottom: 1px solid gray;
}
a.link_imagem_excluir {
background: url("icons/delete_32.png") no-repeat;
display: block;
margin: 0 auto;
text-indent: -9999px;
width: 20px;
height: 20px;
background-size: 20px;
border-bottom: 1px solid RGBA(0, 0, 0, 0);
}
a.link_imagem_excluir:hover {
border-bottom: 1px solid gray;
}
a.link_imagem_clonar {
background: url("icons/clone.png") no-repeat;
display: block;
margin: 0 auto;
text-indent: -9999px;
width: 20px;
height: 20px;
background-size: 20px;
border-bottom: 1px solid RGBA(0, 0, 0, 0);
}
a.link_imagem_clonar:hover {
border-bottom: 1px solid gray;
}
a.link_imagem_cancelar {
background: url("icons/block_32.png") no-repeat;
display: block;
margin: 0 auto;
text-indent: -9999px;
width: 20px;
height: 20px;
background-size: 20px;
border-bottom: 1px solid RGBA(0, 0, 0, 0);
}
a.link_imagem_cancelar:hover {
border-bottom: 1px solid gray;
}
a.link_imagem_descancelar {
background: url("icons/return.png") no-repeat;
display: block;
margin: 0 auto;
text-indent: -9999px;
width: 20px;
height: 20px;
background-size: 20px;
border-bottom: 1px solid RGBA(0, 0, 0, 0);
}
a.link_imagem_descancelar:hover {
border-bottom: 1px solid gray;
}
.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }
.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }
.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }
/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }
#foto-360 {
width: 40vw;
height: 60vh;
z-index: 1000;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0.625rem;
}
#popup-header {
position: relative;
display: flex;
width: 100%;
height: 10%;
padding: 10px;
color: white;
background-color: #09173b;
border-radius: 0.625rem 0.625rem 0 0;
text-align: left;
align-items: center;
z-index: 1001;
}
#popup-header h3 {
font-size: 1.5em;
font-weight: 600;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5em;
}
#panorama {
width: 100%;
height: 94%;
border-radius: 0 0 0.625rem 0.625rem;
position: relative;
z-index: 1000;
}
.fechar {
position: absolute;
right: 0.0625rem;
width: 4.5rem;
height: 3.125rem;
background: none;
background-image: url('fechar.png');
background-repeat: no-repeat;
background-position: center;
border: none;
cursor: pointer;
z-index: 1002;
transition: 0.3s;
}
.fechar:hover{
background-color: rgba(255, 255, 255, 0.2);
border-radius: 20px;
}
#yaw-value {
position: absolute;
top: 8vh;
right: 1rem;
padding: 0.3125rem;
background-color: rgba(0, 0, 0, 0.5);
color: white;
border-radius: 0.625rem;
z-index: 99999;
}
.point-mapa{
display: block ;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: red;
}
.ponto-inicial{
width: 40px;
height: 40px;
background-image: url('ponto_inicial.png');
background-repeat: no-repeat;
background-size: cover;
}
.ponto-final{
width: 40px;
height: 40px;
background-image: url('ponto_final.png');
background-repeat: no-repeat;
background-size: cover;
}
label{
font-family: 'Poppins', sans-serif;
font-weight: bold;
}
.sidebar {
position: fixed;
top: 0;
right: -25%;
width: 25%;
height: 100%;
background-color: #0d0e50;
overflow-y: auto;
transition: 0.3s;
padding-top: 60px;
z-index: 0;
}
.toggle-btn {
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%);
background-color: #0d0e50;
color: #fff;
width: 30px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px 0 0 5px;
cursor: pointer;
font-size: 18px;
z-index: 1001;
transition: 0.3s;
}
.sidebar-open .toggle-btn {
right: 25%;
}
#panorama-placas {
width: 100%;
height: 50%;
}
.atributos-placas {
width: 100%;
height: 50%;
overflow-y: scroll;
overflow-x: hidden;
}
.pnlm-download{
width: 26px;
height: 26px;
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M4%2016v2a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2v-2m-4-4-4%204m0%200-4-4m4%204V4%22/%3E%3C/svg%3E');
}