.popupwarn i:HOVER,
.popupwarn i:FOCUS {
	opacity: 0.4;
}

body {
	background-color: white;
	color: black;
	font-family: Arial, sans-serif;
	font-size: small;
	margin: 0px;
	overflow-y: hidden;
}

a {
	font-family: Trebuchet MS, Arial, Verdana;
	font-size: 12px;
	text-decoration: underline;
	cursor: pointer;
	color: #3f3f3f;
}

a:visited {
	color: darkblue;
}

input {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
}

.gwt-TextArea {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
 }
.gwt-TextArea-readonly {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
}

.gwt-DialogBox {
	-webkit-box-shadow: 0 4px 16px rgba(0,0,0,.2);
	-moz-box-shadow: 0 4px 16px rgba(0,0,0,.2);
	box-shadow: 0 4px 16px rgba(0,0,0,.2);
	background: white;
	background-clip: padding-box;
	border: 1px solid #ACACAC;
	border: 1px solid rgba(0, 0, 0, .333);
	outline: 0;
	position: absolute;
	border-image: initial;
}

.gwt-DialogBox .Caption {
	 background-color: #eaeaea;
	 border: 1px solid lightgray;
	 padding: 4px 2px 0px 6px;
	 cursor: default;
	 height: 22px;
	 font-weight: bold;
}

button.gwt-Button, #wrapper button.gwt-Button {
    background-color: #DBDBDB;
    border: solid 1px #d3d4d6;
    outline: none;
    vertical-align: baseline;
    text-decoration: none;
    cursor: pointer;
    color: #0961a5;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    height: 30px;
    font: bold 16px arial, helvetica, verdana, sans-serif;
    white-space: nowrap;
    padding: 0 5px;
}

button.gwt-Button:disabled{
    color: gray;
}


.gwt-MenuBar {
  cursor: default;
  background-color: #fff;
}
.gwt-MenuBar .gwt-MenuItem {
  cursor: default;
  font-family: Arial Unicode MS, Arial, sans-serif;
}
.gwt-MenuBar .gwt-MenuItem-selected {
  background: #E3E8F3;
}
.gwt-MenuBar-horizontal {
  background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
}
.gwt-MenuBar-horizontal .gwt-MenuItem {
  padding: 2px 5px;
  vertical-align: bottom;
  color: #000;
  font-weight: bold;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
  width: 1px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-left: 1px solid #ccc;
  background: white;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
  width: 1px;
  height: 1px;
  background: white;
}

.gwt-MenuBar-vertical {
  margin-top: 0px;
  margin-left: 0px;
  background: white;
  /*remover este*/
}
.gwt-MenuBar-vertical table {
  border-collapse: collapse;
}
.gwt-MenuBar-vertical .gwt-MenuItem {
  padding: 2px 40px 2px 1px;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
  padding: 2px 0px;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
  height: 1px;
  padding: 0px;
  border: 0px;
  border-top: 1px solid #ccc;
  overflow: hidden;
}
.gwt-MenuBar-vertical .subMenuIcon {
  padding-right: 4px;
}
.gwt-MenuBar-vertical .subMenuIcon-selected {
  background: #E3E8F3;
}
.gwt-MenuBarPopup {
  margin: 0px 0px 0px 3px;
}
.gwt-MenuBarPopup .menuPopupTopCenter {
  background: url(images/hborder.png) 0px -12px repeat-x;
}
.gwt-MenuBarPopup .menuPopupBottomCenter {
  background: url(images/hborder.png) 0px -13px repeat-x;
  -background: url(images/hborder_ie6.png) 0px -13px repeat-x;
}
.gwt-MenuBarPopup .menuPopupMiddleLeft {
  background: url(images/vborder.png) -12px 0px repeat-y;
  -background: url(images/vborder_ie6.png) -12px 0px repeat-y;
}
.gwt-MenuBarPopup .menuPopupMiddleRight {
  background: url(images/vborder.png) -13px 0px repeat-y;
  -background: url(images/vborder_ie6.png) -13px 0px repeat-y;
}
.gwt-MenuBarPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupTopRightInner {
  width: 8px;
  height: 5px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupBottomRightInner {
  width: 8px;
  height: 8px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupTopLeft {
  background: url(images/corner.png) no-repeat 0px -36px;
  -background: url(images/corner_ie6.png) no-repeat 0px -36px;
}
.gwt-MenuBarPopup .menuPopupTopRight {
  background: url(images/corner.png) no-repeat -5px -36px;
  -background: url(images/corner_ie6.png) no-repeat -5px -36px;
}
.gwt-MenuBarPopup .menuPopupBottomLeft {
  background: url(images/corner.png) no-repeat 0px -41px;
  -background: url(images/corner_ie6.png) no-repeat 0px -41px;
}
.gwt-MenuBarPopup .menuPopupBottomRight {
  background: url(images/corner.png) no-repeat -5px -41px;
  -background: url(images/corner_ie6.png) no-repeat -5px -41px;
}
html>body .gwt-MenuBarPopup {
}
* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
}
* html .gwt-MenuBarPopup .menuPopupTopRightInner {
  width: 8px;
  height: 5px;
  overflow: hidden;
}
* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  overflow: hidden;
}
* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
  width: 8px;
  height: 8px;
  overflow: hidden;
}


/*  DATE PICKER   */
.gwt-DatePicker {
  border: 1px solid #A2BBDD;
  cursor: default;
}
.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none
}
.datePickerMonthSelector td:focus {
  outline: none
}
.datePickerDays {
  width: 100%;
  background: white;
}
.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 75%;
  text-align: center;
  padding: 4px;
  outline: none;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #C3D9FF;
  padding: 0px 4px 2px;
  cursor: default;
}
.datePickerDay {
  padding: 4px;
  cursor: hand;
  cursor: pointer;
}
.datePickerDayIsToday {
  border: 1px solid black;
  padding: 3px;
}
.datePickerDayIsWeekend {
  background: #EEEEEE;
}
.datePickerDayIsFiller {
  color: #888888;
}
.datePickerDayIsValue {
  background: #aaccee;
}
.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}
.datePickerDayIsHighlighted {
  background: #F0E68C;
}
.datePickerDayIsValueAndHighlighted {
  background: #bbddd9;
}
.datePickerMonthSelector {
  background: #C3D9FF;
  width: 100%;
}
.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  color: blue;
  cursor: hand;
  cursor: pointer;
  padding: 0px 4px;
}
td.datePickerMonth {
  text-align: center;
  vertical-align: center;
  white-space: nowrap;
  font-size: 70%;
  font-weight: bold;
  color: blue;
}
.gwt-DateBox {
  width: 8em;
  text-align: center;
}
.dateBoxFormatError {
  background: #ffcccc;
}
.dateBoxPopup {
}
.iframePortal {
	overflow-x:hidden;
	overflow-y:scroll;
	height: 460px;
	width: 100%;
	border: 0px;
}
.gwt-DecoratedTabBar {
}
.gwt-DecoratedTabBar .gwt-TabBarFirst {
  width: 5px;  /* first tab distance from the left */
}
.gwt-DecoratedTabBar .gwt-TabBarRest {
}
.gwt-DecoratedTabBar .gwt-TabBarItem {
  border-collapse: collapse;
  margin-left: 6px;
}
.gwt-DecoratedTabBar .tabTopCenter {
  padding: 0px;
  background: #d0e4f6;
}
.gwt-DecoratedTabBar .tabTopLeft,
.gwt-DecoratedTabBar .tabTopRight {
  padding: 0px;
  zoom: 1;
}
.gwt-DecoratedTabBar .tabTopLeftInner,
.gwt-DecoratedTabBar .tabTopRightInner {
  width: 6px;
  height: 6px;
}
.gwt-DecoratedTabBar .tabTopLeft {
  background: url(images/corner.png) no-repeat 0px -55px;
  -background: url(images/corner_ie6.png) no-repeat 0px -55px;
}
.gwt-DecoratedTabBar .tabTopRight {
  background: url(images/corner.png) no-repeat -6px -55px;
  -background: url(images/corner_ie6.png) no-repeat -6px -55px;
}
.gwt-DecoratedTabBar .tabMiddleLeft,
.gwt-DecoratedTabBar .tabMiddleRight {
  width: 6px;
  padding: 0px;
  background: #d0e4f6;
}
.gwt-DecoratedTabBar .tabMiddleLeftInner,
.gwt-DecoratedTabBar .tabMiddleRightInner {
  width: 1px;
  height: 1px;
}
.gwt-DecoratedTabBar .tabMiddleCenter {
  padding: 0px 4px 2px 4px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
  background: #d0e4f6;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
  background: #92c1f0;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
  background-position: 0px -61px;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
  background-position: -6px -61px;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
  background: #92c1f0;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
  cursor: default;
  background: #92c1f0;
}
.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
  cursor: default;
  color: #999999;
}
html>body .gwt-DecoratedTabBar {
}
* html .gwt-DecoratedTabBar .tabTopLeftInner,
* html .gwt-DecoratedTabBar .tabTopRightInner {
  width: 6px;
  height: 6px;
  overflow: hidden;
}
.gwt-TabPanel {
}
.gwt-TabPanelBottom {
  border-color: #92c1f0;
  border-style: solid;
  border-width: 3px 2px 2px;
  overflow: hidden;
  padding: 6px;
}

.gwt-TextBox-readonly {
	border: 1px solid lightgray;
	padding: 2px;
	background-color: #f3f3f3;
	color: gray;
}

.gwt-DecoratedPopupPanel {
   border: 1px solid lightgray;
   background-color: #f3f3f3;
 }


.gwt-SuggestBox {

}

.gwt-SuggestBoxPopup {
	border: 2px solid #C3D9FF;
	text-align: left;
    cursor: pointer;
    cursor: hand;
    background-color: #fff;
    min-width: 300px;
    max-width: 500px;
}

.gwt-SuggestBoxPopup .item {
	min-width: 300px;
    max-width: 500px;
}

.gwt-SuggestBoxPopup .item-selected {
	background-color: #C3D9FF;
	min-width: 300px;
    max-width: 500px;
}


.FlexTable {
	font-size: 12px;
	border: 1px solid gray;
}

.FlexTable-Header {
}

.FlexTable-OddRow {
  	background: #f3f7fb;
}
.FlexTable-OddRow td {
	border-bottom: 1px solid #f0f0f0;
}

.FlexTable-EvenRow {
 	background: #ffffff;
}
.FlexTable-EvenRow td {
	border-bottom: 1px solid #f0f0f0;
}

.FlexTable-Row:hover {
  	background: #fff9c2;
}
.FlexTable-ColumnLabel {
	background: #f2f2f2;
	text-align: left;
	color: black;
	overflow: hidden;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	padding-left: 3px;
	cursor: default;
}
.FlexTable-ColumnLabel-FirstColumn {
	background: #f0f0f0;
	text-align: left;
	color: black;
	overflow: hidden;
	border-bottom: 1px solid gray;
	padding-left: 3px;
	cursor: default;
}
.FlexTable-Cell {
	padding-left: 3px;
	padding-right: 2px;
	text-align: left;
	border-left: 1px solid gray;
}
.FlexTable-Cell-FirstColumn {
	padding-left: 3px;
	text-align: left;
}
.FlexTable-RowSpecialBoldRed {
	font-weight: bold;
	color: red;
}
.FlexTable-RowSpecialBoldGreen {
	font-weight: bold;
	color: green;
}
.FlexTable-RowSpecialBoldBlue {
	font-weight: bold;
	color: blue;
}
.FlexTable-RowSpecialBoldGray {
	font-weight: bold;
	color: gray;
}
.FlexTable-RowSpecialNormalRed {
	font-weight: normal;
	color: red;
}
.FlexTable-RowSpecialNormalBlue {
	font-weight: normal;
	color: blue;
}
.FlexTable-RowSpecialNormalGray {
	font-weight: normal;
	color: gray;
}
.FlexTable-RowSpecialNormalGrayLineThrough {
	font-weight: normal;
	color: gray;
	text-decoration: line-through;
}
.FlexTable-RowSpecialBkOrange {
	background-color: #FFCC66;
}
.FlexTable-RowSpecialBkOrange td {
	border-bottom: 1px solid lightgray;
}
.FlexTable-RowSpecialBkYellow {
	background-color: #FFFF99;
}
.FlexTable-RowSpecialBkYellow td {
	border-bottom: 1px solid lightgray;
}
/* Progress */
.ProgressBar {
  width: 150px;
  margin-right: 5px;
  border: 1px solid lightgrey;
}

.ProgressBar .progress {
  height:10px;
  background-color: lightsteelblue;
  margin: 1px;
  font-size: 0px;
}


.gwt-TabLayoutPanel {
	width: 100%;
}
.gwt-TabLayoutPanelTabs .gwt-TabLayoutPanelTab {
    cursor: pointer;
    color: black;
    /*font-weight: bold;*/
    text-align: center;
    background-color: #e3e9ff;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    float: left;
    padding: 2px;
    margin: 0 1px;
}

.gwt-TabLayoutPanelTabs .gwt-TabLayoutPanelTab-selected {
    background-color: #bcf;
    font-weight: bold;
    cursor: default;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
	width: 100%;
    border: 1px solid #999;
    background-color: #f3f5fc;
    padding: 2px;
}

.gwt-TabLayoutPanelTab .gwt-Label {
    color: black;
    font-weight: bold;
}

.gwt-RichTextArea {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color: white;
	border: 1px solid #ACACAC;
	border: 1px solid rgba(0, 0, 0, .333);
}

.UploadPanel {
  margin-top: 3px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 5px;
  font-family: Trebuchet MS, Arial, Verdana;
  font-size: 12px;
  color: blue;
}

.UploadProgress{
}

/* PORTAL */
.portal-PopupPanelGlass {
	-moz-opacity: .75;
	opacity: .75;
	background: white;
}
.portal-portlet {
	border: 1px solid #dddddd;
	background: #f8f8f8 url("images/portletTopBackground.png") repeat-x;
	padding: 5px;
	cursor: pointer;
}

.portal-portletNoPointer {
	border: 1px solid #dddddd;
	background: #f8f8f8 url("images/portletTopBackground.png") repeat-x;
	padding: 5px;
}

.portal-portletTitle {
	font-family: Trebuchet MS, Arial, Verdana;
	padding-top: 5px;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}
.portal-portletTitleCentered {
	font-family: Trebuchet MS, Arial, Verdana;
	padding-top: 5px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
}

.portal-portlet-thin {
	border: 1px solid #dddddd;
	background: #f8f8f8 url("images/portletTopBackground.png") repeat-x;
	padding: 1px;
	cursor: pointer;
}
.portal-portlet-thinNoPointer {
	border: 1px solid #dddddd;
	background: #f8f8f8 url("images/portletTopBackground.png") repeat-x;
	padding: 1px;
}

.portal-label-grid {
	border: 1px solid #dddddd;
	background-color: #f8f8f8;
	padding: 2px;
	cursor: pointer;
	text-align: center;
}
.portal-label-grid:hover {
	background-color: lightgray;
}


.portal-formulario-conteudo{
	font-family: Trebuchet MS, Arial, Verdana;
}
.portal-formLabel {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	text-align: right;
	font-weight: bold;
}
.portal-formLabelNormal {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	text-align: right;
}
.displayContents {
    display: contents;
}
.portal-formField {
	width: 150px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
}
.portal-formField-readonly {
	border: 1px solid lightgray;
	padding: 2px;
	background-color: #f3f3f3;
	color: gray;
}
.portal-formSmall {
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	padding: 0px;
}
.portal-toolbar {
	/*
	background-color: #f5f5f5;
	*/
	border-top: 1px solid lightgray;
}
.portal-formulario {
	border: 1px solid lightgray;
}
.portal-formulario-titulo-box {
	border-bottom: 1px solid lightgray;
	background-color: #f5f5f5;
}
.portal-formulario-titulo {
	font-weight: bold;
	font-style: italic;
	border-bottom: 1px dotted gray;
	color: #6987be;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	text-align: left;
}
.formulario-opcoes {
	background-color: #f5f5f5;
	text-align: center;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	min-width: 300px;
}
.portal-ImageCursor {
	cursor: pointer;
}

.portal-ImageCursorErro {
	cursor: pointer;
	background-color: red;
}
.portal-ImageCursorAtencao {
	cursor: pointer;
	background-color: yellow;
}

.portal-FlowPanel {
	overflow-y: auto;
	border: 1px solid lightgray;
	padding: 3px;
	background-color: #EBF0FF;
}
.portal-FlowPanel-x {
	overflow-x: scroll;
	border: 1px solid lightgray;
	padding: 3px;
	background-color: #EBF0FF;
}
.upload-FlowPanel {
	overflow-y: auto;
}
.portal-rowCountLabel{
	font-style: italic;
	color: blue;
	text-align: right;
}
.portal-portlet-content {
	font-family: Trebuchet MS, Arial, Verdana;
	/*
	border-left: 1px solid lightgray;
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	*/
}
.portal-footStep {
	font-size: 10px;
}

.fundo-imagem {
	max-width: 135px;
}
.fundo-nome {
	font-weight: bold;
	font-size: 14px;
}
.fundo-detalhe {
	font-size: 12px;
}
.fundo-detalheMin {
	font-size: 10px;
	color: darkblue;
}

.portal-headerBar {
	cursor: pointer;
}
.portal-headerBar:hover {
	background-color: #4296eb;
}
.portal-headerBarClicked {
	background: white;
}
.portal-headerBarText {
	color: #FFFDBF;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
}
.portal-headerBarTextClicked {
	font-size: 12px;
	text-align: left;
	color:black;
}

.portal-headerBox {
	color: black;
	text-align: left;
	background: white;
	-moz-box-shadow: -1px 1px 1px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
	box-shadow: 0 2px 4px rgba(0,0,0,.2);
	border-image: initial;
	border: 1px solid lightgray;
}

.portal-headerBoxItem {
	color: black;
	cursor: pointer;
	min-width: 220px;
}

.portal-headerBoxItem:hover {
	background-color: #d1dfee;
}
.portal-WaitParent{
	padding: 0px;
	position: fixed;
	left: 380px;
	top: 0px;
}
.portal-WaitBar{
	background: white;
	color: gray;
	border-bottom: 1px solid #bcbcbc;
	border-left: 1px solid #bcbcbc;
	border-right: 1px solid #bcbcbc;

    opacity: 0.8;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}

.portal-portletDadosEmpresa {
	border: 1px solid #dddddd;
	background: #f8f8f8;
	padding: 5px;
}

.portal-bodyLayout {
	overflow-y: scroll;
}

.portal-celulaPlanilha {
	text-align: center;
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	padding-left: 2px;
	padding-right: 2px;
	width: 18px;
	height:20px;
	min-width: 18px;
}

.portal-celulaPlanilhaDia {
	text-align: center;
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	padding-left: 2px;
	padding-right: 2px;
	width: 20px;
	height:20px;
	min-width: 20px;
}

.portal-celulaPlanilhaHora {
	text-align: center;
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	padding-left: 2px;
	padding-right: 2px;
	width: 25px;
	height:20px;
	min-width: 25px;
}

.portal-celulaPlanilhaTipo {
	text-align: left;
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	padding-left: 2px;
	padding-right: 2px;
	width: 50px;
	height:20px;
	min-width: 50px;
}

.portal-celulaPlanilhaAtividade {
	text-align: left;
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	padding-left: 2px;
	padding-right: 2px;
	width: 200px;
	height:20px;
	min-width: 200px;
}

.portal-celulaPlanilhaHead {
	text-align: center;
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	padding-left: 2px;
	padding-right: 2px;
	width: 18px;
	height:100px;
	min-width: 18px;
}

.portal-celulaPlanilhaDiaHead {
	text-align: center;
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	padding-left: 2px;
	padding-right: 2px;
	width: 20px;
	height:100px;
	min-width: 20px;
}

.portal-celulaPlanilhaHoraHead {
	text-align: center;
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	padding-left: 2px;
	padding-right: 2px;
	width: 25px;
	height:100px;
	min-width: 25px;
}

.portal-celulaPlanilhaTipoHead {
	text-align: left;
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	padding-left: 2px;
	padding-right: 2px;
	width: 50px;
	height:100px;
	min-width: 50px;
}

.portal-celulaPlanilhaAtividadeHead {
	text-align: left;
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	padding-left: 2px;
	padding-right: 2px;
	width: 200px;
	height:100px;
	min-width: 200px;
}

.portal-celulaPlanilhaInscritoHead {
	text-align: center;
	border-right: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	padding-left: 2px;
	padding-right: 2px;
	height:100px;
	width: 18px;
	min-width: 18px;
	max-width: 18px;
}
.portal-celulaPlanilhaVertical {
	text-align: left;
	cursor: pointer;
    height:18px;
    width: 100px;
    white-space: nowrap;
    transform:rotate(270deg);
    transform-origin:29% 150%;
    -o-transform:rotate(270deg);
    -o-transform-origin:29% 150%;
    -moz-transform:rotate(270deg);
    -moz-transform-origin:29% 150%;
    -webkit-transform:rotate(270deg);
    -webkit-transform-origin:29% 150%;
}

.portal-celulaPlanilhaVerticalIE {
	text-align: left;
	cursor: pointer;
    height:18px;
    width: 100px;
    white-space: nowrap;
	transform:rotate(270deg);
    transform-origin:29% 150%;
    -ms-transform:rotate(270deg);
    -ms-transform-origin:29% 150%;
}

.portal-corFundo{
	background-color: white;
	color: white;
}
.portal-anchor {
	font-size:10px;
	color:blue;
}
.portal-noBorder td{
	border: 0px;
}
.content-Scroll{
	overflow-y: auto;
}

.simple-Row {
	border-bottom: 1px solid #F5F5F5;
}
.simple-Row:hover {
  	background: #fff9c2;
}
.simple-OddRow {
  	background: #f3f7fb;
}
.simple-EvenRow {
 	background: #ffffff;
}
.simple-RowBkOrange {
	background-color: #FFCC66;
}
.label-boldRed {
	font-weight: bold;
	color: darkred;
}
.label-boldBlue {
	font-weight: bold;
	color: darkblue;
}
.label-bold {
	font-weight: bold;
}
.label-italicBlue {
	font-size: 10px;
	color: darkblue;
	font-style: italic;
}
.portal-DialogBoxConteudo {
	padding: 5px;
	padding-bottom: 10px;
}

.agrupamento {
	border: 2px solid black;
}

.agrupamento-Titulo {
	background: silver;
	color: black;
	border: 1px solid gray;
}
.agrupamento-Lado {
	background: yellow;
	color: black;
	border: 1px solid gray;
}
.agrupamento-Quartos {
	color: black;
}
.agrupamento-Quarto {
	background: #FFFF99;
	color: black;
	border: 1px solid black;
}
.agrupamento-QuartoCoordenador {
	background: lime;
	color: black;
	border: 1px solid black;
}
.agrupamento-QuartoPatrimonio {
    background: lightblue;
    color: black;
    border: 1px solid black;
}
.agrupamento-QuartoCamarim {
	background: #FF9900;
	color: black;
	border: 1px solid black;
}
.agrupamento-QuartoSecretaria {
	background: #FF99CC;
	color: black;
	border: 1px solid black;
}
.agrupamento-QuartoAfilhado {
	background: #FFCC99;
	color: black;
	border: 1px solid black;
}
.agrupamento-QuartoPadrinho {
	background: #CCFFCC;
	color: black;
	border: 1px solid black;
}
.agrupamento-QuartoSolteiro {
	background: teal;
	color: black;
	border: 1px solid black;
}
.agrupamento-QuartoMedico {
	background: red;
	color: black;
	border: 1px solid black;
}
.agrupamento-QuartoReservado {
	background: silver;
	color: black;
	border: 1px solid black;
}

.agrupamento-QuartoNumero {
	background: gray;
	color: white;
	border: 1px solid black;
}

.organograma-Coordenacao {
	background: silver;
	color: black;
	font-weight: bold;
	border: 1px black;
	border-style: groove;
	box-shadow: #000 2px 2px 1px;
}

.organograma-CoordenacaoArea {
	background: gray;
	color: black;
	font-weight: bold;
	border: 1px black;
	border-style: double;
	box-shadow: #000 2px 2px 1px;
}

.organograma-CoordenacaoTituloBlue {
	background: silver;
	color: blue;
	border-top: 1px solid black;
}

.organograma-CoordenacaoTituloRed {
	background: silver;
	color: #900;
	border-top: 1px solid black;
}

.organograma-CoordenacaoTituloBlack {
	background: silver;
	color: black;
	border-top: 1px solid black;
}

.organograma-CoordenacaoTituloBlueLayout {
	background: silver;
	color: blue;
}
.organograma-CoordenacaoTituloRedLayout {
	background: silver;
	color: #900;
}
.organograma-CoordenacaoTituloBlackLayout {
	background: silver;
	color: black;
}

.organograma-AreaTitulo {
	background: black;
	color: white;
	font-weight: bold;
	border: 1px solid black;
}
.organograma-inativo {
	color: gray;
	text-decoration: line-through;
}

.organograma {
	border: 4px black;
	border-style: dotted;
}

.restaurante {
	border: 4px black;
	border-style: dotted;
}

.restaurante td{
	width: 200px;
}

.restaurante-Panel {
	background: #DCDCDC;
	color: black;
	font-weight: bold;
	font-size: large;
 	border: 2px solid black;
}

.restaurante-PanelErro {
	background: red;
	color: black;
	font-weight: bold;
	font-size: large;
	border: 2px solid black;
}

.restaurante-PanelAtencao {
	background: yellow;
	color: black;
	font-weight: bold;
	font-size: large;
	border: 2px solid black;
}

.restaurante-Afilhado {
	background: #BDB76B;
	color: black;
	font-size: 14px;
	border: 1px solid gray;
	padding-top: 3px;
}

.grupo-Logo {
	background: white;
	color: black;
	border: 1px solid lightgray;
}

.grupo-LogoTitulo {
	background: #B0C4DE;
	color: black;
	border-top: 1px solid lightgray;
	font-weight: bold;
	font-size: large;
}
.portal-formulario-Login {
	background: #B0C4DE;
	color: black;
	font-weight: bold;
	font-size: large;
}
.logoPadrinho{
	border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;

	-webkit-box-shadow: 0px 0px 10px #fff;
	-moz-box-shadow: 0px 0px 10px #fff;
	box-shadow: 0px 0px 10px #fff;

	-margin-top: -70%;
	background-color: white;
	border: 1px solid lightgray;
	position: absolute;
	bottom: 40px;
	right: 30px;
	height: 20%;
}

/* planilha */
.monitor-item {
	border: 1px solid #dddddd;
	background: white;
	padding: 5px;
	cursor: pointer;
}
.monitor-imagem {
	width: 3em;
}
.monitor-item-atividade {
	border: 1px solid #dddddd;
	background: #ffe77c;
	padding: 5px;
	cursor: pointer;
}
.monitor-item-atividade-afilhado {
	border: 1px solid #dddddd;
	background: #bfff8a;
	padding: 5px;
	cursor: pointer;
}

.monitor-atividade-hora {
	font-size: 4em;
	font-weight: bold;
}
.monitor-montagem {
	font-size: 5em;
	font-weight: bold;
}

.monitor-atividade {
	font-size: 4em;
	font-weight: bold;
	color: blue;
}
.monitor-atividade-me {
	background-color: #fdb76f;
	border: 1px solid #dddddd;
	cursor: pointer;
}
.monitor-atividade-coord {
	background-color: #74c9fe;
	border: 1px solid #dddddd;
	cursor: pointer;
}

.monitor-atividade-responsavel {
	font-size: 3.5em;
	font-weight: bold;
	color: darkblue;
	font-style: italic;
}

.monitor-atividade-inicio {
	font-size: 2em;
	color: darkgreen;
	font-style: italic;
}
.monitor-atividade-fim {
	font-size: 2em;
	color: darkred;
	font-style: italic;
}
.monitor-atividade-duracao {
	font-size: 2em;
	color: darkgreen;
	font-style: italic;
}
.monitor-atividade-atraso {
	font-size: 2em;
	color: darkred;
	font-style: italic;
}
.monitor-participante-tipo {
	font-size: 2em;
	color: darkblue;
	font-weight: bold;
}
.monitor-participante-nome {
	font-size: 2em;
	color: darkblue;
}
.timer-atividade {
	font-size: 7em;
	color: blue;
}
.timer-atividade-responsavel {
	font-size: 4em;
}
.timer-timer {
	font-size: 30em;
	color: white;
}
.timer-timer-atrasado {
	font-size: 30em;
	color: red;
}
.portal-link {
	font-size:10px;
	color:blue;
	cursor: pointer;
}
.portal-item-border {
	border: 1px solid gray;
}
.email_removido {
	font-size: 16px;
	text-decoration: line-through;
	color:gray;
}
.botaoComprovante {
	font-weight: bold;
	background-color: orange;
	border: 1px solid gray;
	cursor: pointer;
}
.botaoComprovanteTitulo {
	padding-top: 6px;
	font-size: 18px;
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
	.monitor-imagem {
		width: 1em;
	}
	.monitor-atividade-hora {
		font-size: 1.5em;
	}
	.monitor-atividade-duracao {
		font-size: 1em;
	}
	.monitor-montagem {
		font-size: 2em;
	}
	.monitor-atividade {
		font-size: 2em;
	}
	.monitor-atividade-responsavel {
		font-size: 2em;
	}
	.monitor-atividade-inicio {
		font-size: 1em;
	}
	.monitor-atividade-fim {
		font-size: 1em;
	}
	.monitor-atividade-atraso {
		font-size: 1.5em;
	}
	.monitor-participante-tipo {
		font-size: 0.8em;
	}
	.monitor-participante-nome {
		font-size: 1em;
	}
	
	.timer-atividade {
		font-size: 4em;
	}
	.timer-atividade-responsavel {
		font-size: 2em;
	}
	.timer-timer {
		font-size: 10em;
		color: white;
	}
	.timer-timer-atrasado {
		font-size: 10em;
		color: red;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

.extrato-box {
	background-color: #f5f5f5;
	text-align: center;
	padding: 5px;
	border: 1px solid lightgray;
}
.portal-extrato-conta {
	background: #1666b3;
	color: white;
	font-weight: bold;
	font-size: 14px;
}
.portal-extrato-titulo {
	background: #bfd6f3;
	color: black;
	font-weight: bold;
	border-bottom: 1px solid gray;
	font-size: 12px;
}
.portal-extrato-total {
	background: #bfd6f3;
	color: black;
	font-weight: bold;
	border-top: 1px solid gray;
	font-size: 12px;
}


.popupwarn {
    background-color: rgba(243, 175, 72, 0.9);
    border: 1px solid rgba(227, 227, 227, 0.5);
    /* border-radius: 4px; */
    color: white;
    font-size: 24px;
    font-weight: bold;
    margin-top: 5px;
    padding: 10px;
    position: fixed;
    right: 5px;
    width: 450px;
    z-index: 999999;
}

.popupwarn i {
    float: right;
    display: block;
    cursor: pointer;
}

.popupwarn span {
    display: block;
    padding-top: 3px;
}
.maitre{
	font-size: 16px;
	padding-bottom: 5px;
}
@media ( max-width :767px) {
	.hidden-xs {
		display: none !important
	}
}

.load-panel {
    display: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    height: 100%;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9999999;
}

.loader {
    bottom: 50%;
    height: 300px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
}

.loader::before,
.loader::after {
    position: absolute;
    bottom: 30px;
    left: 50%;
    display: block;
    border: 3px solid #F6F6F6;
    border-radius: 50%;
    content: '';
}

.loader::before {
    margin-left: -40px;
    width: 80px;
    height: 80px;
    border-right-color: #4F98BE;
    border-left-color: #4F98BE;
    -webkit-animation: rotation 3s linear infinite;
    animation: rotation 3s linear infinite;
}

.loader::after {
    bottom: 50px;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    border-top-color: #4F98BE;
    border-bottom-color: #4F98BE;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
}