body {
  font-family: 'Open Sans', sans-serif !important;
  background: #fdfdfd !important;
  font-size: 13px !important;
  color: #333333 !important;
}
*,
a:focus {
  outline: none !important;
}
button:focus {
  outline: none !important;
}
button::-moz-focus-inner {
  border: 0;
}
a:hover {
  color: #333333;
}
a {
	color: #8ec657;
	outline: 0 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', sans-serif !important;
  margin: 0 0 5px !important;
  font-weight: 600 !important;
  color: #7c7c7c !important;
}
h1.glyphicons,
h2.glyphicons,
h3.glyphicons,
h4.glyphicons,
h5.glyphicons,
h6.glyphicons {
  color: #7c7c7c;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  color: #afafaf;
  font-weight: 400;
  padding: 0 5px;
  font-style: italic;
}
h1 span,
h2 span,
h3 span {
  font-size: 50%;
  text-transform: none;
  padding: 0;
  position: relative;
  top: -3px;
  font-weight: 400;
}
h1,
h2,
h3 {
  line-height: 30px;
}

/*    Abas de nageva��o      */
.tabs li, .tabs li.tabs-selected, .tabs li.tabs-selected a{
	border-radius:0 !important;
	margin-right: 0 !important;
	border:none !important;
}
.tab_header, .tabs-wrap {
 /*  height: 35px; */
  border: 1px solid #d8d8d8 !important;
  background-color: #f9f9f9 !important;
  background-image: -moz-linear-gradient(top, #fdfdfd, #f4f4f4) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#f4f4f4))  !important;
  background-image: -webkit-linear-gradient(top, #fdfdfd, #f4f4f4)  !important;
  background-image: -o-linear-gradient(top, #fdfdfd, #f4f4f4)  !important;
  background-image: linear-gradient(to bottom, #fdfdfd, #f4f4f4)  !important;
  background-repeat: repeat-x  !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfdfd', endColorstr='#fff4f4f4', GradientType=0)  !important;
  box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8  !important;
  -moz-box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8  !important;
  -webkit-box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8 !important;
  position: relative !important;
  overflow: hidden !important;
  margin:15px !important;

}
.tabs ul.tab_header, .tabs ul{
	width: auto !important;
}
.tab_header ul, .tabs-wrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 60px;
}
/* .grad_grey, button.light, .alert_light, .ui-multiselect li,
#nav_top > ul > li,
#nav_top > ul > li > ul.dropdown li,
.breadcrumb, .toggle_all, .content_accordion h3.bar,
.dataTables_scrollHead,
.dataTables_paginate span.fg-button,
.list_slider .slider-nav,
.slider-content .title,
.list_slider .slide-up, .list_slider .slide-down, .side_links li a, .fc .fc-agenda-slots tr th, table.static thead tr th, .wizard .wizard_steps ul li.current, .alert_light, #wrapper div.main_container .box.light h2.box_head, .ui-datepicker-header  */
.tabs ul.tab_header li,.tabs-wrap ul.tabs li  {
  float: left  !important;
  display: block !important;
/*   height: 54px !important;
 */  border-right: 1px solid #d8d8d8 !important;
  background: #fdfdfd !important;
  padding: 3px !important;
}
.tabs ul.tab_header li a, .tabs-wrap ul.tabs li a {
  background-color: #F9F9F9 !important;
    background-image: linear-gradient(to bottom, #FDFDFD, #F4F4F4) !important;
    background-repeat: repeat-x !important;
    color: #7C7C7C !important;
    display: block !important;
    height: 29px !important;
    line-height: 29px !important;
    padding: 0 8px !important;
    text-decoration: none !important;
    transition: background 1s ease 0s !important;
    margin:0 !important;
    border-bottom: none !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .tabs-wrap ul.tabs li.tabs-selected a  {
	background-color: #A5D279 !important;
    background-image: linear-gradient(to bottom, #B4D990, #8EC657) !important;
    background-repeat: repeat-x !important;
    color: #FFFFFF !important;
}

.round_top, #side_accordion li:first-child a, #side_accordion li:first-child, .side_links li:first-child, .side_links li:first-child a, .box h2.box_head, .tabs ul.tab_header, .tabs ul.tab_header li a, .block .content_accordion li:first-child h3.bar, .box.no_titlebar, .box.no_titlebar li:first-child, .box.no_titlebar li:first-child h3, .dataTables_wrapper .ui-corner-tl, .ui-datepicker .ui-datepicker-header, .ui-dialog .ui-dialog-titlebar,.round_top, #side_accordion li:first-child a, #side_accordion li:first-child, .side_links li:first-child, .side_links li:first-child a, .box h2.box_head, .tabs ul.tab_header, .tabs ul.tab_header li a, .block .content_accordion li:first-child h3.bar, .box.no_titlebar, .box.no_titlebar li:first-child, .box.no_titlebar li:first-child h3, .dataTables_wrapper .ui-corner-tl, .ui-datepicker .ui-datepicker-header, .ui-dialog .ui-dialog-titlebar{
	border-radius:0 !important;
}


.flat_area grid_16,.flat_area h2,#estruturaContrato #topo fieldset legend {
	background-color: #F9F9F9 !important;
    background-image: linear-gradient(to bottom, #FDFDFD, #F4F4F4) !important;
    background-repeat: repeat-x !important;
    border: 1px solid #D8D8D8 !important;
    box-shadow: 0 1px 0 0 #F7F7F7, 0 5px 4px -4px #D8D8D8 !important;
    height: 35px !important;
    line-height: 35px !important;
    overflow: hidden !important;
    padding: 0 15px 0 0 !important;
    position: relative !important;
}
.flat_area h2{
    font-size: 18px !important;
    padding-left: 15px !important;
}
div.main_container .box{
	border: 1px solid #D8D8D8 !important;
	border-top: -9;
	margin-top:0;
	margin-left: 0.98%;
	border-radius:0 !important;
}
.box a.toggle{
	display:none;
	}
div.main_container{
	background: #fff;
	height: auto !important;
}
#wrapper{
    border: none;
    margin: 0px;
    width: 100%;
    height: 100% important;
    border-top: none !important;
    /*
    Rodrigo Pecci Acorse - 11/11/2013 - #123390
    O float e overflow foram definidos para os valores default para garantir que n�o ir� quebrar o layout se o css style-light.css (do layout novo) tamb�m for importado.
    */
    float: none;
    overflow: visible;
}
.box .block{
	border: none !important;
}
.panel-header{
	border:none !important;
}
input, textarea {
	background: #FFF !important;
}

#tst{
	background: linear-gradient(to bottom, #FCFCFC 0%, #F5F5F5 100%) repeat scroll 0 0 transparent !important;
    border-bottom: 1px solid #D8D8D8 !important;
    border-top: 1px solid #D8D8D8 !important;
    font-size: 12px !important;
    margin: 0 !important;
    right: 0 !important;
    height: 41px !important;
}
 .l-btn , .l-btn-plain {
    font-weight: 600 !important;
    border-right: 1px solid #D8D8D8 !important;
    height: 41px;
    list-style: none outside none;
    position: relative;
    white-space: nowrap;
}

img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
/* Desenvolvedor: Pedro Lino - Data: 25/10/2013 - Hor�rio: 10:35 - ID Citsmart: 120948
- Motivo/Coment�rio: Imagens de a��o das table pequenas no chrome/retirado max-width das imagens apenas das tables */
table img {
	max-width: none!important;
}

.navbar.main .topnav:last-of-type {
    margin-right: 0;
}
.navbar.main .topnav, .navbar.main .topnav ul {
    border-left: 1px solid #D8D8D8;
    border-right: 1px solid #FFFFFF;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.rimless {
    border: 0 none !important;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.mr10 {
	margin-right: 10px;
}
.navbar.main .topnav > li {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #D8D8D8;
    display: block;
    float: left;
    height: 75px;
    line-height: 33px;
    padding: 0;
    position: relative;
}
.navbar.main .topnav > li > a.glyphicons {
    padding: 20px;
}
.navbar.main .topnav > li > a {
    color: #7C7C7C;
    display: block;
    height: 33px;
    line-height: 33px;
    padding: 20px 10px;
    text-decoration: none;
    transition: background 0.5s ease 0s;
}



#menu {

  background: #f2f3f4;
  box-shadow: 0px 0px 3px 2px #f0f0f0;
  -moz-box-shadow: 0px 0px 3px 2px #f0f0f0;
  -webkit-box-shadow: 0px 0px 3px 2px #f0f0f0;
  border-right: 1px solid #d8d8d8;
}
#menu .appbrand {
  font-size: 19px;
  font-weight: 700;
  display: block;
  text-decoration: none;
  height: 38px;
  line-height: 38px;
  padding: 0 10px;
  color: #8ec657;
  background: #fafafa;
}
#menu .appbrand > span {
  font-weight: 400;
  color: #b3b3b3;
  font-size: 13px;
}
#menu .profile {
  display: block;
  height: 101px;
  line-height: normal;
  padding: 10px;
  border-bottom: 1px solid #fafafb;
  border-top: 1px solid #d8d8d8;
  background: #f2f3f4;
}
#menu .profile span {
  text-align: left;
  display: block;
  padding: 0;
  width: 140px;
  float: right;
}
#menu .profile span ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu .profile span ul li {
  height: 19px;
  line-height: 19px;
  margin: 0 0 3px;
  border-bottom: 1px solid #fafafb;
}
#menu .profile span ul li a {
  display: block;
  color: #7c7c7c;
  font-size: 12px;
  padding: 0 3px 0 25px;
  border: 1px solid #d8d8d8;
  height: 17px;
  line-height: 17px;
  background: #fafafb;
}
#menu .profile span ul li a i:before {
  font-size: 12px;
  font-weight: 400;
  color: #afafaf;
  left: 7px;
  top: 3px;
}
#menu .profile span ul li a:hover {
  text-decoration: none;
  border-color: #bfbfbf;
}
#menu .profile .img {
  border: 1px solid #d8d8d8;
  border-bottom: 4px solid #d8d8d8;
  display: block;
  width: 62px;
  height: 62px;
  float: left;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
#menu .profile .img img {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
#menu .profile .img:hover {
  border-color: #bfbfbf;
}
#menu .slim-scroll > ul.menu-0,
#menu > ul.menu-0 {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  background: #f2f3f4;
  border-top: 1px solid #d8d8d8;
}
#menu .slim-scroll > ul.menu-0.affix,
#menu > ul.menu-0.affix {
  top: 0;
  width: 203px;
  z-index: 1000;
}
#menu .slim-scroll > ul.menu-0 > li,
#menu > ul.menu-0 > li {
  display: block;
  height: 41px;
  line-height: 41px;
  border-bottom: 1px solid #d8d8d8;
  box-shadow: 0 1px 0 0 #fafafb;
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
#menu .slim-scroll > ul.menu-0 > li .count,
#menu > ul.menu-0 > li .count {
  display: inline-block;
  background: #fafafb;
  color: #7c7c7c;
  text-shadow: 0 1px 0 #ffffff;
  font-weight: 700;
  font-size: 10px;
  padding: 1px 8px;
  position: absolute;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  top: 12px;
  right: 15px;
  line-height: normal;
  border: 1px solid #fafafb;
  box-shadow: 0 0 0 1px #e1e5e9 inset;
}
#menu .slim-scroll > ul.menu-0 > li a,
#menu > ul.menu-0 > li a {
  display: block;
  width: auto;
  padding: 0;
  margin: 0;
  height: 41px;
  line-height: 41px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  color: #7c7c7c;
  text-shadow: 0 1px 0 #ffffff;
}
#menu .slim-scroll > ul.menu-0 > li a.glyphicons,
#menu > ul.menu-0 > li a.glyphicons {
  padding: 0 0 0 45px;
}
#menu .slim-scroll > ul.menu-0 > li a.glyphicons i:before,
#menu > ul.menu-0 > li a.glyphicons i:before {
  font-size: 17px;
  color: #7c7c7c;
  top: 12px;
  left: 15px;
}
#menu .slim-scroll > ul.menu-0 > li a:hover,
#menu > ul.menu-0 > li a:hover {
  background-color: #f4f5f5;
  background-image: -moz-linear-gradient(top, #fafbfb, #ececec);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafbfb), to(#ececec));
  background-image: -webkit-linear-gradient(top, #fafbfb, #ececec);
  background-image: -o-linear-gradient(top, #fafbfb, #ececec);
  background-image: linear-gradient(to bottom, #fafbfb, #ececec);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafbfb', endColorstr='#ffececec', GradientType=0);
}
#menu .slim-scroll > ul.menu-0 > li.active,
#menu > ul.menu-0 > li.active {
  position: relative;
  overflow: visible;
  box-shadow: 0 4px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 #fafafb;
}
#menu .slim-scroll > ul.menu-0 > li.active > a,
#menu > ul.menu-0 > li.active > a {
  background-color: #9dce6e;
  background-image: -moz-linear-gradient(top, #a8d37d, #8ec657);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a8d37d), to(#8ec657));
  background-image: -webkit-linear-gradient(top, #a8d37d, #8ec657);
  background-image: -o-linear-gradient(top, #a8d37d, #8ec657);
  background-image: linear-gradient(to bottom, #a8d37d, #8ec657);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa8d37d', endColorstr='#ff8ec657', GradientType=0);
  color: #fff;
  box-shadow: 0 1px 0 0 #a8d37d inset;
  text-shadow: 0 1px 0 #5b892e;
  border: 1px solid #689c35;
  height: 40px;
  line-height: 40px;
}
#menu .slim-scroll > ul.menu-0 > li.active > a:hover,
#menu > ul.menu-0 > li.active > a:hover {
  background: #8ec657;
}
#menu .slim-scroll > ul.menu-0 > li.active.glyphicons a i:before,
#menu > ul.menu-0 > li.active.glyphicons a i:before {
  color: #fff;
}
#menu .slim-scroll > ul.menu-0 > li.glyphicons > a,
#menu > ul.menu-0 > li.glyphicons > a {
  padding: 0 0 0 45px;
}
#menu .slim-scroll > ul.menu-0 > li.glyphicons > a i:before,
#menu > ul.menu-0 > li.glyphicons > a i:before {
  font-size: 17px;
  color: #7c7c7c;
  top: 12px;
  left: 15px;
}
#menu .slim-scroll > ul.menu-0 > li.hasSubmenu,
#menu > ul.menu-0 > li.hasSubmenu,
#menu .slim-scroll > ul.menu-0 > li .hasSubmenu,
#menu > ul.menu-0 > li .hasSubmenu {
  position: relative;
}
#menu .slim-scroll > ul.menu-0 > li.hasSubmenu.active,
#menu > ul.menu-0 > li.hasSubmenu.active {
  height: auto;
  background: #7c7c7c;
  padding: 0;
  box-shadow: 0 1px 0 0 #fafafb;
}
#menu .slim-scroll > ul.menu-0 > li.hasSubmenu.active > a,
#menu > ul.menu-0 > li.hasSubmenu.active > a {
  background-color: #f4f5f5;
  background-image: -moz-linear-gradient(top, #fafbfb, #ececec);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafbfb), to(#ececec));
  background-image: -webkit-linear-gradient(top, #fafbfb, #ececec);
  background-image: -o-linear-gradient(top, #fafbfb, #ececec);
  background-image: linear-gradient(to bottom, #fafbfb, #ececec);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafbfb', endColorstr='#ffececec', GradientType=0);
  border: none;
  box-shadow: none;
  text-shadow: 0 1px 0 #ffffff;
  color: #7c7c7c;
}
#menu .slim-scroll > ul.menu-0 > li.hasSubmenu.active > a i:before,
#menu > ul.menu-0 > li.hasSubmenu.active > a i:before {
  color: #7c7c7c;
}
#menu .slim-scroll > ul.menu-0 > li.heading,
#menu > ul.menu-0 > li.heading {
  height: 25px;
  line-height: 25px;
}
#menu .slim-scroll > ul.menu-0 > li.heading span,
#menu > ul.menu-0 > li.heading span {
  display: block;
  background: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
  font-size: 9pt;
  text-transform: uppercase;
}
#menu .slim-scroll > ul.menu-0 li.active:not(.hasSubmenu) + li > a:hover,
#menu > ul.menu-0 li.active:not(.hasSubmenu) + li > a:hover {
  -webkit-box-shadow: inset 0 4px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 4px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 4px 2px 0 rgba(0, 0, 0, 0.1);
}
#menu .slim-scroll > ul.menu-0 li.active:not(.hasSubmenu) + li.hasSubmenu.active > a,
#menu > ul.menu-0 li.active:not(.hasSubmenu) + li.hasSubmenu.active > a {
  -webkit-box-shadow: inset 0 4px 2px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 4px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 4px 2px 0 rgba(0, 0, 0, 0.1);
}
#menu .slim-scroll > ul.menu-0 ul,
#menu > ul.menu-0 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu .slim-scroll > ul.menu-0 ul li,
#menu > ul.menu-0 ul li {
  height: auto;
  border-bottom: 1px solid #6e6e6e;
}
#menu .slim-scroll > ul.menu-0 ul li:first-child,
#menu > ul.menu-0 ul li:first-child {
  border-top: 1px solid #3e3e3e;
}
#menu .slim-scroll > ul.menu-0 ul li:first-child > a,
#menu > ul.menu-0 ul li:first-child > a {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 0 0 #888888 inset;
}
#menu .slim-scroll > ul.menu-0 ul li:last-child,
#menu > ul.menu-0 ul li:last-child {
  border-bottom: 1px solid #3e3e3e;
}
#menu .slim-scroll > ul.menu-0 ul li:last-child > a,
#menu > ul.menu-0 ul li:last-child > a {
  box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 0 0 #888888 inset;
}
#menu .slim-scroll > ul.menu-0 ul li a,
#menu > ul.menu-0 ul li a {
  padding: 0 0 0 15px;
  height: 35px;
  line-height: 35px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 0 #888888 inset;
}
#menu .slim-scroll > ul.menu-0 ul li a.glyphicons i:before,
#menu > ul.menu-0 ul li a.glyphicons i:before {
  font-size: 12px;
  top: 7px;
  left: 22px;
  color: #222;
}
#menu .slim-scroll > ul.menu-0 ul li a:hover,
#menu > ul.menu-0 ul li a:hover {
  background: #777777;
}
#menu .slim-scroll > ul.menu-0 ul li .count,
#menu > ul.menu-0 ul li .count {
  top: 9px;
}
#menu .slim-scroll > ul.menu-0 ul li.active a,
#menu > ul.menu-0 ul li.active a {
  font-weight: 600;
  background: #6f6f6f;
}
#menu .slim-scroll > ul.menu-0 ul li.hasSubmenu.active,
#menu > ul.menu-0 ul li.hasSubmenu.active {
  background: rgba(0, 0, 0, 0.02);
}
#menu .slim-scroll > ul.menu-0 ul li.hasSubmenu.active > a,
#menu > ul.menu-0 ul li.hasSubmenu.active > a {
  background: rgba(0, 0, 0, 0.4);
}
#menu .slim-scroll > ul.menu-0 ul li ul li:first-child,
#menu > ul.menu-0 ul li ul li:first-child {
  border-top: 1px solid #3e3e3e;
}
#menu .slim-scroll > ul.menu-0 ul li ul li a,
#menu > ul.menu-0 ul li ul li a {
  height: 34px;
  line-height: 34px;
}
#menu .slim-scroll > ul.menu-0 ul li ul li a span:before,
#menu > ul.menu-0 ul li ul li a span:before {
  font-family: "Glyphicons";
  font-size: 14px;
  color: rgba(255, 255, 255, 0.3);
  content: "\e369";
  display: block;
  float: left;
  font-weight: 400;
  margin: 0 5px 0 0;
}
#menu .slim-scroll > ul.menu-0 ul li ul li.active a,
#menu > ul.menu-0 ul li ul li.active a,
#menu .slim-scroll > ul.menu-0 ul li ul li:hover a,
#menu > ul.menu-0 ul li ul li:hover a {
  color: #fff;
}
#menu .slim-scroll > ul.menu-0 ul li ul li.active a span:before,
#menu > ul.menu-0 ul li ul li.active a span:before,
#menu .slim-scroll > ul.menu-0 ul li ul li:hover a span:before,
#menu > ul.menu-0 ul li ul li:hover a span:before {
  color: #fff;
}
#menu ul.menu-1 {
  border-top: 1px solid #d8d8d8;
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu ul.menu-1 li {
  display: block;
  color: #7c7c7c;
  text-shadow: 0 1px 0 #ffffff;
}
#menu ul.menu-1 a {
  height: 29px;
  line-height: 29px;
  display: block;
  text-decoration: none;
  color: #7c7c7c;
}
#menu ul.menu-1 > li {
  padding: 0;
  display: block;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #d8d8d8;
}
#menu ul.menu-1 > li > a {
  border-top: 1px solid #fafafb;
  background: #f2f3f4;
  padding: 0 10px;
  font-weight: 600;
}
#menu ul.menu-1 > li.active > a,
#menu ul.menu-1 > li:hover > a {
  background-color: #f4f5f5;
  background-image: -moz-linear-gradient(top, #fafbfb, #ececec);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafbfb), to(#ececec));
  background-image: -webkit-linear-gradient(top, #fafbfb, #ececec);
  background-image: -o-linear-gradient(top, #fafbfb, #ececec);
  background-image: linear-gradient(to bottom, #fafbfb, #ececec);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafbfb', endColorstr='#ffececec', GradientType=0);
}
#menu ul.menu-1 > li .glyphicons {
  padding: 0 35px 0 15px;
}
#menu ul.menu-1 > li .glyphicons i:before {
  height: 29px;
  line-height: 29px;
  width: 20px;
  font-size: 13px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 15px;
  left: auto;
  color: #838484;
  display: block;
}
#menu ul.menu-1 > li.hasSubmenu.active {
  background: #fafafa;
  height: auto;
}
#menu ul.menu-1 > li.hasSubmenu.active ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu ul.menu-1 > li.hasSubmenu.active ul li {
  border-bottom: 1px solid #fafafa;
}
#menu ul.menu-1 > li.hasSubmenu.active ul li:hover a {
  background: #ffffff;
}
#menu ul.menu-1 > li.hasSubmenu.active ul li:hover a i:before {
  color: #8ec657;
}
#menu ul.menu-1 > li.hasSubmenu.active ul li:hover:first-child a {
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2) inset;
}
#menu ul.menu-1 > li.hasSubmenu.active ul li:hover:last-child a {
  box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.2) inset;
}
#menu ul.menu-1 > li.hasSubmenu.active ul li:first-child {
  border-top: 1px solid #d8d8d8;
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2) inset;
}
#menu ul.menu-1 > li.hasSubmenu.active ul li:last-child {
  border: none;
  box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.2) inset;
}
#menu ul.menu-1 > li.hasSubmenu.active ul li .glyphicons i:before {
  color: #d4d4d4;
  font-size: 15px;
}
#menu ul.menu-1 > li.hasSubmenu.active ul li a {
  font-size: 11px;
}
#menu.ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}
.menu-left .ui-resizable-e {
  background: rgba(255, 255, 255, 0.2);
  right: 0;
  border-left-width: 1px;
  border-right-width: 1px;
}
.menu-left .ui-resizable-e:hover {
  background: rgba(255, 255, 255, 0.4);
}
.menu-right .ui-resizable-w {
  background: rgba(255, 255, 255, 0.2);
  left: 0;
  border-left-width: 1px;
  border-right-width: 1px;
}
.menu-right .ui-resizable-w:hover {
  background: rgba(255, 255, 255, 0.4);
}
.menu-right #menu {
  left: auto;
  right: 0;
  border-right: none;
  border-left: 1px solid #d8d8d8;
}
.menu-right #content {
  margin: 0 228px 0 0;
}
.menu-right .navbar.main .btn-navbar {
  left: -1px;
}
.menu-right .navbar.main .topnav.tn1 {
  left: 37px;
}
.menu-hidden #menu {
  display: none;
}
.menu-hidden #content {
  margin: 0;
}
.menu-hidden .navbar.main .btn-navbar {
  left: 0;
  border-left: none;
}
.menu-hidden .navbar.main .topnav.tn1 {
  left: 37px;
}
.menu-hidden.login .navbar.main .appbrand,
.menu-hidden.documentation .navbar.main .appbrand {
  display: inline-block;
  border: none;
}
.menu-hidden.login .navbar.main .appbrand span,
.menu-hidden.documentation .navbar.main .appbrand span {
  border: none;
}
.navbar.main {
  height: 75px! important; /* alterado para colocar a logo do citsmart, padrao era 34px */
  /* background-color: #f2f3f4;
  box-shadow: 0 2px 0 0 #f0f0f0;*/
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  margin: 0;
  position: relative;
}
.navbar.main .wrapper {
  min-width: 320px;
  border-bottom: 1px solid #d8d8d8;
}
.navbar.main .toggle-navbar {
  width: 16px;
  height: 55px;
  position: absolute;
  background: #979899;
  display: block;
  top: 0;
  right: 9px;
  cursor: pointer;
  box-shadow: 2px 0 2px 0 #7d7f80 inset, -2px 0 2px 0 #7d7f80 inset;
  z-index: 10000;
}
.navbar.main .toggle-navbar:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #bbbbbb;
  content: "";
  display: block;
  position: absolute;
  bottom: 5px;
  left: 3px;
}
.navbar.main.navbar-hidden {
  height: 0;
}
.navbar.main.navbar-hidden .wrapper {
  display: none;
}
.navbar.main.navbar-hidden .toggle-navbar {
  height: 35px;
}
.navbar.main.navbar-hidden .toggle-navbar:before {
  border-bottom-color: transparent;
  border-top-color: #bbbbbb;
  bottom: 0;
}
.navbar.main .btn-navbar {
  height: 33px;
  line-height: 33px;
  padding: 0 10px;
  margin: 0;
  position: absolute;
  float: none;
  left: 228px;
  top: 1px;
  display: block;
  border: none;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #ffffff;
  box-shadow: inset 1px 0 0 0 #ffffff, inset -1px 0 0 0 #d8d8d8;
  background: #f2f3f4;
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.navbar.main .btn-navbar .icon-bar {
  background: #ffffff;
  box-shadow: 0 1px 0 #d8d8d8;
}
.navbar.main .btn-navbar:hover {
  background: #eceeef;
}
.navbar.main .btn-navbar.ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}
.navbar.main .topnav.tn1 {
  position: absolute;
  left: 266px;
  top: 1px;
}
.navbar.main .topnav,
.navbar.main .topnav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #ffffff;
}
.navbar.main .topnav > li {
  position: relative;
  float: left;
  height: 75px; /* alterado, pois a div com logo ficou maior */
  line-height: 33px;
  display: block;
  padding: 0;
  border-right: 1px solid #d8d8d8;
  border-left: 1px solid #ffffff;
}
.navbar.main .topnav > li > a {
  display: block;
  color: #7c7c7c;
  text-decoration: none;
  padding: 20px 10px;
  height: 33px;
  line-height: 33px;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
.navbar.main .topnav > li > a > img {
  margin: 5 0 3px;
}
.navbar.main .topnav > li > a .count {
  display: inline-block;
  background: #979899;
  font-weight: 700;
  font-size: 10px;
  padding: 1px 8px;
  margin: 0 0 0 5px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  line-height: normal;
  border: 1px solid #fafafb;
  color: #fff;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3) inset;
  font-weight: 400;
  padding: 2px 6px;
}
.navbar.main .topnav > li > a.glyphicons {
  padding: 20px 20px;
}
.navbar.main .topnav > li > a.glyphicons i {
  padding: 0 10px 0 0;
  display: block;
  float: left;
  width: 17px;
  line-height: 33px;
  height: 33px;
}
.navbar.main .topnav > li > a.glyphicons i:before {
  color: #9a9a9b;
  font-size: 17px;
  position: relative;
  width: 17px;
  text-align: center;
  line-height: 33px;
  height: 33px;
  left: auto;
  right: auto;
}
.navbar.main .topnav > li > a.glyphicons.single-icon i {
  padding: 0;
}
.navbar.main .topnav > li > a.glyphicons.logout i {
  float: right;
  padding: 0 0 0 10px;
}
.navbar.main .topnav > li > a:hover {
  background: #eceeef;
}
.navbar.main .topnav > li:last-child.open .dropdown-menu {
  right: 0;
}
.navbar.main .topnav > li.open {
  height: 75px;
}
.navbar.main .topnav > li.open > a {
  background: #363432;
  color: #8ec657;
  position: relative;
}
.navbar.main .topnav > li.open > a i:before {
  color: #f5f5f5;
}
.navbar.main .topnav > li.open > a .caret {
  border-top-color: #333;
}
.navbar.main .topnav > li.open > a:hover i:before {
  color: #f5f5f5;
}
.navbar.main .topnav > li.open .dropdown-menu {
  background: #363432;
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  right: 0;
 /* width: 246px;*/
}
.navbar.main .topnav > li.open .dropdown-menu.pull-left {
  left: 0;
}
.navbar.main .topnav > li.open .dropdown-menu li {
  border-bottom: 1px solid #4a4947;
}
.navbar.main .topnav > li.open .dropdown-menu li:last-child {
  border-bottom: none;
}
.navbar.main .topnav > li.open .dropdown-menu li:first-child > a,
.navbar.main .topnav > li.open .dropdown-menu li:first-child > a:hover,
.navbar.main .topnav > li.open .dropdown-menu li:first-child > span {
  border-top: none;
}
.navbar.main .topnav > li.open .dropdown-menu li > a,
.navbar.main .topnav > li.open .dropdown-menu li > a:hover,
.navbar.main .topnav > li.open .dropdown-menu li > span {
  height: 29px;
  line-height: 29px;
  padding: 0 10px;
  display: block;
  background: #363432;
  color: #c8c8c8;
}
.navbar.main .topnav > li.open .dropdown-menu li > a.glyphicons i:before,
.navbar.main .topnav > li.open .dropdown-menu li > a:hover.glyphicons i:before,
.navbar.main .topnav > li.open .dropdown-menu li > span.glyphicons i:before {
  left: auto;
  right: 10px;
  top: 5px;
  font-size: 17px;
  color: #c4c4c4;
}
.navbar.main .topnav > li.open .dropdown-menu li > a:hover {
  background: #1c1a19;
}
.navbar.main .topnav > li.open .dropdown-menu li.active {
  background: #0e0e0d;
}
.navbar.main .topnav > li.open .dropdown-menu li.active a {
  background: #0e0e0d;
}
.navbar.main .topnav > li.open .dropdown-menu li .btn {
  margin: 3px 0;
}
.navbar.main .topnav > li.open .dropdown-menu li.highlight > a,
.navbar.main .topnav > li.open .dropdown-menu li.highlight > a:hover,
.navbar.main .topnav > li.open .dropdown-menu li.highlight > span {
  background: rgba(0, 0, 0, 0.1);
}
.navbar.main .topnav > li.open .dropdown-menu li.profile a:hover {
  color: #fff;
}
.navbar.main .topnav > li.open .dropdown-menu li.profile > a,
.navbar.main .topnav > li.open .dropdown-menu li.profile > a:hover,
.navbar.main .topnav > li.open .dropdown-menu li.profile > span {
  height: auto;
  line-height: normal;
  padding: 5px 10px 10px;
}
.navbar.main .topnav > li.open .dropdown-menu li.profile > a .heading,
.navbar.main .topnav > li.open .dropdown-menu li.profile > a:hover .heading,
.navbar.main .topnav > li.open .dropdown-menu li.profile > span .heading {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 5px;
}
.navbar.main .topnav > li.open .dropdown-menu li.profile > a .heading a,
.navbar.main .topnav > li.open .dropdown-menu li.profile > a:hover .heading a,
.navbar.main .topnav > li.open .dropdown-menu li.profile > span .heading a {
  text-transform: none;
}
.navbar.main .topnav > li.open .dropdown-menu li.profile > a .img,
.navbar.main .topnav > li.open .dropdown-menu li.profile > a:hover .img,
.navbar.main .topnav > li.open .dropdown-menu li.profile > span .img {
  display: inline-block;
  float: left;
  width: 47px;
  height: 45px;
  line-height: 45px;
  background: #272729;
  margin: 0 10px 0 0;
  position: relative;
}
.navbar.main .topnav > li.open .dropdown-menu li.profile > a .img:before,
.navbar.main .topnav > li.open .dropdown-menu li.profile > a:hover .img:before,
.navbar.main .topnav > li.open .dropdown-menu li.profile > span .img:before {
  text-align: center;
  width: 47px;
  height: 45px;
  line-height: 45px;
  content: "\e004";
  color: #595959;
  font-family: "Glyphicons";
  font-size: 24px;
  position: absolute;
  display: block;
}
.navbar.main .topnav > li.open .dropdown-menu li.profile > a .clearfix,
.navbar.main .topnav > li.open .dropdown-menu li.profile > a:hover .clearfix,
.navbar.main .topnav > li.open .dropdown-menu li.profile > span .clearfix {
  display: block;
}
.navbar.main .topnav > li.open.dd-1 > a {
  background: #eceeef;
}
.navbar.main .topnav > li.open.dd-1 > a i:before {
  color: #525252;
}
.navbar.main .topnav > li.open.dd-1 > .dropdown-menu {
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
}
.navbar.main .topnav > li.open.dd-1 > .dropdown-menu:before {
  content: "";
  width: 0;
  height: 0;
  border: 11px solid transparent;
  position: absolute;
  display: block;
  left: 7px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.navbar.main .topnav > li.open.dd-1 > .dropdown-menu:after {
  content: "";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  top: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
  position: absolute;
  display: block;
  left: 8px;
}
.navbar.main .topnav > li.open.dd-1 > .dropdown-menu.pull-right:before,
.navbar.main .topnav > li.open.dd-1 > .dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
  margin: 0;
}
.navbar.main .topnav > li.open.dd-1 > .dropdown-menu.pull-right:after {
  right: 8px;
}
.navbar.main .topnav > li.open.dd-1 .dropdown-menu.pull-right {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.navbar.main .topnav > li.open.dd-1 .dropdown-menu {
  background: #fff;
  border: 1px solid #c8c8c8;
  margin: 8px 0 0;  /* Incio dos menus dropdown*/
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li {
  border-color: #f3f3f3;
}
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li a:not(.btn),
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li span {
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
  background: #fff;
  color: #939494;
}
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li a:not(.btn) i:before,
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li span i:before {
  color: #cccccc;
  font-size: 15px !important;
  top: 7px !important;
}
.navbar.main .topnav > li.open.dd-1 .dropdown-menu > li:not(.profile):hover {
  border-color: #689c35;
}
.navbar.main .topnav > li.open.dd-1 .dropdown-menu > li:not(.profile):hover > a {
  background: #8ec657;
  border: 1px solid #689c35;
  border-top: none;
  border-bottom: none;
  color: #fff;
  font-weight: 600;
  text-shadow: 0 1px 0 #5b892e;
  box-shadow: 0 5px 5px -5px #5b892e inset, 0 -5px 5px -5px #5b892e inset;
}
.navbar.main .topnav > li.open.dd-1 .dropdown-menu > li:not(.profile):hover > a i:before {
  color: #fff;
}
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile {
  background: #fff;
}
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile a:hover {
  color: #7c7c7c;
}
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile > a,
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile > a:hover,
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile > span {
  height: auto;
  line-height: normal;
  padding: 5px 10px 10px;
}
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile > a .heading,
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile > a:hover .heading,
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile > span .heading {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 5px;
}
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile > a .heading a,
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile > a:hover .heading a,
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile > span .heading a {
  text-transform: none;
}
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile > a .img,
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile > a:hover .img,
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile > span .img {
  display: inline-block;
  float: left;
  width: 47px;
  height: 45px;
  line-height: 45px;
  background: #fdfdfd;
  margin: 0 10px 0 0;
  position: relative;
}
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile > a .img:before,
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile > a:hover .img:before,
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile > span .img:before {
  text-align: center;
  width: 47px;
  height: 45px;
  line-height: 45px;
  content: "\e004";
  color: #ccc;
  font-family: "Glyphicons";
  font-size: 24px;
  position: absolute;
  display: block;
}
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile > a .clearfix,
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile > a:hover .clearfix,
.navbar.main .topnav > li.open.dd-1 .dropdown-menu li.profile > span .clearfix {
  display: block;
}
.navbar.main .topnav > li.open.dd-2 .dropdown-menu li a:not(.btn) {
  padding: 10px 10px 10px 50px;
}
.navbar.main .topnav > li.open.dd-2 .dropdown-menu li a:not(.btn) i:before {
  right: auto;
  left: 10px;
  top: 10px !important;
  font-size: 30px !important;
  color: #f2f2f2;
}
.navbar.main .topnav > li.open.dd-2 .dropdown-menu > li:not(.profile):hover {
  border-color: #f3f3f3;
}
.navbar.main .topnav > li.open.dd-2 .dropdown-menu > li:not(.profile):hover > a {
  background: rgba(142, 198, 87, 0.08);
  color: #939494;
  text-shadow: 0 1px 0 #fff;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.navbar.main .topnav > li.open.dd-2 .dropdown-menu > li:not(.profile):hover > a i:before {
  color: #8ec657;
  left: 10px;
  top: 10px;
}
.navbar.main .topnav > li.open.dd-flags .dropdown-menu img {
  margin: -3px 4px 0 0;
}
.navbar.main .topnav .dropdown > a .caret {
  border-top-color: #9a9a9b;
  top: 8px;
  position: relative;
}
.navbar.main .topnav .dropdown-menu {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.navbar.main .topnav:last-of-type {
  margin-right: 0px; /*retirado, pois a funcionalidade de esconder o topo foi retirada*/
}
.submenu-show {
  display: block;
  margin-top: -29px !important;
  position: absolute;
}
.submenu-show.pull-left {
  left: auto !important;
  right: 100% !important;
}
.submenu-show.pull-right {
  right: auto !important;
  left: 100% !important;
}
.submenu-hide {
  display: none !important;
  position: relative;
  top: auto;
  float: left;
}
.filter-bar {
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#f4f4f4));
  background-image: -webkit-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: -o-linear-gradient(top, #fdfdfd, #f4f4f4);
  background-image: linear-gradient(to bottom, #fdfdfd, #f4f4f4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfdfd', endColorstr='#fff4f4f4', GradientType=0);
  box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;
  -moz-box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;
  -webkit-box-shadow: 0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;
  border: 1px solid #d8d8d8;
  line-height: 30px;
  height: 40px;
  margin-bottom: 20px;
  padding: 0 10px;
}
.filter-bar.border-top-none {
  border-top: none;
}
.filter-bar div {
  padding: 5px 0;
  display: block;
  line-height: 30px;
}
.filter-bar div div {
  padding: 0;
  margin: 0;
}
.filter-bar div div:not(.helper) {
  margin: 0 15px 0 0;
}
.filter-bar div div input {
  margin: 3px 0 0;
}
.filter-bar div div.input-append {
  margin: 0;
}
.filter-bar div div.input-append .add-on {
  padding: 1px 3px;
  margin: 3px 0 0 -1px;
  background: #fff;
  color: #d8d9da;
  border-color: #9BA5A5 ;
}
.filter-bar div div.input-append .add-on i:before {
  top: 4px;
  left: 4px;
  font-size: 14px;
  color: #d0d1d1;
}
.filter-bar div div.input-append button.add-on {
  width: 24px;
  height: 24px;
}
.filter-bar div div:last-child {
  margin: 0;
}
.filter-bar div:not(.helper) {
  float: left;
}
.filter-bar div.glyphicons {
  padding: 0 0 0 35px;
}
.filter-bar div.glyphicons i:before {
  top: 12px;
  left: 9px;
  font-size: 17px;
  color: rgba(255, 255, 255, 0.8);
}
.filter-bar div.clearfix {
  padding: 0;
  clear: both;
  float: none;
  display: block;
  height: 0;
  margin: 0;
}
.filter-bar div.lbl {
  padding: 0 10px 0 35px;
  background: #8ec657;
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  color: #fff;
}
.filter-bar form {
  margin: 0;
}
.filter-bar form input,
.filter-bar form select {
  margin: 0 5px 3px 0;
  padding: 1px 5px;
  color: #a7a7a7;
}
.filter-bar form select {
  padding: 1px;
  height: 23px;
}
.filter-bar form label {
  float: left;
  margin: 0 5px;
  display: block;
  line-height: 30px;
}
.filter-bar.border-none {
  border: none;
}
.filter-bar.dark {
  background: #64625f;
  color: #fff;
}
.filter-bar.dark div div.input-append .add-on {
  background: #42403e;
  color: #fff;
  border-color: #42403e;
}
.filter-bar.dark div div.input-append .add-on i:before {
  color: #767473;
  text-shadow: none;
}
.filter-bar.dark form input:focus {
  border-color: #42403e;
}
.filter-bar.dark form input,
.filter-bar.dark form select {
  border-color: #42403e;
}
.menubar {
  height: 30px;
  position: relative;
  overflow: hidden;
  border: 1px solid #d8d8d8;
  background: #fafafa;
  margin: 0;
  font-size: 9pt;
}
.menubar ul {
  margin: 0;
  padding: 0 5px;
  list-style: none;
  height: 30px;
}
.menubar ul li {
  float: left;
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
}
.menubar ul li.divider {
  border-left: 1px solid #ebebeb;
  width: 0px;
  padding: 0;
  margin: 0 8px;
}
.menubar ul li a {
  color: #7c7c7c;
  font-weight: 700;
  font-size: 9pt;
}
.menubar.links {
  border: none;
  background: none;
  height: 25px;
  padding: 0 0 5px;
}
.menubar.links ul {
  padding: 0;
  height: 25px;
}
.menubar.links ul li {
  height: 25px;
  line-height: 25px;
}
.menubar.links ul li:first-child {
  padding-left: 0;
}
.menubar.links.primary ul li a {
  color: #8ec657;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
	height: auto !important;
}
.account{
	top: 0 !important;
	margin-right: 0 !important;
	border-right:none !important;
	}

.grad_grey, button.light, .ui-button, button#btn_REFRESH_VIEW,.btnQuest
/*, .content_accordion h3.bar, .dataTables_scrollHead, .dataTables_paginate span.fg-button, .list_slider .slider-nav, .slider-content .title, .list_slider .slide-up, .list_slider .slide-down, .side_links li a, .tabs ul.tab_header li a, .tabs ul.tab_sider li a, .fc .fc-agenda-slots tr th, table.static thead tr th, .wizard .wizard_steps ul li.current, .alert_light, #wrapper div.main_container .box.light h2.box_head, .ui-datepicker-header*/{
    background-color: #9DCE6E !important;
    background-image: linear-gradient(to bottom, #A8D37D, #8EC657) !important;
    background-repeat: repeat-x !important;
    border: 1px solid #8EC657 !important;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 1px #74AF3B !important;
    color: #FFFFFF !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5) !important;
    font-weight: 600 !important;
    margin-bottom: 1em !important;
    margin-right: 1em !important;
}
.ui-datepicker .ui-widget-content{
	border: 1px solid #ddd !important;
}
#btnLimpar > img,#btnGravar > img, #btnUpDate > img, #btnExcluir > img, #btnGerenciarSlas > img, #btnCancelar > img {
	display:none;
}
button#btnLimpar, button#btnGravar, button#btnUpDate, button#btnExcluir, button#btn_REFRESH_VIEW, button#btnGerenciarSlas, button#btnCancelar, button{
	padding: 0 !important;
	font-size: 13px !important;
	font-family: 'Open Sans', sans-serif !important;
}
#linguas{
	display:none;
}
div.dinamic-menu > #menusT{
	z-index: 99999;
	position: fixed;
}
button > span{
	padding-left: 10px !important;
}
.combo{
	border:none !important;
	padding-top:0.5em !important;
	}

.combo-arrow {
	margin-left: -2em !important;
	margin-top: 0.5em !important;
    background: url("../../include/images/search_icon.png") no-repeat scroll 0 0 transparent !important;
    color: transparent !important;
    cursor: pointer !important;
    transition: all 0.3s linear 0s !important;
}
.combo-arrow:hover{
background: url("../../include/images/search_icon.png") no-repeat 0 -29px !important;
color:transparent !important;
cursor:pointer !important;
}
.panel-body, .layout-body{
	overflow: hidden !important;
}
td{
	vertical-align: middle !important;
	padding-bottom: 1em;
}
.l-btn, .l-btn-plain{
	height: auto !important;
}
#estruturaContrato #topo fieldset label{
	width:auto !important;
}
.light span{
	font-size: 12px !important;
	color: #FFF !important;
}
#estruturaContrato #topo fieldset{
	margin-top: auto !important;
	border: none !important;
	background: #FFF !important;
}
#estruturaContrato #topo fieldset legend{

}
#estruturaContrato #corpo #direita{
	margin-top: auto !important;
	border: none !important;
	background: #FFF !important;
}
div.idContrato{
	float:left;
	width: 380px;
	margin-right: 1em;
}
span#spanLocalizarLOOKUP_CONTRATOS{
	float: right;
}
input[type='text'][disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly]{
	width: 95% !important;
}
#clear-fix{
	clear: both;
}
#topo > label {
	float:left !important;
}
td.linhaSubtituloGrid{
	background: linear-gradient(to bottom, #FCFCFC 0%, #F5F5F5 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D8D8D8;
    font-size: 12px;
    color: #333;
    font-family: arial;
    font-weight: 500;
}
#pag > label{
	display: inline !important;
}
input[type="button"]{
	border: none !important;
	font-size: 12px !important;
}
#divBloqueiaTela_POPUP_CADASTRO_ALTERACAO{
	position: fixed !important;
	height: 100% !important;
	bottom: 0 !important;
}
/*
Pedro Lino - Data: 23/10/2013 - Sol. 120948
Comentando o "!important" width pois estava impactando na dinamicView
- Dimunuiu o tamnho dos campos
*/
input, textarea, .uneditable-input{
	width:auto;
}
textarea{
	border:1px solid #ccc !important;
	width:95% !important;
}
#tabInfs-1 table tbody tr td {
	background: linear-gradient(to bottom, #FCFCFC 0%, #F5F5F5 100%) repeat scroll 0 0 transparent !important;
    border: 1px solid #D8D8D8 !important;
    font-size: 12px !important;
    color: #333 !important;
    font-family: arial !important;
    font-weight: 500 !important;
    vertical-align: middle !important;
}
select{
	width: calc()  !important;
}
.ui-dialog-titlebar{
	background-color: #F9F9F9 !important;
    background-image: linear-gradient(to bottom, #FDFDFD, #F4F4F4) !important;
    background-repeat: repeat-x !important;
    border: 1px solid #D8D8D8 !important;
    box-shadow: 0 1px 0 0 #F7F7F7, 0 5px 4px -4px #D8D8D8 !important;
    height: 35px !important;
    line-height: 35px !important;
    overflow: hidden !important;
    padding: 0 15px 0 0 !important;
    position: relative !important;
}
.ui-dialog .ui-dialog-title{
	font-size: 14px !important;
    padding-left: 15px !important;
    color: #7C7C7C !important;
}

input[type="radio"], input[type="checkbox"]{
margin: 0 5px !important;
}
td {
    padding: 0.5em !important;
    vertical-align: middle !important;
}
#nav li {
    font-weight: normal !important;
}
#divRelease {
	width: auto !important;
}
.label_pesquisa{
	font-weight: bold;
	font-size: 18px;
}
label, input, .table-condensed{
	font-size: 12px !important;
}
.ui-dialog .ui-dialog-content{
	padding: 0 !important;
}
#pag{
	background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 0 0 #F7F7F7, 0 5px 4px -4px #D8D8D8;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-left: 0;
    width: 480px !important;
    border: 1px solid #DDDDDD;
    display: block;
    float: right;
    height: 25px;
    margin-bottom: 5px;
    margin-top: 10px;
    margin-right:1.5em;

}
/* Desenvolvedor: Pedro Lino - Data: 31/10/2013 - Hor�rio: 14:17 - ID Citsmart: 120948 -
* Motivo/Coment�rio: Retirado texto uppercase / capitalize */
/* Pagina��o do findfield */
#btfirst,#btprevius, #btnext, #btlast, #btnPrimeiro, #btnAnterior, #btnProximo, #btnUltimo {
	height:25px;
	font-size: 11px;
	text-transform: capitalize;
	color: #8EC657;
	border-radius:0 !important;
	border-right: solid 1px #DDD !important;
	padding:5px !important;
	margin-left:0 !important;
	line-height: 1px;
    cursor: pointer;
}
#btfirst:hover,#btprevius:hover, #btnext:hover, #btlast:hover, #btnPrimeiro:hover:enabled, #btnAnterior:hover:enabled, #btnProximo:hover:enabled, #btnUltimo:hover:enabled{
background:#8EC657 !important;
    border-color: #8EC657;
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.2) inset;
    color: #FFFFFF !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
#btnPrimeiro:disabled, #btnAnterior:disabled, #btnProximo:disabled, #btnUltimo:disabled {
    border-color: #dddddd;
    color: #d8d8d8;
    cursor: not-allowed;
}
#btnext, #btnProximo {
	border-left: solid 1px #DDD !important;
	margin-left:15px !important;
}
#btprevius, #btnAnterior{
	margin-right: 5px;
}
#btlast, #btnUltimo{
	border: none !important;
}
output{
	margin-top:5px !important;
	padding:5px !important;
}

/* Desenvolvedor: Pedro Lino - Data: 23/10/2013 - Hor�rio: 14:37 - ID Citsmart: 120948 -
 * Motivo/Coment�rio: Conflito com css do plugin ui layout/ Comentado, pois, no plugin via javascript � que s�o alterados propriedades de CSS */
.ui-layout-center{
	/* top:118px !important; */
}
.ui-layout-resizer{
	background: transparent !important;
	}
.ui-layout-south{
	/* top:125px !important; */
	/* height:auto !important; */
}
.formFooter{
    border:none !important;
    }
h1, h2, h3{
	line-height: 20px !important;
}
h2{
	font-size: 15px !important;
}
body > .container-fluid.fixed{
	margin: 0 auto !important;
}
button{
	background-color: #9DCE6E;
    background-image: linear-gradient(to bottom, #A8D37D, #8EC657);
    background-repeat: repeat-x;
    border: 1px solid #8EC657;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset, 0 0 0 1px #74AF3B;
    color: #FFFFFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}
button:hover{
	background: #C4E1A6 !important;
}

.tabbable{
	width: 75% !important;
}
#divMensagemInsercao{
	font-size: 15px !important;
	padding: 10px !important;

}
button.text_only{
	margin:10px !important;
}
#POPUP_INFO_INSERCAO{
	height: auto !important;
}
#frameCadastroRapido{
	border: none !important;
}
/* Autor: Tiago Cartibani - Data: 25/10/2013 - Hor�rio: 20:42
 * Coment�rio: Retirar a barra de rolagem do gerenciamento de Mudan�as > Ocorr�ncias */
#divRelacaoOcorrencias{
	height: auto !important;
}

/* Autor: Tiago Cartibani - Data: 29/10/2013 - Hor�rio: 15:27
 * Coment�rio: Retira todas as imagens dos bot�es e alinha */

	 button > img {
	 display: none !important;
	 }
	 button{
	 padding-left: 0 !important;
	 }
	 button#btnRelatorio > img,button#btnRelatorioXls > img {
	 display: block !important;
	 margin-left: -8px !important;
	 padding-left: 0 !important;
	 padding-top:0;
	 }
	 button#btnRelatorio, button#btnRelatorioXls{
	 padding-left: 20px !important;
	 }
	 button#btnImprimir > img,button#btnImprimirXls > img {
	 display: block !important;	
	 margin-left: -8px !important;
	 padding-left: 0 !important;
	 padding-top:0; 
	 }
	 button#btnImprimir, button#btnImprimirXls{
	 padding-left: 20px !important;
	 }

.modal-backdrop{z-index:10000;background:#000000;}
.modal-backdrop,
.modal-backdrop.fade.in{opacity:0.7;filter:alpha(opacity=90);}
.modal{z-index:10001;border-color:#d8d8d8;box-shadow:0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;-moz-box-shadow:0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;-webkit-box-shadow:0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;-webkit-border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;border-radius:0 0 0 0;background:#ffffff;}
.modal .modal-header{padding:0 10px;height:29px;line-height:29px;border-color:#d8d8d8;background-color:#f9f9f9;background-image:-moz-linear-gradient(top, #fdfdfd, #f4f4f4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#f4f4f4));background-image:-webkit-linear-gradient(top, #fdfdfd, #f4f4f4);background-image:-o-linear-gradient(top, #fdfdfd, #f4f4f4);background-image:linear-gradient(to bottom, #fdfdfd, #f4f4f4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfdfd', endColorstr='#fff4f4f4', GradientType=0);box-shadow:0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;-moz-box-shadow:0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;-webkit-box-shadow:0 1px 0 0 #f7f7f7, 0 5px 4px -4px #d8d8d8;}
.modal .modal-header h3{font-size:14px;line-height: 30px !important;margin:0 !important;}
.modal .modal-header .close{position:absolute;top:5px;right:10px;padding:0;margin:0 !important;opacity:1;filter:alpha(opacity=100);color:#7c7c7c;text-shadow:0 1px 0 #ffffff;box-shadow: none !important;}
.modal .modal-body{padding:10px;}
.modal .modal-body p:last-child{margin:0;}
.modal .modal-footer{-webkit-border-radius:0 0 0 0;-moz-border-radius:0 0 0 0;border-radius:0 0 0 0;box-shadow:inset 1px 1px 1px rgba(255, 255, 255, 0), inset -1px -1px 1px rgba(0, 0, 0, 0);-moz-box-shadow:inset 1px 1px 1px rgba(255, 255, 255, 0), inset -1px -1px 1px rgba(0, 0, 0, 0);-webkit-box-shadow:inset 1px 1px 1px rgba(255, 255, 255, 0), inset -1px -1px 1px rgba(0, 0, 0, 0);border-color:#ebebeb;padding:0px!important;background:#fafafa url("../images/pattern1.png") repeat;}
#divUpload_uploadAnexosdocsLegais, #divUpload_uploadAnexosdocsLegais{
border: none !important;
}

.innerLR{padding:0 15px;position:relative;}
.innerTB{padding:15px 0;position:relative;}
.innerAll{padding:15px;position:relative;}
.innerL{padding-left:15px;position:relative;}
.innerR{padding-right:15px;position:relative;}
.innerT{padding-top:15px;position:relative;}
.innerB{padding-bottom:15px;position:relative;}
.lFloat{float:left;}
.rFloat{float:right;}
.hide {display: none}
.show {display: block}
.displayInBk {display: inline-block;}

/*
* Motivo: Adicionando C�digo espec�fico para ie10
* Autor: flavio.santana
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   /* CSS especifico para o IE10 aqui */
   .ie10 select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
   		min-height: 30px !important;
		padding: 0 0 0 5px !important;
		background: transparent;
   }
   .ie10 #POPUP_ITEMCONTROLEFINANCEIRO, .ie10 #iframeItemControleFinanceiro {
   		height: 800px !important;
   		overflow: hidden;
   }

   .ie10 .textarea {
   	content: Para melhor funcionamento utilize o firefox;
   	width: 200px;
   }
}

/*

Google Material Icons
Lista dos icones online: https://www.google.com/design/icons/
Lista dos icones local: \\10.2.1.11\Desenvolvimento\Equipes CDI\Equipe ITSM\template BootStrap\material-design-icons-2.0\index.html

Como usar: <i class="material-icons">{{icone}}</i>
Exemplo: <i class="material-icons">face</i>

*/

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/MaterialIcons-Regular.eot');
	src: local('Material Icons'), local('MaterialIcons-Regular'),
		url('../fonts/MaterialIcons-Regular.woff2') format('woff2'),
		url('../fonts/MaterialIcons-Regular.woff') format('woff'),
		url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	
	padding: 0;
	display: block;
}

.material-icons.md-12 { font-size: 12px; }
.material-icons.md-14 { font-size: 14px; }
.material-icons.md-15 { font-size: 15px; }
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-20 { font-size: 20px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-30 { font-size: 30px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.widget .widget-stats .material-icons {
	color: #7c7c7c;
}

.widget .widget-stats.primary .material-icons {
	color: #fff;
}

#menusT {
	margin-bottom: 15px !important;
}