/* CCSTheme v 3.x */
/* General */

a{
    text-decoration: none;
    font-family: 'Calibre';
	color: initial;
}

/* Colors */
.PageBgColor {
	background-color: #cfe6d6;
	}

.FormTitleBgColor {
	background-color: #d8e8b8;
	}

.FormTitleFontColor {
	color: #111111;
	}

.CaptionBgColor {
	background-color: #d8e8b8;
	}

.CaptionFontColor {
	color: #086808;
	}

.DataBgColor {
	background-color: #f7f7f7;
	}

.AltDataBgColor {
	background-color: #e6f7ee;
	}

.DataFontColor {
	color: #000000;
	}

.LinkColor {
	color: #0033cc;
	}

.VisitedLinkColor {
	color: #840000;
	}

.HoverLinkColor {
	color: #ff0000;
	}

.ColorBgButton {
	background-color: #d8e8b8;
}

.ColorFontButton {
	color: #111111;
}

.ColorBgButtonPassive {
	background-color: #f4ffdf;
}

.ColorFontButtonPassive {
	color: #1c1c1c;
}

/* BEGIN Common */
body { 
	color: #000000;
	
	font-family: Calibri; font-size: 80%;
	}


html>body {
	font-family: Calibri; font-size: 80%;
}

html>body td, html>body th, html>body table {
	font-size: 100%;
}


/*ie6*/
* html body {
	font-family: Calibri; font-size: 80%;
}

* html body td, * html body th, * html body table {
	font-size: 100%;
}
/*end*/

.text { 
	color: #000000
	}

ul, ol, blockquote { 
	margin-top: 5px; 
	margin-bottom: 10px; 
	margin-left: 20px; 
	}

form {
	margin: 0px;
	}

h1	{
	color: #d8e8b8;
	font-size: 150%;
	margin-top: 5px; 
	margin-bottom: 5px;
	}

h2	{ 
	color: #d8e8b8;
	font-size: 130%;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h3	{ 
	color: #d8e8b8;
	font-size: 110%; font-style: italic;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h4	{ 
	color: #d8e8b8;
	font-size: 100%;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h5	{ 
	color: #d8e8b8;
	font-size: 100%; font-style: italic;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h6	{ 
	color: #d8e8b8;
	font-size: 90%;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

th	{ 
	font-family: Calibri; font-size: 80%;
	}

td { 
	font-family: Calibri; font-size: 80%;
	}

/*input, textarea, select {
	font-family: Calibri; font-size: 80%;
	font-size: 100%;
}

html>body input, html>body select, html>body textarea {
	font-family: Calibri; font-size: 80%;
	font-size: inherit;
}*/

/* END Common */

.Header {
	width: 100%;
	}

.Header th { 
	font-size: 110%; font-weight: bold; text-align: left;
	padding: 5px;
	background-color: #d8e8b8; color: #111111;
	width: 100%;
	white-space: nowrap;
	padding-left: 8px;
	}


html>body .Header th {
	font-size: 138%; font-weight: bold; text-align: left;
}


/*ie6*/
* html body .Header th {
	font-size: 138%; font-weight: bold; text-align: left;
}
/*end*/

.HeaderLeft { 
	background-image: url('Images/HeaderLeft.gif');
	}

.HeaderRight { 
	background-image: url('Images/HeaderRight.gif');
	background-position: right top;
	}

.HeaderLeft img{
	width: 1px;
	}

.HeaderRight img{
	width: 1px;
	}


/* Grid Options */
.Grid { 
	border: 1px solid #d8e8b8; border-left: 0px;
	width: 100%;
	}

.Caption th { 
	font-size: 80%; 	text-align: left; vertical-align: top;
	padding: 5px;
	border-top: 1px solid #d8e8b8; border-left: 1px solid #d8e8b8; border-bottom: 1px solid #d8e8b8;
	background-color: #d8e8b8; color: #086808;
	white-space: nowrap;
	}

.Caption td { 
	font-size: 80%; 	text-align: left; vertical-align: top;
	padding: 5px;
	border-top: 1px solid #d8e8b8; border-left: 1px solid #d8e8b8; border-bottom: 1px solid #d8e8b8;
	background-color: #d8e8b8; color: #086808;
	white-space: nowrap;
	}


html>body .Caption th, html>body .Caption td {
	font-size: 100%; 	text-align: left; vertical-align: top;
}


/*ie6*/
* html body .Caption th, * html body .Caption td {
	font-size: 100%; 	text-align: left; vertical-align: top;
}
/*end*/

.Caption img {
	margin: 2px; 
	vertical-align: middle;
	}

.Caption input {
	vertical-align: middle;
	}

.Row th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.Row td { 
	font-size: 80%;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	text-align: left;
	vertical-align: top;
	background-color: #f7f7f7; 
	color: #000000;
	}
	

html>body .Row th, html>body .Row td {
	font-size: 100%;
}


/*ie6*/
* html body .Row th, * html body .Row td {
	font-size: 100%;
}
/*end*/

caption.Row { 
	font-size: 80%;
	padding: 5px;
	border: 1px solid #d8e8b8; border-bottom: 0px;
	text-align: left;
	vertical-align: top;
	background-color: #f7f7f7; 
	color: #000000;
	}


html>body caption.Row {
	font-size: 100%;
}


/*ie6*/
* html body caption.Row {
	font-size: 100%;
}
/*end*/

.Separator{
	color: #d8e8b8;
	}

.Separator td{
	height: 1px;
	}


.AltRow th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.AltRow td { 
	font-size: 80%;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	text-align: left;
	vertical-align: top;
	background-color: #e6f7ee; 
	color: #000000;
	}


html>body .AltRow th, html>body .AltRow td {
	font-size: 100%;
}


/*ie6*/
* html body .AltRow th, * html body .AltRow td {
	font-size: 100%;
}
/*end*/

.NoRecords td { 
	font-size: 80%;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	text-align: left;
	background-color: #f7f7f7; 
	color: #000000;
	vertical-align: top;
	}

.Footer td { 
	font-size: 80%;
	padding: 5px;
	border-top: 1px solid #d8e8b8; border-left: 1px solid #d8e8b8;
	background-color: #f7f7f7; color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}


html>body .NoRecords td, html>body .Footer td {
	font-size: 100%;
}


/*ie6*/
* html body .NoRecords td, * html body .Footer td {
	font-size: 100%;
}
/*end*/

.Footer img {
	margin: 2px; 
	vertical-align: middle;
	}

.Footer input {
	margin: 2px;
	vertical-align: middle;
	}

/* Record Options */
.Record { 
	border: 1px solid #d8e8b8; border-left: 0px;
	width: 100%;
	}

.Error td { 
	font-size: 80%;
	padding: 5px;
	border-top: 1px solid #d8e8b8; border-left: 1px solid #d8e8b8; border-bottom: 1px solid #d8e8b8;
	text-align: left;
	color: #FF0000;
	vertical-align: top;
	background-color: #f7f7f7; 
	}


* html>body .Error td {
	font-size: 100%;
}


/*ie6*/
* html body .Error td {
	font-size: 100%;
}
/*end*/

.Controls th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.Controls td { 
	font-size: 80%;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	text-align: left;
	vertical-align: top;
	background-color: #f7f7f7; 
	color: #000000;
	}
	
.Bottom td { 
	font-size: 80%;
	padding: 5px;
	border-top: 1px solid #d8e8b8; border-left: 1px solid #d8e8b8;
	background-color: #f7f7f7; color: #000000;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}


html>body .Controls th, html>body .Controls td, html>body .Bottom td {
	font-size: 100%;
}


/*ie6*/
* html body .Controls th, * html body .Controls td, * html body .Bottom td {
	font-size: 100%;
}
/*end*/

.Bottom img {
	margin: 2px;
	vertical-align: middle; 
	}

.Bottom input {
	margin: 2px;
	vertical-align: middle;
	}

/* Report */
.GroupCaption th{
	font-size: 80%;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-color: #e6f7ee; 
	color: #000000;
	}

.GroupCaption td{
	font-size: 80%;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-color: #f7f7f7; 
	color: #000000;
	}


html>body .GroupCaption th, html>body .GroupCaption td {
	font-size: 100%;
}


/*ie6*/
* html body .GroupCaption th, * html body .GroupCaption td {
	font-size: 100%;
}
/*end*/


.GroupFooter td{
	font-size: 80%;
	padding: 5px;
	border-top: 1px solid #d8e8b8; border-left: 1px solid #d8e8b8;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #d8e8b8; 
	color: #000000;
	}


html>body .GroupFooter td {
	font-size: 100%;
}


/*ie6*/
* html body .GroupFooter td {
	font-size: 100%;
}
/*end*/

.GroupFooter img {
	margin: 2px; 
	vertical-align: middle;
	}

.GroupFooter input {
	margin: 2px;
	vertical-align: middle;
	}

.SubTotal td{
	font-size: 80%;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-color: #e6f7ee; 
	color: #000000;
	border-bottom: 2px solid #d8e8b8;
	}


html>body .SubTotal td {
	font-size: 100%;
}


/*ie6*/
* html body .SubTotal td {
	font-size: 100%;
}
/*end*/


.Total td{
	font-size: 80%;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	font-weight: bold;
	background-color: #e6f7ee; 
	color: #000000;
	}


html>body .Total td {
	font-size: 100%;
}


/*ie6*/
* html body .Total td {
	font-size: 100%;
}
/*end*/

/* Form Options */
.Button { 
	background-color: #d8e8b8; color: #111111; 
	box-shadow: 2px 2px 4px #333333;
	border-left: solid 1px #EDEDED; border-top: solid 1px #EDEDED; border-right: solid 1px #848284; border-bottom: solid 1px #848284; padding: 2px; font-weight: bold; font-family: Tahoma; font-size: 11px; font-weight: bold;
	}

	.Button:hover { 
	background-color: #E1F4BA;
	cursor:pointer;
}

.Button:active{
	box-shadow: 1px 1px 3px #333333;
}

/* Calendar */

.Calendar { 
	border: 1px solid #d8e8b8;
	width: 100%;
	}

.CalendarWeekdayName{
	font-size: 80%;
	padding: 5px;
	border-top: 1px solid #d8e8b8; border-left: 1px solid #d8e8b8; border-bottom: 1px solid #d8e8b8;
	text-align: center; 
	vertical-align: top;
	white-space: nowrap;
	background-color: #e6f7ee; 
	color: #000000;
	font-weight: normal;
	}


html>body .CalendarWeekdayName {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarWeekdayName {
	font-size: 100%;
}
/*end*/


.CalendarWeekendName{
	font-size: 80%;
	padding: 5px;
	border-top: 1px solid #d8e8b8; border-left: 1px solid #d8e8b8; border-bottom: 1px solid #d8e8b8;
	white-space: nowrap;
	text-align: center; 
	vertical-align: top;
	background-color: #e6f7ee;	
	color: #000000;
	font-weight: normal;
	}


html>body .CalendarWeekendName {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarWeekendName {
	font-size: 100%;
}
/*end*/


/* Calendar Day */
.CalendarDay{
	font-size: 80%;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	text-align: center;
	background-color: #f7f7f7;	
	color: #000000;
	}


html>body .CalendarDay {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarDay {
	font-size: 100%;
}
/*end*/


/* Calendar Weekend */
.CalendarWeekend{
	font-size: 80%;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	text-align: center;
	background-color: #e6f7ee;	
	color: #000000;
	}


html>body .CalendarWeekend {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarWeekend {
	font-size: 100%;
}
/*end*/


/* Calendar Today */
.CalendarToday {
	font-size: 80%;
	padding: 3px;
	border: 2px solid #d8e8b8; border-right: 1px solid #d8e8b8;
	text-align: center;
	background-color: #f7f7f7;	
	color: #000000;
	}


html>body .CalendarToday {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarToday {
	font-size: 100%;
}
/*end*/


/* Calendar Weekend Today */
.CalendarWeekendToday {
	font-size: 80%;
	padding: 3px;
	border: 2px solid #d8e8b8; border-right: 1px solid #d8e8b8;
	text-align: center;
	background-color: #e6f7ee;	
	color: #000000;
	}


html>body .CalendarWeekendToday {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarWeekendToday {
	font-size: 100%;
}
/*end*/


/* Calendar Other Month's Day */
.CalendarOtherMonthDay{
	font-size: 80%;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	text-align: center;
	background-color: #f7f7f7;	
	color: #d8e8b8;
	}


html>body .CalendarOtherMonthDay {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarOtherMonthDay {
	font-size: 100%;
}
/*end*/


/* Calendar Other Month's Today */
.CalendarOtherMonthToday {
	font-size: 80%;
	padding: 3px;
	border: 2px solid #d8e8b8; border-right: 1px solid #d8e8b8;
	text-align: center;
	background-color: #f7f7f7;	
	color: #d8e8b8;
	}


html>body .CalendarOtherMonthToday {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarOtherMonthToday {
	font-size: 100%;
}
/*end*/


/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekend {
	font-size: 80%;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	text-align: center;
	background-color: #e6f7ee;	
	color: #d8e8b8;
	}


html>body .CalendarOtherMonthWeekend {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarOtherMonthWeekend {
	font-size: 100%;
}
/*end*/


/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendToday {
	font-size: 80%;
	padding: 3px;
	border: 2px solid #d8e8b8; border-right: 1px solid #d8e8b8;
	text-align: center;
	color: #d8e8b8;
	background-color: #e6f7ee;	
	}
	

html>body .CalendarOtherMonthWeekendToday {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarOtherMonthWeekendToday {
	font-size: 100%;
}
/*end*/


/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDay{
	font-size: 80%;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	background-color: #d8e8b8;
	color: #086808;
	text-align: center;
	font-weight: bold;
	}
	

html>body .CalendarSelectedDay {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarSelectedDay {
	font-size: 100%;
}
/*end*/


/* Calendar Navigator */
.CalendarNavigator {
	font-size: 80%;
	padding: 5px;
	background-color: #f7f7f7; color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}


html>body .CalendarNavigator {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarNavigator {
	font-size: 100%;
}
/*end*/


.CalendarNavigator img{
	margin: 2px;
	vertical-align: middle; 	
	}

.CalendarNavigator td {
	font-size: 80%;
	}

.CalendarNavigator th {
	font-size: 80%;
	}


html>body .CalendarNavigator th, html>body .CalendarNavigator td {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarNavigator th, * html body .CalendarNavigator td {
	font-size: 100%;
}
/*end*/

/* Calendar Extra */
.CalendarEvent{
	font-size: 80%;
	text-align: left;
	}


html>body .CalendarEvent {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarEvent {
	font-size: 100%;
}
/*end*/


/* Changes for Section508 */
table tr td strong {
	padding: 0px;
	margin: 0px;
}

.th { 
	font-family: Calibri; font-size: 80%;
	font-weight: bold;
}


html>body .th {
	font-size: 100%;
}


/*ie6*/
* html body .th {
	font-size: 100%;
}
/*end*/

.Header .th { 
	font-size: 110%; font-weight: bold; text-align: left;
	padding: 5px;
	background-color: #d8e8b8; color: #111111;
	width: 100%;
	white-space: nowrap;
}


html>body .Header .th {
	font-size: 138%; font-weight: bold; text-align: left;
}


/*ie6*/
* html body .Header .th {
	font-size: 138%; font-weight: bold; text-align: left;
}
/*end*/

.Caption .th { 
	font-size: 80%; 	text-align: left; vertical-align: top;
	padding: 5px;
	border-top: 1px solid #d8e8b8; border-left: 1px solid #d8e8b8; border-bottom: 1px solid #d8e8b8;
	background-color: #d8e8b8; color: #086808;
	white-space: nowrap;
}


html>body .Caption .th {
	font-size: 100%; 	text-align: left; vertical-align: top;
}


/*ie6*/
* html body .Caption .th {
	font-size: 100%; 	text-align: left; vertical-align: top;
}
/*end*/

.Row .th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
}

.AltRow .th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
}

.Controls .th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
}

.GroupCaption .th {
	font-size: 80%;
	padding: 5px;
	border-left: 1px solid #d8e8b8;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	font-weight: bold;
	background-color: #e6f7ee; 
	color: #000000;
}


html>body .GroupCaption .th {
	font-size: 100%;
}

html>body .Row .th, html>body .AltRow .th, html>body .Controls .th {
	font-size: 100%; font-weight: normal; text-align: left; vertical-align: top;
}


/*ie6*/
* html body .GroupCaption .th {
	font-size: 100%;
}

* html body .Row .th, * html body .AltRow .th, * html body .Controls .th {
	font-size: 100%; font-weight: normal; text-align: left; vertical-align: top;
}
/*end*/

/* Class for Application Builder Menu */
.simpleMenu td {
	font-size: 80%;
}


html>body .simpleMenu td {
	font-size: 100%;
} 


/*ie6*/
* html body .simpleMenu td {
	font-size: 100%;
} 
/*end*/


@media screen and (max-width: 1025px) {
    .inputwidth{
		width: 280px;
	}
}
@media screen and (min-width: 1026px) {
    .inputwidth{
		width: 333px;
	}
}

select, input, textarea{
	background: #fff;
	border: 1px solid #aaa;
	box-shadow: 0 4px 5px rgba(0,0,0,.15);
	border-radius: 4px;
}

.sim{
	display: inline-block;
	background: green;
	padding: 5px 10px;
	border-radius: 4px;
	color: #fff;
}

.nao{
	display: inline-block;
	background: red;
	padding: 5px 10px;
	border-radius: 4px;
	color: #fff;
}

.autorizarEvento{
	margin: 0 auto;
	display: inherit;
}



a.newid, .inputautoriza{
    float: left;
    border: 1px solid #d8e8b8;
    padding: 5px 10px;
    color: #111;
    font-weight: bold;
	margin-right: 5px;
}

.colunadata{
	width:80px;
}

.center, .simnao{
	text-align: center !important;
}

.Grid .Row .chzn-container{
	width: 98% !important;
	min-width: 250px;
	margin: 0 1%;
}

.colunacodigo{
	width:60px;
}

.CustomButton {
    height: 33px;
    margin-right: 15px;
    max-width: 200px;
    min-width: 200px;
}

.CustomButton.Selected {
    background-color: #223c4d;
    border: 0 none;
    box-shadow: 1px 1px 4px #333333;
    color: white;
}

.PanelQtdes {
    background-color: #f7f7f7;
    border: 1px solid #d8e8b8;
    display: flex;
    min-height: 300px;
}

.PanelQtdeTotal {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    max-width: 10%;
    min-width: 10%;
}

.PanelQtdeTotal .DivDescTotal {
    height: 35px;
    margin-left: -100px;
    text-align: center;
    transform: rotate(-90deg);
}

.PanelQtdes .NoRecords {
    padding-left: 20px;
}

.PanelParcial {
    align-items: center;
    border: 1px solid black;
    border-radius: 2px;
    display: flex;
    flex-direction: column;
    float: left;
    height: 120px;
    justify-content: center;
    margin: 5px;
    padding: 2px;
    width: 132px;
    cursor: pointer;
}

.PanelParcial .LblTitle {
    align-items: center;
    display: flex;
    font-size: 16px;
    font-weight: bold;
    justify-content: center;
    min-height: 63px;
    text-align: center;
    width: 100%;
}

.PanelParcial .LblQtde {
    font-size: 45px;
}

.PanelParcial label {
    cursor: inherit;
}

.LblTitlePanel {
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding: 25px 10px 2px 20px;
    width: 95%;
}

.BtnAllQtde {
    align-items: center;
    background-color: #2d3e50;
    border-radius: 2px;
    color: white;
    display: flex;
    height: 98%;
    margin: 7%;
    width: 90%;
}

.TitleAll {
    font-size: 30px;
    white-space: nowrap;
}

.ValueAll {
    font-size: 35px;
    font-weight: bold;
}

.PanelParcial:hover {
    border-color: #f7f7f7;
}