@CHARSET "UTF-8";
@media only screen and (min-width: 1280px) {
    .page-container {width:1246px; margin:0px auto; margin-top:10px; margin-bottom:10px;}
    /*.page-container {width:100%; margin: 10px auto 10px auto;}*/
    .header {width:1246px; }
    /*.header {width: 100%; }*/
    .header-middle {width:1246px; height:75px; background:rgb(230,230,230) url(/images/multiflex/bg_head_middle.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
    /*.header-middle {width:100%; height:75px; background:rgb(230,230,230) url(/images/multiflex/bg_head_middle.jpg); overflow:visible !important !*Firefox*!; overflow:hidden !*IE6*!;}*/
    .header-breadcrumbs {clear:both; width:1246px; padding:0 0 0 0; }
    /*.header-breadcrumbs {clear:both; width:100%; padding:0 0 0 0; }*/
    .menubar { height: 20px; width: 1246px; background:none; margin-top: 10px; z-index: 999999; }
    /*.menubar { height: 20px; width: 100%; background:none; margin-top: 10px; z-index: 999999; }*/
    .main {clear:both; width:1246px;}
    /*.main {clear:both; width:100%;}*/

    .column1-unit { width:1246px; }
    .column2-unit-left {float:left; width:620px; }
    .column2-unit-right {float:right; width:620px; }
    .column3-unit-left {float:left; width:415px;}
    .column3-unit-middle {float:left; width:415px; }
    .column3-unit-right {float:right; width:415px; }

    /*.column1-unit { clear: both; }*/
    /*.column2-unit-left {float:left; width:50%; }*/
    /*.column2-unit-right {float:left; width:50%; }*/
    /*.column3-unit-left {float:left; width:33.33333333%;}*/
    /*.column3-unit-middle {float:left; width:33.33333333%; }*/
    /*.column3-unit-right {float:left; width:33.33333333%; }*/

    .googlemaps-canvas-maparede {
        width: 1246px;
    }

    .treeview-canvas {
        /*display: inline-block;*/
        margin-left: 266px;
    }

}

@media only screen and (max-width: 1279px) {
    .page-container {width:990px; margin:0px auto; margin-top:10px; margin-bottom:10px;}
    .header {width:990px; }
     .header-middle {width:990px; height:75px; background:rgb(230,230,230) url(/images/multiflex/bg_head_middle.jpg); overflow:visible !important;}
    .header-breadcrumbs {clear:both; width:990px; padding:0 0 0 0; }
    .menubar { height: 20px; width: 990px; background:none; margin-top: 10px; z-index: 999999; }
    .main {clear:both; width:990px;}

    .column1-unit {width:990px; }
    .column2-unit-left {float:left; width:449px; }
    .column2-unit-right {float:right; width:449px; }
    .column3-unit-left {float:left; width:329px;}
    .column3-unit-middle {float:left; width:329px; }
    .column3-unit-right {float:right; width:329px; }

    .googlemaps-canvas-maparede {
        width: 990px;
    }

    .treeview-canvas {
        width: 730px;
    }

}

@media screen {
    #FormRescisaoMotivosId {
        display: block;
    }
    #divMotivoRescisao {
        display: none;
    }
    #txtObservacaoRescisao {
        display: block;
    }
    #divObservacaoRescisao {
        display: none;
    }
}

@media print {
    #FormRescisaoMotivosId {
        display: none !important;;
    }
    #divMotivoRescisao {
        display: block !important;
    }
    #txtObservacaoRescisao {
        display: none !important;;
    }
    #divObservacaoRescisao {
        display: inline-block !important;

    }
}
.md-chat-widget-wrapper {
    visibility: hidden;
}

/*
jqGrid
 */

.ui-jqgrid .ui-jqgrid-htable th {
    height: 22px !important;
}

.valorLidoValidacaoNf2x {
    background-color: #d5d5d5;
    font-size: 10pt;
    display: inline;
    color: black;
}

.chosen-container {
    font-size: 1em !important;
    box-shadow: none !important;
}

.chosen-single {
    line-height: 17px !important;
    height: 18px !important;
}


#dragbar{
    background-color:black;
    height:200px;
    float: left;
    width: 3px;
    cursor: col-resize;
}
#ghostbar{
    width:3px;
    background-color:#000;
    opacity:0.5;
    position:absolute;
    cursor: col-resize;
    z-index:999}

div.left {float:left; width:50%; }
div.right {float:right; width:50%; }

fieldset { padding:5px 0 0 0; border:0; margin-top:10px; width: 100%; }

.erro_postauth {
    border: 2px solid #cd0a0a !important;
}

/* teste chosen em dialog */
.ui-dialog-chosen { overflow: inherit !important; }
.ui-dialog-chosen .ui-dialog-content { overflow: visible !important; }
/*.chosen-container {*/
    /*overflow: visible !important;*/
/*}*/

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-md-12 {
    width: 100%;
}
.col-md-11 {
    width: 91.66666667%;
}
.col-md-10 {
    width: 83.33333333%;
}
.col-md-9 {
    width: 75%;
}
.col-md-8 {
    width: 66.66666667%;
}
.col-md-7 {
    width: 58.33333333%;
}
.col-md-6 {
    width: 50%;
}
.col-md-5 {
    width: 41.66666667%;
}
.col-md-4 {
    width: 33.33333333%;
}
.col-md-3 {
    width: 25%;
}
.col-md-2 {
    width: 16.66666667%;
}
.col-md-1 {
    width: 8.33333333%;
}

.area-title {
    display: inline-block;
    clear: both;
    margin-top:5px;
    margin-bottom:5px;
}

.show-log {
    width: 100%;
    height: 600px;
    white-space: pre-wrap;
    overflow-y: scroll;
}

body { font-size: 70%; font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; }
/*body { font-size: 66%; font-family: Arial, sans-serif; } */

.header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(/images/multiflex/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}
/*.header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}*/
/*.header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}*/
.header-breadcrumbs ul li {border: none !important;}

p { margin-bottom: 0px; }

.ui-widget > div[class*="ui-state-"] > p {
    margin-top: 5px;
    margin-bottom: 5px;
}

div.fibraoptica-widget {
    margin: auto;
    max-width: 220px;
    border-width: 2px;
    border-radius: 6px;
    border-style: solid;
    font-size: 2em;
    color: #ffffff;
}

div.fibraoptica-widget-top {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

div.fibraoptica-widget-bottom {
    background-color: #ffffff;
    padding: 5px;
    font-size: 0.55em;
    text-align: right;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

div.fibraoptica-widget-counter {
    font-size: 1.2em;
    font-weight: bold;
    text-align: right;
    padding-top: 13px;
}

div.fibraoptica-widget-counter-sub {
    font-size: 0.6em;
    text-align: right;
}

div.fibraoptica-widget-green {
    border-color: #00aa00;
    background-color: #00aa00;
}

div.fibraoptica-widget-bottom-green {
    color: #00aa00;
}

div.fibraoptica-widget-red {
    border-color: #e71717;
    background-color: #e71717;
}

div.fibraoptica-widget-bottom-red {
    color: #e71717;
}

div.fibraoptica-widget-grey {
    border-color: #8e8e8e;
    background-color: #8e8e8e;
}

div.fibraoptica-widget-bottom-grey {
    color: #8e8e8e;
}

div.fibraoptica-widget-orange {
    border-color: #fa980e;
    background-color: #fa980e;
}

div.fibraoptica-widget-bottom-orange {
    color: #fa980e;
}

.onu-rxpower-normal {
    color: #0e790e;
}

.onu-rxpower-warning {
    color: #CE7B11;
}

.onu-rxpower-critical {
    color: #e71717;
}

span.onu-dashboard-icon {
    font-size: 2em !important;
    color: #ffffff !important;
}

span.onu-online {
    color: #00aa00 !important;
}

span.onu-offline {
    /*color: #e71717 !important;*/
    color: #8e8e8e !important;
}

span.onu-desconhecido {
    color: #8e8e8e !important;
}

input.field[disabled] { background: #ddd !important; }
input.field:read-only { background: #ddd !important; }
input.field:-moz-read-only { background: #ddd !important; }
li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }

.duobox-menu-left-icon {
float: left;
margin-right: 5px;
}

/* MAPA DE REDE */
.menu-maparede-icone {
	width: 16px;
	height: 16px;
	display: block;
    overflow: hidden;
    text-indent: -99999px;
    margin-right: 3px; 
    float: left;
    background-repeat:no-repeat; background-color:transparent; background-position:0px 0px !important;
}

.ui-botao-pequeno {
    cursor:pointer;
    height: 18px !important;
    width: 18px !important;
    display: inline-block !important;
    vertical-align: middle;
    background: none;
    padding: 0 0 0 0;
    font-family: FontAwesome !important;
}
.ui-botao-pequeno > a {
    padding: 2px;
}

.ui-botao-semborda {
    border: 0px !important;
}

.ui-botao-left {
	float:left;
}
.ui-botao-right {
	float:right;
}

/* Allow Font Awesome Icons in lieu of jQuery UI and only apply when using a FA icon */
.ui-icon[class*=" icon-"] {
    /* Remove the jQuery UI Icon */
    background: none repeat scroll 0 0 transparent;
    /* Remove the jQuery UI Text Indent */
    text-indent: 0;
    /* Bump it up - jQuery UI is -8px */
    margin-top: -0.5em;
}

/* Allow use of icon-large to be properly aligned */
.ui-icon.icon-large {
    margin-top: -0.75em;
}

.ui-pg-div span.ui-icon[class*=" fa"] {
    margin-left: 6px !important;
}

.ui-button-icon-only .ui-icon[class*=" icon-"] {
    /* Bump it - jQuery UI is -8px */
    margin-left: -7px;
}

.ui-botao-jqgrid {
    text-align: center;
    float:left;
    cursor:pointer;
    width: 16px;
    height: 16px;
}

.ui-botao-jqgrid > a {
    padding: 2px;
}

.ui-ajax-dialog {
    font-size: 0.95em;
}

[class^="fa-"] + [class=ui-button-text], [class*=" fa-"] + [class=ui-button-text] {
    padding-left: 2.4em !important;
}

.ui-button-icon-secondary[class*=" fa-"] {
    right: .4em !important;
}

.btn-icon-red { color :#aa0000 !important; }

[class^="fa-"], [class*=" fa-"] {
   /*color: #000000 !important;*/
   background: none !important;
   background-image: none !important;
   text-indent: 0 !important;
   padding: .1em 0 0 0.0em !important;
    font-size: 14px !important;
   /*display: inline !important;*/
    /*width: 16px !important;*/
   /*height: 16px !important;*/
}

.faa-state-hover {
	border: 1px solid #cdd5da;
	width: 15px !important;
	height: 15px !important;
}

.faa-icon2 {
	width: 15px !important;
	height: 15px !important;
	padding: 1px 1px 1px 1px;
 	margin-top: 1px !important;
	margin-left: 1px !important;
	margin-bottom: 1px !important;
	margin-right: 1px !important;
}

.fa-icon {
	width: 16px;
	height: 16px;
	margin-left: 0px !important;
}

.ui-button-icon-only .ui-icon[class*=" fa-"] {
    /* Bump it - jQuery UI is -8px */
    /*margin-left: -8px;*/
}

.menu-maparede-novopop {  background-image:url("/images/icones/building--plus.png"); }
.menu-maparede-pop {  background-image:url("/images/icones/building-hedge.png"); }
.menu-maparede-torre {  background-image:url("/images/icones/transmitter.png"); }
.menu-maparede-novatorre {  background-image:url("/images/icones/transmitter--plus.png"); }
.menu-maparede-novoelemento {  background-image:url("/images/icones/server--plus.png"); }
.menu-maparede-wifi {  background-image:url("/scripts/moderno/themes/classic/wi-fi-zone.png"); }
.menu-maparede-router {  background-image:url("/scripts/moderno/themes/classic/server-network.png"); }
.menu-maparede-mapas {  background-image:url("/images/icones/maps-stack.png"); }
.menu-maparede-clientes {  background-image:url("/images/icones/users.png"); }
.menu-maparede-mapa {  background-image:url("/images/icones/map.png"); }
.menu-maparede-novomapa {  background-image:url("/images/icones/map--plus.png"); }
.menu-maparede-eventlog {  background-image:url("/images/icones/clipboard-task.png"); }
.menu-maparede-syslog {  background-image:url("/images/icones/clipboard-list.png"); }
.menu-maparede-geral {  background-image:url("/images/icones/globe-model.png"); }
.menu-maparede-ether {  background-image:url("/images/icones/network-ethernet.png"); }
.menu-maparede-wlan {  background-image:url("/images/icones/network-wireless.png"); }
.menu-maparede-configuracoes {  background-image:url("/images/icones/gear.png"); }
.menu-maparede-monitor {  background-image:url("/images/icones/monitor.png"); }
.menu-maparede-ferramentas {  background-image:url("/images/icones/toolbox.png"); }

.menu-maparede-renomear {  background-image:url("/images/icones/map--pencil.png"); }
.menu-maparede-deletar {  background-image:url("/images/icones/map--minus.png"); }

.mini-barcode {
	width: 100px;
	height: 20px;
	vertical-align: middle;
	maring-left: 4px;
	margint-right: 4px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.trClientesOnline:hover {
	background-color: #eeeeee;
}

.jstree-mapa-down {
	color: #cc0002 !important;
}

.jstree-mapa-alerta {
    color: #ccaf30 !important;
}

.jstree-themeroller {
	border-top: 0px !important;
	border-left: 0px !important;
	border-bottom: 0px !important;
}
.jstree-state-default {
	border: 0px !important;
	background: none !important;
}
.jstree-contextmenu {
	
}

.error {
	border-color: #DD0000 !important;
}

.ip_container {
 border: 1px solid #999999  !important;
 margin-bottom: 2px;
 padding: 0.1em 0.2em;
}
.ip_octet {
  border: 0;
  text-align: center;
  width: 2em;
}
.ip_cidr {
	border : 0;
  width: 1.5em;
}

.portlet-column { width: 300px; float: left; padding-bottom: 100px; }
.portlet { margin: 0 0.2em 0.5em 0.2em; }
/*.portlet-header { margin: 0.3em; padding-bottom: 2px; padding-top: 2px; padding-left: 0.4em; cursor: default; }*/
.portlet-header { margin: 0.3em; padding: 0.3em 0.2em 0.2em 0.3em; cursor: default; }
.portlet-header .ui-icon { float: right; cursor: pointer; width: 17px; height: 20px; }
.portlet-content { padding: 0.4em; }

.paginacao { vertical-align: middle; font-size: 120%; text-align: center; }
.paginacao a img { clear:none; float:none; margin:none; padding:none; vertical-align: middle; }

.ui-button, .fg-button, .fg-menu-container { font-size: 100% !important; }
.fg-fa-icon-right { text-align: right; }
.fg-fa-icon-left { text-align: left; }
.footer { text-align: center; }
.sitelogo {width:251px; height:55px; position:absolute; z-index:1; margin:10px 0 0 20px; background:url(/images/multiflex/logo_lineisp.png); }
.sitename {width:300px; height:45px; position:absolute; z-index:1; margin:-4px 0 0 281px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-size:240%;}
.sitename h2 {margin:-4px 0 0 0; color:rgb(234,239,247); font-size:120%;}
.sitename a {text-decoration:none; color:rgb(234,239,247);}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}

h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}


.ui-tabs { font-size: 100% !important; }
.ui-tabs-panel { padding: 0 !important; }
.ui-tabs-panel div.left {float:left; width:50%; }
.ui-tabs-panel div.right {float:right; width:50%; }


hr.clear {clear:both; width:0px; height:0.0em; border:none; }
div.clear, .row {clear:both;}
.button { float: right !important; }
table.tabela { margin: 1em 0; border-collapse: collapse; width: 100%; font-size: 100% !important; }
table.tabela td, table th { border: 1px solid #eee; padding: .2em 5px; text-align: left; }
table.tabela tr.highlight {cursor: pointer; }
table.tabela tr.highlight:hover td {background-color:#dddddd; }
table.tabela tr.highlight:hover th {background-color:#dddddd; }

select { font-size: 100%; }
input.field { border: 1px solid #999999; display: block-inline; margin-bottom:2px; width:250px; padding: .1em .2em .1em .2em; }
textarea.field { border: 1px solid #999999; display: block-inline; width:250px; padding: .1em .2em .1em .2em; }

h1 { font-size: 1.2em; margin: .6em 0; }
label {float:left; font-weight:bold; width:112px; margin:0 0 0 5px; padding: 0 2px 4px 2px;}
label.error { float: none; width: 0; }

.main h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:180%;}

.progressBar {
    /*width: 30px;*/
    /*margin: 6px 6px 20px;*/
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
}

.progressBar canvas {
    vertical-align: top;
}

.progressBar strong {
    position: absolute;
    top: 13px;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 15px;
    font-size: 12px;
}

.progressBar strong i {
    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
}

.progressBar span {
    display: block;
    color: #aaa;
    margin-top: 12px;
}



/*
 * Tooltip
 */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:840px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

.popup {background:#FFF; border:1px solid #333; padding:1px;}
.popup-header {height:24px; padding:7px; background:url("../../images/bgr_popup_header.jpg") repeat-x;}
.popup-header h2 {margin:0; padding:0; font-size:18px; float:left;}
.popup-header .close-link {float:right; font-size:11px; margin-top: -7px;}
.popup-body {padding:10px;}

/*
 * fg-menu
 */
.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
.fg-button { clear:left; margin:0 4px 40px 0px; padding: .4em 1em; 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 {  }
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(spinner_bar.gif) no-repeat 0 0; }

/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: inline-block; position:relative; height:1.5em; text-decoration: none; overflow:hidden;}
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.0em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a {  }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }

.percentborder { 
	width: 147px;
	font-size: 0px;
	height: 12px;
	float: left;
	background-image: url(/images/border.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.mainbar {
	font-size: 0px;
	height: 10px;
	width: 0%;
	background-image: url(/images/spectr.gif);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

.help {
	vertical-align: middle;
	position: relative !important;
	display: inline-block !important;
}

/**
* DuoBox classes
*/
.duobox-menu-left-icon {
	float: left;
	margin-right: 5px;
}

/* calendar */
.fc-header-title h2 {
    font-family: "latobold";
    font-size: 1.5em;
}

.fc .fc-header-space {
    padding-left: 0;
}

.fc-day-grid-event .fc-content {
    white-space: normal !important;
}

.fc-header .fc-button {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-right: 3px;
    background-image: none;
    background-color: transparent;
    border: none;
    text-shadow: none;
    box-shadow: none;
    color: #555;
}
.fc-header .fc-header-left .fc-button {
    border-bottom: 1px solid #E1E1E1;
}
.fc-header .fc-header-left .fc-button:hover, .fc-header .fc-header-left .fc-button:focus, .fc-header .fc-header-left .fc-button:active, .fc-header .fc-header-left .fc-button.active, .fc-header .fc-header-left .fc-button.fc-state-active {
    background-color: #ECECEC;
}

.fc-button.fc-button-today {
    background-color: #296EAA;
    color: #fff;
    cursor: pointer;
}
.fc-button.fc-button-today:hover, .fc-button.fc-button-today:focus, .fc-button.fc-button-today:active, .fc-button.fc-button-today.active {
    background-color: #1f5381;
}

.fc-content table thead tr {
    background-color: #F3F3F3;
}

.fc-ltr .fc-view .fc-event-hori {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.fc-event-container a:hover, .fc-event-container a:focus {
    color: #C7DAE4;
}

.fc-event-inner {
    padding: 2px 5px;
}

.fc-view-month .fc-event .fc-event-inner:before {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-family: FontAwesome;
    content: '\f111';
    font-size: 7px;
    margin-right: 5px;
}

.fc-event-vert {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.fc-agenda-allday th {
    border-width: 0 0px;
}

#external-events .simplecolorpicker {
    display: table;
    width: 100%;
    border-collapse: separate;
    padding: 0;
    margin-bottom: 5px;
}
#external-events .simplecolorpicker span.color {
    display: table-cell;
    text-align: center;
}

.external-event {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: 2px 5px;
    border: 1px solid #3A87AD;
    background-color: #3A87AD;
    color: #fff;
    font-size: 0.9em;
    margin-right: 0;
    margin-bottom: 3px;
    cursor: move;
}


/*
 * Very simple jQuery Color Picker
 * https://github.com/tkrotoff/jquery-simplecolorpicker
 *
 * Copyright (C) 2012-2013 Tanguy Krotoff <tkrotoff@gmail.com>
 *
 * Licensed under the MIT license
 */
/**
 * Inspired by Bootstrap Twitter.
 * See https://github.com/twbs/bootstrap/blob/master/less/navbar.less
 * See https://github.com/twbs/bootstrap/blob/master/less/dropdowns.less
 */
.simplecolorpicker {
    border-collapse: separate;
    /*display: table;*/
    margin-bottom: 5px;
    padding: 0;
    width: 100%;
}

.simplecolorpicker.icon::after, .simplecolorpicker span.color::after {
    content: "    ";
}

.simplecolorpicker span.color {
    display: table-cell;
    text-align: center;
}

.simplecolorpicker span.color {
    height: 20px;
    outline: medium none;
    width: 20px;
}
.simplecolorpicker.icon, .simplecolorpicker span.color {
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
}
.simplecolorpicker span {
    margin: 0 0 5px;
}

.simplecolorpicker {
    border-collapse: separate;
}


.simplecolorpicker.picker {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1051;
    /* Above Bootstrap modal (@zindex-modal = 1050) */
    display: none;
    float: left;
    min-width: 160px;
    max-width: 283px;
    /* @popover-max-width = 276px + 7 */
    padding: 5px 0 0 5px;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    /* @dropdown-bg */
    border: 1px solid #ccc;
    /* @dropdown-fallback-border */
    border: 1px solid rgba(0, 0, 0, 0.15);
    /* @dropdown-border */
    -webkit-border-radius: 4px;
    /* @border-radius-base */
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.simplecolorpicker.inline {
    /*display: inline-block;*/
    padding: 6px 0;
}

.simplecolorpicker span {
    margin: 0 0px 5px 0;
}

.simplecolorpicker.icon,
.simplecolorpicker span.color {
    display: inline-block;
    cursor: pointer;
    border: 1px solid transparent;
}

.simplecolorpicker.icon:after,
.simplecolorpicker span.color:after {
    content: '\00a0\00a0\00a0\00a0';
    /* Spaces */
}

.simplecolorpicker span.color[data-disabled]:hover {
    cursor: not-allowed;
    border: 1px solid transparent;
}

.simplecolorpicker span.color:hover,
.simplecolorpicker span.color[data-selected],
.simplecolorpicker span.color[data-selected]:hover {
    border: 1px solid #222;
    /* @gray-dark */
}

.simplecolorpicker span.color[data-selected]:after {
    color: #fff;
}

/* Vertical separator, replaces optgroup. */
.simplecolorpicker span.vr {
    border-left: 1px solid #222;
    /* @gray-dark */
}

/* simple color picker */
.simplecolorpicker span.color {
    width: 20px;
    height: 20px;
    outline: none;
}
.simplecolorpicker.fontawesome span.color[data-selected]:after {
    font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased;
    content: '\f00c';
    /* Ok/check mark */
    margin-right: 1px;
    margin-left: 1px;
}
.field-full{
    width: 90% !important;
}
hr.smoth{
    border: none;
    border-bottom: 1px solid #ddd;
}
fieldset.smoth{
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 5px;
    box-sizing: border-box;
    background: #fcfcfc;
}
fieldset.smoth legend{
    color: #888;
}
.ui-tabs .ui-tabs-nav{
    margin-bottom: 6px !important;
}
.jq-horario {
    clear: both;
    padding: 15px;
    background: #efefef;
    border-radius: 10px;
    width: 400px;
}
.jq-horario .jq-horario-dia{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.jq-horario .jq-horario-dia .dia{
    width: 100px;
    display:flex;
    justify-content: flex-start;
    padding-right: 5px;
}
.jq-horario-items{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    align-items: flex-end;
    width: 70%;
}
.jq-horario-items .btnacao{
    margin-bottom: 3px;
    width: 50px;
    display: flex;
    justify-content: space-around;
}
.jq-horario-items .btnacao button{
    padding-top: 3px !important;
    padding-bottom: 14px !important;
    background: #eee !important;
}
.jq-horario-items .group-items{
    width: 70%;
}
.jq-horario-items .item{
    width: 100%;
}
.jq-horario-items .item input{
    width: 45% !important;
}
.jq-horario-dia .dia-grupo{
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    margin: 5px;
    background: #ccc !important;
}
.permission.ui-checkbox-box{
    width: 1.5em !important;
    height: 1.6em !important;
}

.btn-padrao {
    align-items: flex-start;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(238, 238, 238);
    background-image: url(themes/duobox-2/images/ui-bg_flat_100_eeeeee_40x100.png);
    background-origin: padding-box;
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat-x:;
    background-repeat-y:;
    background-size: auto;
    border-bottom-color: rgb(216, 220, 223);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(216, 220, 223);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(216, 220, 223);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(216, 220, 223);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-family: Arial, sans-serif;
    font-size: 11.2px;
    font-stretch: 100%;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-weight: 700;
    height: 25.9375px;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 1.12px;
    margin-top: 0px;
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0px;
    position: relative;
    text-align: center;
    text-decoration-color: rgb(1, 65, 116);
    text-decoration-line: none;
    text-decoration-style: solid;
    text-indent: 0px;
    text-rendering: auto;
    text-shadow: none;
    text-transform: none;
    word-spacing: 0px;
    writing-mode: horizontal-tb;
    zoom: 1;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-appearance: none;
    -webkit-border-image: none;
    justify-content: space-between;
    align-items: center;
}

.btn-padrao:hover {
    /* url(/styles/moderno/themes/duobox-2/images/ui-bg_flat_65_ffffff_40x100.png) */
    background: #fff  50% 50% repeat-x !important;
}

.btn-padrao span.btn-text {
    padding: 0 !important;
}

.btn-padrao .fa {
    margin-right: 5px;
}

.box-toolbar {
    display: flex;
    border: 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.box-toolbar.toolbar-right {
    justify-content: flex-end;
}

.input-padrao:read-only {
    background-color: #cecece;
}

.input-padrao {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(255, 255, 255);
    /*background-image: url(/styles/moderno/themes/duobox-2/images/ui-bg_flat_75_ffffff_40x100.png);*/
    background-origin: padding-box;
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat-x:;
    background-repeat-y:;
    background-size: auto;
    border-bottom-color: rgb(153, 153, 153);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(153, 153, 153);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(153, 153, 153);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(153, 153, 153);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top-style: solid;
    border-top-width: 1px;
    color: rgb(51, 51, 51);
    cursor: text;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 11.704px;
    font-stretch: 100%;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-weight: 400;
    height: 13px;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 1.1704px;
    padding-left: 2.3408px;
    padding-right: 2.3408px;
    padding-top: 1.1704px;
    text-align: left;
    text-indent: 0px;
    text-rendering: auto;
    text-shadow: none;
    text-transform: none;
    word-spacing: 0px;
    writing-mode: horizontal-tb;
    -webkit-appearance: none;
    -webkit-rtl-ordering: logical;
}
.row-hover{
    width: 100%;
    overflow: hidden;
    padding: 1px 0;
    display: flex;
    align-items: center;
}
.row-hover:hover{
    background: #EEEEEE;
}
.input-full{
    width: 100% !important;
}
.instrucao-input{
    padding-left: 5px
}



.ps-brand-x30,
.ps-brand-x40,
.ps-brand-x60 {
    display: inline-block;
    overflow: hidden;
    text-indent: -5000px;
    border: solid #eee;
    border-width: 1px 1px 2px;
    border-radius: 3px;
    box-sizing: border-box;
    background-color: #fff;
    vertical-align: middle;
}

.ps-brand-x30 {
    background-image: url(/images/cartoes/ps-brands-x30.png);
    display: none;
    width: 45px;
    height: 30px;
    background-size: 370px 330px
}

.ps-brand-x30--alelo {
    background-position: -65px 0;
    display: inline-block
}

.ps-brand-x30--amex {
    background-position: -130px -200px;
    display: inline-block
}

.ps-brand-x30--aura {
    background-position: 0 -50px;
    display: inline-block
}

.ps-brand-x30--balance {
    background-position: -65px -50px;
    display: inline-block
}

.ps-brand-x30--banesecard {
    background-position: -130px 0;
    display: inline-block
}

.ps-brand-x30--banri-compras {
    background-position: -130px -50px;
    display: inline-block
}

.ps-brand-x30--banrisul {
    background-position: 0 -100px;
    display: inline-block
}

.ps-brand-x30--bb {
    background-position: -65px -100px;
    display: inline-block
}

.ps-brand-x30--boleto {
    background-position: -130px -100px;
    display: inline-block
}

.ps-brand-x30--bradesco {
    background-position: -195px 0;
    display: inline-block
}

.ps-brand-x30--brasilcard {
    background-position: -195px -50px;
    display: inline-block
}

.ps-brand-x30--cabal-debito {
    background-position: -195px -100px;
    display: inline-block
}

.ps-brand-x30--cabal {
    background-position: 0 -150px;
    display: inline-block
}

.ps-brand-x30--caixa {
    background-position: -65px -150px;
    display: inline-block
}

.ps-brand-x30--default {
    background-position: -130px -150px;
    display: inline-block
}

.ps-brand-x30--diners {
    background-position: -195px -150px;
    display: inline-block
}

.ps-brand-x30--elo {
    background-position: 0 -200px;
    display: inline-block
}

.ps-brand-x30--fortbrasil {
    background-position: -65px -200px;
    display: inline-block
}

.ps-brand-x30--grandcard {
    background-position: 0 0;
    display: inline-block
}

.ps-brand-x30--hiper {
    background-position: -195px -200px;
    display: inline-block
}

.ps-brand-x30--hipercard {
    background-position: -260px 0;
    display: inline-block
}

.ps-brand-x30--itau {
    background-position: -260px -50px;
    display: inline-block
}

.ps-brand-x30--maestro {
    background-position: -260px -100px;
    display: inline-block
}

.ps-brand-x30--mais {
    background-position: -260px -150px;
    display: inline-block
}

.ps-brand-x30--mastercard {
    background-position: -260px -200px;
    display: inline-block
}

.ps-brand-x30--personalcard {
    background-position: 0 -250px;
    display: inline-block
}

.ps-brand-x30--prepaid-card {
    background-position: -65px -250px;
    display: inline-block
}

.ps-brand-x30--santander {
    background-position: -130px -250px;
    display: inline-block
}

.ps-brand-x30--sodexo {
    background-position: -195px -250px;
    display: inline-block
}

.ps-brand-x30--sorocred {
    background-position: -260px -250px;
    display: inline-block
}

.ps-brand-x30--ticket {
    background-position: -325px 0;
    display: inline-block
}

.ps-brand-x30--upbrasil {
    background-position: -325px -50px;
    display: inline-block
}

.ps-brand-x30--valecard {
    background-position: -325px -100px;
    display: inline-block
}

.ps-brand-x30--visa-electron {
    background-position: -325px -150px;
    display: inline-block
}

.ps-brand-x30--visa {
    background-position: -325px -200px;
    display: inline-block
}

.ps-brand-x30--vr {
    background-position: -325px -250px;
    display: inline-block
}

.ps-brand-x30--policard {
    background-position: 0 -300px;
    display: inline-block
}

.ps-brand-x40 {
    background-image: url(/images/cartoes/ps-brands-x40.png);
    display: none;
    width: 60px;
    height: 40px;
    background-size: 460px 400px
}

.ps-brand-x40--alelo {
    background-position: -80px 0;
    display: inline-block
}

.ps-brand-x40--amex {
    background-position: -160px -240px;
    display: inline-block
}

.ps-brand-x40--aura {
    background-position: 0 -60px;
    display: inline-block
}

.ps-brand-x40--balance {
    background-position: -80px -60px;
    display: inline-block
}

.ps-brand-x40--banesecard {
    background-position: -160px 0;
    display: inline-block
}

.ps-brand-x40--banri-compras {
    background-position: -160px -60px;
    display: inline-block
}

.ps-brand-x40--banrisul {
    background-position: 0 -120px;
    display: inline-block
}

.ps-brand-x40--bb {
    background-position: -80px -120px;
    display: inline-block
}

.ps-brand-x40--boleto {
    background-position: -160px -120px;
    display: inline-block
}

.ps-brand-x40--bradesco {
    background-position: 0 -180px;
    display: inline-block
}

.ps-brand-x40--brasilcard {
    background-position: -80px -180px;
    display: inline-block
}

.ps-brand-x40--cabal-debito {
    background-position: -160px -180px;
    display: inline-block
}

.ps-brand-x40--cabal {
    background-position: -240px 0;
    display: inline-block
}

.ps-brand-x40--caixa {
    background-position: -240px -60px;
    display: inline-block
}

.ps-brand-x40--default {
    background-position: -240px -120px;
    display: inline-block
}

.ps-brand-x40--diners {
    background-position: -240px -180px;
    display: inline-block
}

.ps-brand-x40--elo {
    background-position: 0 -240px;
    display: inline-block
}

.ps-brand-x40--fortbrasil {
    background-position: -80px -240px;
    display: inline-block
}

.ps-brand-x40--grandcard {
    background-position: 0 0;
    display: inline-block
}

.ps-brand-x40--hiper {
    background-position: -240px -240px;
    display: inline-block
}

.ps-brand-x40--hipercard {
    background-position: -320px 0;
    display: inline-block
}

.ps-brand-x40--itau {
    background-position: -320px -60px;
    display: inline-block
}

.ps-brand-x40--maestro {
    background-position: -320px -120px;
    display: inline-block
}

.ps-brand-x40--mais {
    background-position: -320px -180px;
    display: inline-block
}

.ps-brand-x40--mastercard {
    background-position: -320px -240px;
    display: inline-block
}

.ps-brand-x40--personalcard {
    background-position: 0 -300px;
    display: inline-block
}

.ps-brand-x40--prepaid-card {
    background-position: -80px -300px;
    display: inline-block
}

.ps-brand-x40--santander {
    background-position: -160px -300px;
    display: inline-block
}

.ps-brand-x40--sodexo {
    background-position: -240px -300px;
    display: inline-block
}

.ps-brand-x40--sorocred {
    background-position: -320px -300px;
    display: inline-block
}

.ps-brand-x40--ticket {
    background-position: -400px 0;
    display: inline-block
}

.ps-brand-x40--upbrasil {
    background-position: -400px -60px;
    display: inline-block
}

.ps-brand-x40--valecard {
    background-position: -400px -120px;
    display: inline-block
}

.ps-brand-x40--visa-electron {
    background-position: -400px -180px;
    display: inline-block
}

.ps-brand-x40--visa {
    background-position: -400px -240px;
    display: inline-block
}

.ps-brand-x40--vr {
    background-position: -400px -300px;
    display: inline-block
}

.ps-brand-x40--policard {
    background-position: 0 -360px;
    display: inline-block
}

.ps-brand-x60 {
    background-image: url(/images/cartoes/ps-brands-x60.png);
    display: none;
    width: 90px;
    height: 60px;
    background-size: 640px 540px
}

.ps-brand-x60--alelo {
    background-position: -110px 0;
    display: inline-block
}

.ps-brand-x60--amex {
    background-position: -220px -320px;
    display: inline-block
}

.ps-brand-x60--aura {
    background-position: 0 -80px;
    display: inline-block
}

.ps-brand-x60--balance {
    background-position: -110px -80px;
    display: inline-block
}

.ps-brand-x60--banesecard {
    background-position: -220px 0;
    display: inline-block
}

.ps-brand-x60--banri-compras {
    background-position: -220px -80px;
    display: inline-block
}

.ps-brand-x60--banrisul {
    background-position: 0 -160px;
    display: inline-block
}

.ps-brand-x60--bb {
    background-position: -110px -160px;
    display: inline-block
}

.ps-brand-x60--boleto {
    background-position: -220px -160px;
    display: inline-block
}

.ps-brand-x60--bradesco {
    background-position: 0 -240px;
    display: inline-block
}

.ps-brand-x60--brasilcard {
    background-position: -110px -240px;
    display: inline-block
}

.ps-brand-x60--cabal-debito {
    background-position: -220px -240px;
    display: inline-block
}

.ps-brand-x60--cabal {
    background-position: -330px 0;
    display: inline-block
}

.ps-brand-x60--caixa {
    background-position: -330px -80px;
    display: inline-block
}

.ps-brand-x60--default {
    background-position: -330px -160px;
    display: inline-block
}

.ps-brand-x60--diners {
    background-position: -330px -240px;
    display: inline-block
}

.ps-brand-x60--elo {
    background-position: 0 -320px;
    display: inline-block
}

.ps-brand-x60--fortbrasil {
    background-position: -110px -320px;
    display: inline-block
}

.ps-brand-x60--grandcard {
    background-position: 0 0;
    display: inline-block
}

.ps-brand-x60--hiper {
    background-position: -330px -320px;
    display: inline-block
}

.ps-brand-x60--hipercard {
    background-position: -440px 0;
    display: inline-block
}

.ps-brand-x60--itau {
    background-position: -440px -80px;
    display: inline-block
}

.ps-brand-x60--maestro {
    background-position: -440px -160px;
    display: inline-block
}

.ps-brand-x60--mais {
    background-position: -440px -240px;
    display: inline-block
}

.ps-brand-x60--mastercard {
    background-position: -440px -320px;
    display: inline-block
}

.ps-brand-x60--personalcard {
    background-position: 0 -400px;
    display: inline-block
}

.ps-brand-x60--prepaid-card {
    background-position: -110px -400px;
    display: inline-block
}

.ps-brand-x60--santander {
    background-position: -220px -400px;
    display: inline-block
}

.ps-brand-x60--sodexo {
    background-position: -330px -400px;
    display: inline-block
}

.ps-brand-x60--sorocred {
    background-position: -440px -400px;
    display: inline-block
}

.ps-brand-x60--ticket {
    background-position: -550px 0;
    display: inline-block
}

.ps-brand-x60--upbrasil {
    background-position: -550px -80px;
    display: inline-block
}

.ps-brand-x60--valecard {
    background-position: -550px -160px;
    display: inline-block
}

.ps-brand-x60--visa-electron {
    background-position: -550px -240px;
    display: inline-block
}

.ps-brand-x60--visa {
    background-position: -550px -320px;
    display: inline-block
}

.ps-brand-x60--vr {
    background-position: -550px -400px;
    display: inline-block
}

.ps-brand-x60--policard {
    background-position: 0 -480px;
    display: inline-block
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .ps-brand-x30 {
        background-image: url(/images/cartoes/ps-brands-x30@2x.png)
    }
    .ps-brand-x40 {
        background-image: url(/images/cartoes/ps-brands-x40@2x.png)
    }
    .ps-brand-x60 {
        background-image: url(/images/cartoes/ps-brands-x60@2x.png)
    }
}

/** NOTIFICACOES PUSH - INICIO */
notify notify-item {
    display: block;
    border: 1px solid #9e9e9e33;
    border-radius: 5px;
    margin: 2px;
    text-align: left;
    background: #fff;
}
notify notify-item.p-alta {
    background: #ffeaea;
}
notify notify-item.p-baixa {
    background: #fff9f0;
}
notify notify-item div.text {
    color: #444;
    margin-left: 5px;
    margin-bottom: 5px;
    display: none;
}
notify notify-item div.text a {
    background: #f6f6f699;
    padding: 2px 5px;
    margin-left: 5px;
    border: 1px solid #0000001f;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
}

notify notify-item h4 {
    display: block;
    margin: 5px;
    margin-right: 15px;
    cursor: pointer;
}
notify notify-item h4.lida {
    font-weight: normal;
}
notify notify-item.opened-item h4:after {
    content: '▲';
    font-size: 6px;
    padding: 2px 3px;
}
notify notify-item h4:after {
    content: '▼';
    font-size: 5px;
    background: #eee;
    border-radius: 9px;
    padding: 3px 3px 1px;
    margin-left: 3px;
    position: absolute;
    margin-top: 2px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}
notify notify-item h4:hover:after {
    background: #f3f3f3;
}
notify notify-item.notify-empty {
    padding: 15px;
    text-align: center;
}
notify notify-item.notify-loading {
    padding: 10px;
    text-align: center;
}
notify notify-footer {
    font-size: 10px;
    display: block;
    padding-bottom: 3px;
}
notify notify-footer a {
    text-decoration: none;
}
#menuCentralNotificacoes {
    position: absolute;
    border: 1px solid #d8dcdf;
    border-radius: 5px;
    width: 250px;
    background: #eee;
    z-index: 1;
    display: none;
}
#menuCentralNotificacoes::before {
    content: '';
    width: 0;
    display: block;
    border-bottom: 8px solid #8f8f8f66;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: -9px;
    left: 4px;
}
#omenuCentralNotificacoes {
    margin-right: 5px;
}
#omenuCentralNotificacoes.ponto-notificacao::after {
    content: attr(data-naolidas);
    position: absolute;
    top: -5px;
    right: -5px;
    background: #e61000;
    border-radius: 100%;
    padding: 1px 3.5px;
    font-size: 9px;
    font-weight: 100;
    color: #fff;
    box-shadow: 0px 0px 2px -2px #fff;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
}
/** NOTIFICACOES PUSH - FIM */