/************************** DEFAULT FONTS ****/
@font-face {
    font-family: 'SYAS';
    src: url('syas-webfont.eot');
    src: url('syas-webfont.eot?#iefix') format('embedded-opentype'),
         url('syas-webfont.woff') format('woff'),
         url('syas-webfont.ttf') format('truetype'),
         url('syas-webfont.svg#syasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/************************** DEFAULT HTML *****/
body {
	font-family: Calibri, sans-serif;
	font-size: 13px;
}
strong {
	font-weight: bold;
}
a {
	color: #375371;	
}
h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px;
	color: #375371;
}
h5 {
	font-size: 0.9em;
	color: #ccc;
}
/************************** DEFAULT BUTTONS *****/
a.syas-button {
	display: inline-block;
	min-width: 40px;
	white-space: nowrap;
	border: 1px solid #2E6DA4;
	color: #fff;
	padding: 0 1.3em 0 1.7em;
	margin: 0.5em 0.5em 0.5em 0em;
	font: bold 1.2em/2.2em Calibri, sans-serif;
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
	background: #4D7096 none repeat scroll 0% 0%;	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}
a.syas-button:hover {
	border: 1px solid #204D74;
	background: #315680 none repeat scroll 0% 0%;
}
a.syas-button:active {
	border: 1px solid #2E6DA4;
	background: #4D7096 none repeat scroll 0% 0%;
}
a.syas-button:before {
	display: block;
	content: "\00a0";
	float: left;
	width: 1.4em;
	height: 1.4em;
	margin: 0.6em 0.3em 0.0em -0.8em;
	pointer-events: none;
	font: 18px/12px SYAS;
}
a.syas-button-disabled, a.syas-button-disabled:hover {
	background: #eee !important;
	color: #aaa !important;
	border-color: #aaa !important;
	cursor: default !important;
	text-shadow: none !important;
	position: static !important;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
a.syas-button-disabled label, a.syas-button-disabled:hover label {
	cursor: inherit !important;
}
a.syas-button-save:before {
	content: ":";
}
a.syas-button-cancel:before {
	content: ";";
}
a.syas-button-loading:before {
    content: "@";
}
a.syas-button-save {
	background-color: #ADC800;
	border-color: #A1B908;
}
a.syas-button-save:hover {
	background-color: #829E18;
	border-color: #398439;
}
a.syas-button-cancel {
	background-color: #D9534F;
	border-color: #D43F3A;
}
a.syas-button-cancel:hover {
	background-color: #C9302C;
	border-color: #AC2925;
}
a.syas-button-run:before {
   content: "¿";
}
/************************** DEFAULT MSGS *****/
div.syas-message, div.syas-confirm {
		background-size: 40px 40px;
		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);										
		 box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
		 width: 98%;
		 border: 1px solid;
		 position: fixed;
		 padding: 0% 1%;
		 _position: absolute;

		 animation: animate-bg 5s linear infinite;
}
div.syas-message span, div.syas-confirm span {
		display: block;
		float: left;
		 color: #fff;
		 text-shadow: 0 1px 0 rgba(0,0,0,.5);
		 padding: 12px 0px;	
}
div.syas-message-info, div.syas-confirm {
		 background-color: #4ea5cd;
		 border-color: #3b8eb5;
}

div.syas-message-error {
		 background-color: #de4343;
		 border-color: #c43d3d;
}
		 
div.syas-message-warning {
		 background-color: #eaaf51;
		 border-color: #d99a36;
}

div.syas-message-success {
		 background-color: #61b832;
		 border-color: #55a12c;
}
@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}
div.syas-confirm input[type=button], div.syas-message input[type=button] {
	float: right;
	display: inline-block;
	white-space: nowrap;
	background: #ebebeb;
	background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #ebebeb) );
	background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
	filter: progid : DXImageTransform.Microsoft.gradient (   startColorstr =
		'#ffffff', endColorstr = '#ebebeb', GradientType = 0 );
	border: 1px solid #ccc;
	padding: 0 1.5em;
	margin: 0.5em;
	font: bold 0.9em/2em Calibri, sans-serif;
	text-decoration: none;
	color: #333;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}
/************************** DEFAULT MENU *****/
nav.syas-menu, nav.syas-menu-submenu {
	height: 67px;
	border: 1px solid #ccc;
	background: #ebebeb;
	background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #ebebeb) );
	background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
	filter: progid : DXImageTransform.Microsoft.gradient (   startColorstr =
		'#ffffff', endColorstr = '#ebebeb', GradientType = 0 );
}
nav.syas-menu {
	display: block;
	width: 100%;
	border: 1px 0px 1px 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
nav.syas-menu-submenu {
	display: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	box-shadow: 5px 5px 6px #818181;
	-webkit-box-shadow: 5px 5px 6px #818181;
	-moz-box-shadow: 5px 5px 6px #818181;
}
nav.syas-menu div.syas-menu-space, nav.syas-menu-submenu div.syas-menu-space {
	display: inline-block;
	float: left;
	height: 65px;
}
nav.syas-menu div.syas-menu-space a.syas-menu-nav-link, nav.syas-menu-submenu div.syas-menu-space a.syas-menu-nav-link {
	display: inline-block;
	width: 85px;
	height: 65px;
	border: 0px;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	color: #444;
	font: 11px 'Open Sans', sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
	outline: none;
}

nav.syas-menu div.syas-menu-space a.syas-menu-nav-link:hover, nav.syas-menu-submenu div.syas-menu-space a.syas-menu-nav-link:hover {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #dcdcdc; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #dcdcdc) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%);
	/* W3C */
	filter: progid : DXImageTransform.Microsoft.gradient (   startColorstr =
		'#ffffff', endColorstr = '#dcdcdc', GradientType = 0 ); /* IE6-9 */
}

nav.syas-menu a.syas-menu-nav-link-right {
	float: right;
}

nav.syas-menu a.syas-menu-nav-link-profile {
	
}

nav.syas-menu a.syas-menu-nav-link img, nav.syas-menu-submenu a.syas-menu-nav-link img {
	display: block;
	width: 36px;
	height: 36px;
	margin: 6px auto 2px auto;
}
nav.syas-menu div.syas-menu-nav-link-usermenu {
	float: right;
	display: block;
	width: 150px;
	height: 40px;
	padding: 13px 10px;
	text-align: right;
}
nav.syas-menu div.syas-menu-nav-link-usermenu strong {
	display: block;
	margin-bottom: 10px;
}
nav.syas-menu div.syas-menu-nav-link-usermenu a {
	background: #ccc;
	text-decoration: none;
	color: #fff;
	padding: 1px 8px;
	margin-left: 5px;
}
nav.syas-menu div.syas-menu-nav-link-usermenu a:hover {
	background: #bbb;
}
/************************** DEFAULT TITLE *****/
div.syas-title {
	display: block;
	width: 100%;
	height: 56px;
	padding: 10px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
	background: transparent url("../images/header.jpg") repeat-x scroll left top;
}
div.syas-title img.syas-title-icon {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin: -4px 4px 0px -4px;
	background: #ebebeb;
	background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #ebebeb) );
	background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
	filter: progid : DXImageTransform.Microsoft.gradient (   startColorstr =
		'#ffffff', endColorstr = '#ebebeb', GradientType = 0 );
	padding: 5px;
	-webkit-box-shadow: 0.3px 1px 4px 0.5px #555;
	box-shadow: 0.3px 1px 4px 0.5px #555;	
}
div.syas-title h2 {
	float: left;
	font-size: 22px;
	padding: 8px 8px;
	margin: 0px;
	font-weight: normal;
	color: #FFF;
	text-shadow: 1px 1px 1px #555;
}
/************************** DEFAULT FORMS *****/
form.syas-form {
}
form.syas-form table {
	width: 99%;
	margin: 0px auto;
    border-spacing: 10px;
    border-collapse: separate;
}
form.syas-form table tr td {
	display: table-cell;
	vertical-align: top;	
}
form.syas-form table tr td.syas-form-featured {
}
form.syas-form table tr td div.syas-form-celldiv {
	display: block;
	width: 48%;
}
form.syas-form table tr td div.syas-form-celldiv-left {
		float: left;
}
form.syas-form table tr td div.syas-form-celldiv-right {
		float: right;
}
form.syas-form table tr td ul.syas-form-group {
	overflow-y: scroll;
	background: #F9F9F9;
	border: 1px solid #DDD;
	padding: 5px 10px;
	width: 100%;
	height: 44px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	zoom: 1;	
	list-style: none;
}
form.syas-form table tr td ul.syas-form-group li {
	display: block;
	padding: 0px;
	margin: 5px 0px;
}
form.syas-form table tr td ul.syas-form-group-rowspan2 {
	height: 98px;
}
form.syas-form table tr td ul.syas-form-group-rowspan3 {
	height: 152px;
}

form.syas-form table tr td ul.syas-form-group-rowspan4 {
	height: 200px;
}

form.syas-form table tr td ul.syas-form-group input[type=checkbox] {
	float: left;
	margin: 1px 5px 0px 0px;
	border-color: #333;
}
form.syas-form table tr td ul.syas-form-group label {
	display: inline !important;
	width: inherit !important;
	margin: 0px 0px;
	color: #333;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}
form.syas-form table tr td ul.syas-form-group hr {
	display: block;
	height: 1px;
	width: 80%;
	margin:5px 10%;
	padding: 0px 0px 0px 0px;
	border: 0px;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #FFF;
}

form.syas-form table tr td input[type=text], 
form.syas-form table tr td input[type=password], 
form.syas-form table tr td select, 
form.syas-form table tr td textarea {
	display: block;
	width: 100%;
	height: 26px;
	padding:3px;
	border:1px solid #DDD;
	font:16px Calibri, sans-serif;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;	
	zoom: 1;
}
form.syas-form table tr td input[type=text]:focus, 
form.syas-form table tr td input[type=password]:focus, 
form.syas-form table tr td input[type=file]:focus,
form.syas-form table tr td select:focus, 
form.syas-form table tr td textarea:focus {
	-webkit-box-shadow: 0.2px 0.2px 5px 1px #fbec88;
	box-shadow: 0.2px 0.2px 5px 1px #fbec88;
	border-color: #fbec88;
}
form.syas-form table tr td textarea {
	width: 100%;
	height: 100%;
	margin-top: 8px;
	resize: none;
}
form.syas-form table tr td select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;		
	overflow:hidden;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-border-radius: 0;
	padding: 1px 3px 1px 3px;
	background: transparent url("../images/inputs.png") no-repeat;
	background-position: right 0px;
}
form.syas-form table tr td select option:nth-of-type(odd) {
	background: #F1F8F8;
}
form.syas-form table tr td label {
	display: block;
	width: 100%;
	clear: both;
	height: 13px;
	font-size: 13px;
	color: #232323;
	margin-bottom: 5px;
}
form.syas-form table tr td input[type=text]:disabled,
form.syas-form table tr td input[type=password]:disabled,
form.syas-form table tr td input[type=file]:disabled,
form.syas-form table tr td select:disabled,
form.syas-form table tr td textarea:disabled {
	background-color: #eee;
	opacity: 1;
	color: #aaa;
	cursor: default;
	text-shadow: none;
	position: static;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
form.syas-form table tr td label.syas-form-required {
	font-weight: bold;
}
form.syas-form table tr td label.syas-form-error {
	font-weight: bold;
	color: red;
}
form.syas-form table tr td table {
	width: 100%;
	margin: -15px auto;
    border-spacing: 5px;
    border-collapse: separate;		
}
form.syas-form table tr td table tr th {
	text-align: left;	
}
form.syas-form table tr td table tr td {
	width: inherit;
	padding: 0px;
	margin: 0px;	
}
form.syas-form table tr td label small, form.syas-form table tr td table tr td label small, form.syas-form table tr td table tr th small  {
	margin-left: 5px;
	font-size: 0.8em;	
}

form.syas-form table tr td.syas-form-attach {
	
}
form.syas-form table tr td.syas-form-attach div.syas-form-attach-item {
	display: inline-block;
	margin: 0px 10px 10px 0px;
	background: #B2CED1;
	padding: 10px 10px 10px 10px;
	color: #fff;
	text-decoration: none;
}
form.syas-form table tr td.syas-form-attach div.syas-form-attach-item span.syas-form-attach-item-icon {
	display: block;
	float: left;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	background: transparent url('../images/mimes.png') no-repeat;
	background-position: 0 0px;
}
form.syas-form table tr td.syas-form-attach div.syas-form-attach-item-file span.syas-form-attach-item-icon {
	background-position: -14px 0px !important;
}
form.syas-form table tr td.syas-form-attach div.syas-form-attach-item-text span.syas-form-attach-item-icon {
	background-position: -28px 0px !important;
}
form.syas-form table tr td.syas-form-attach div.syas-form-attach-item-image span.syas-form-attach-item-icon {
	background-position: -42px 0px !important;
}
form.syas-form table tr td.syas-form-attach div.syas-form-attach-item-doc span.syas-form-attach-item-icon {
	background-position: -56px 0px !important;
}
form.syas-form table tr td.syas-form-attach div.syas-form-attach-item-ppt span.syas-form-attach-item-icon {
	background-position: -70px 0px !important;
}
form.syas-form table tr td.syas-form-attach div.syas-form-attach-item-xls span.syas-form-attach-item-icon {
	background-position: -84px 0px !important;
}
form.syas-form table tr td.syas-form-attach div.syas-form-attach-item-pdf span.syas-form-attach-item-icon {
	background-position: -98px 0px !important;
}
form.syas-form table tr td.syas-form-attach div.syas-form-attach-item-zip span.syas-form-attach-item-icon {
	background-position: -112px 0px !important;
}
form.syas-form table tr td.syas-form-attach div.syas-form-attach-item-sound span.syas-form-attach-item-icon {
	background-position: -126px 0px !important;
}
form.syas-form table tr td.syas-form-attach div.syas-form-attach-item a {
	float: left;
}
form.syas-form table tr td.syas-form-attach div.syas-form-attach-item a.syas-form-attach-item-title {
	color:#55799D;
}
form.syas-form table tr td.syas-form-attach div.syas-form-attach-item span.syas-form-attach-item-progress {
	color: #fff;
	float: left;
	margin: 0px 5px;
}
form.syas-form table tr td.syas-form-attach div.syas-form-attach-item a.syas-form-attach-item-delete {
	display: block;
	float: right;
	text-decoration: none;
	padding: 0px 3px 2px 3px;
	font: 12px verdana;
	font-weight: bold;
	color: #55799D;
}
form.syas-form input.syas-lookupfield {
	padding: 1px 20px 1px 3px; 
	background: transparent url("../images/inputs.png") no-repeat;
	background-position: right -20px;
}
table.syas-gridcontrols {
	background: #ebebeb;
	background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #ebebeb) );
	background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
	filter: progid : DXImageTransform.Microsoft.gradient (   startColorstr =
		'#ffffff', endColorstr = '#ebebeb', GradientType = 0 );
}
table.syas-gridcontrols a.syas-gridcontrols-button {
	display: inline-block;
	min-width: 40px;
	white-space: nowrap;
	border: 1px solid transparent;
	padding: 4px 1.0em 3px 1.5em;
	margin: 0.5em;
	height: 15px;
	color: #888;
	text-decoration: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}
table.syas-gridcontrols a.syas-gridcontrols-button:before {
	display: block;
	float: left;
	pointer-events: none;
	margin: -12px 5px 0px 0px;
	font: 28px SYAS;
}
table.syas-gridcontrols a.syas-gridcontrols-button:hover {
	border: 1px solid #E5E5E5;
	color: #333;
	background: #dcdcdc; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #dcdcdc) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #dcdcdc 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #dcdcdc 100%);
	/* W3C */
	filter: progid : DXImageTransform.Microsoft.gradient (   startColorstr =
		'#ffffff', endColorstr = '#dcdcdc', GradientType = 0 ); /* IE6-9 */
}
table.syas-gridcontrols a.syas-gridcontrols-button-insert:before {
	/*background-position: 0px 0px;*/
	content: "!";
}
table.syas-gridcontrols a.syas-gridcontrols-button-update:before {
	/*background-position: -16px 0px;*/
	content: "#";
}
table.syas-gridcontrols a.syas-gridcontrols-button-delete:before {
	/*background-position: -32px 0px;*/
	content: "$";
}	
table.syas-gridcontrols a.syas-gridcontrols-button-save:before {
	background-position: -48px 0px;
}
table.syas-gridcontrols a.syas-gridcontrols-button-cancel:before {
	background-position: -64px 0px;
}
table.syas-gridcontrols a.syas-gridcontrols-button-search:before {
	background-position: -80px 0px;
}
table.syas-gridcontrols tr td span.syas-gridcontrols-search {
	border: 1px solid #bbbec0;
	color: #ccc;
	background: #fff;
	border: 1px solid #E5E5E5;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);	
	text-align: left;
	font: 28px/15px SYAS;
	text-decoration: none;
}
table.syas-gridcontrols tr td span.syas-gridcontrols-search input {
	background: transparent;
	outline: none;
	font-size: 12px;
	color: #ccc;
}
table.syas-gridcontrols tr td span.focused input, 
table.syas-gridcontrols tr td span.focused label:before {
	color: #333;
}
table.syas-pagination tr td a {
	color: #888;
	font-weight: bold;
	border: 1px solid transparent;
}
table.syas-pagination tr td a.syas-pagination-selected {
	color: #f2f2f2;
	background: #55799D;
	text-decoration: none;
	font-weight: normal;
}
table.syas-grid tbody tr.syas-grid-row-zebra {
	background: #ECEFF0;
	border-style: solid;
	border-color: #D2D9DB;
}
table.syas-grid tbody tr.syas-grid-row-selected {
	background: #fbec88 !important; /* Old browsers */
	border-color: #f9e563;
}
ul.syas-treeview li div.syas-treeview-item {
	background: #ECEFF0;
	border: 1px solid #D2D9DB;
}
ul.syas-treeview li div.syas-treeview-item:hover {
	background: #B2CED1;
	border: 1px solid #C4E0E1;
}
ul.syas-treeview li div.syas-gridcontrols-row-selected {
	background: #fbec88 !important; /* Old browsers */
	border-color: #f9e563 !important;
}
/*************************** TABS *********************************/
ul.syas-tabs {
	display: block;
	height: 40px;
	margin: 0px;
}
ul.syas-tabs li.syas-tabs-item {
	display: inline-block;
	min-width: 80px;
	margin: 10px;
	cursor: pointer;
	padding: 6px 20px;
	font-size: 14px;
	text-align: center;
	color: #333;
	border: 1px solid #CCC;
	background: #FFF;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
ul.syas-tabs li.syas-tabs-item-selected {
	border: 1px solid #ADADAD;
	background: #E6E6E6;
}
































/*************************** PAINEIS ********************************/

.painel {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.painel-heading {
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.painel-heading > .painel-title{
	display: inline-block;
	float: right;
}
.painel-body {
	padding: 15px;
}
.painel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.painel-default {
	border-color: #ddd;
}

.painel-default>.painel-heading {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}

.painel-azul {
	border-color: #428bca;
}

.painel-azul>.painel-heading {
	color: #fff;
	background-color: #428bca;
	border-color: #428bca;
}

.painel-azul a {
	color: #428bca;
	text-decoration: none;
}

.painel-azul a:hover {color: #2a6496;}


.painel-verde {
	border-color: #5cb85c;
}

.painel-verde>.painel-heading {
	color: #fff;
	background-color: #5cb85c;
	border-color: #5cb85c;
}

.painel-verde a {
	color: #5cb85c;
	text-decoration: none;
}

.painel-green a:hover {color: #3d8b3d;}

.painel-amarelo {
	border-color: #f0ad4e;
}

.painel-amarelo>.painel-heading {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}

.painel-amarelo a {
	color: #f0ad4e;
	text-decoration: none;
}

.painel-amarelo a:hover {color: #df8a13;}


.painel-vermelho {
	border-color: #d9534f;
}

.painel-vermelho>.painel-heading {
	color: #fff;
	background-color: #d9534f;
	border-color: #d9534f;
}

.painel-vermelho a {
	color: #d9534f;
	text-decoration: none;
}

.painel-vermelho a:hover {color: #b52b27;}


/*************************** TIMELINE *********************************/
.timeline {
	position: relative;
	padding: 20px 0 20px;
	list-style: none;
}


.timeline > li > .timeline-painel {
	float: left;
	position: relative;
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #d4d4d4;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.175);
	box-shadow: 0 1px 6px rgba(0,0,0,0.175);
}

.timeline > li:first-child {
	margin-top: -20px;
}

.timeline-title {
	margin-top: 0;
	color: inherit;
	font-size: 1.5em;
}

.timeline-body > p, .timeline-body > ul {
	margin-bottom: 0;
	font-size: 1.2em;
}
/*************************** LISTAGEM *********************************/
.list-group {
	padding-left: 0;
	margin-bottom: 20px;
}

.list-group-item {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.list-group-item:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

a.list-group-item {
	color: #555;
	text-decoration: none;
}

a.list-group-item:hover, a.list-group-item:focus {
	color: #555;
	text-decoration: none;
	background-color: #f5f5f5;
}

/*************************** PADRAO *********************************/

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .painel-body:before, .painel-body:after, .modal-footer:before, .modal-footer:after {
	display: table;
	content: " ";
}

.pull-right {
	float: right!important;
}

.pull-left {
	float: left!important;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.text-muted {
	color: #777;
}

.small {
	font-size: 85%;
}

.huge {
	font-size: 40px;
}

/*************************** QUERYS *********************************/

@media (max-width: 1024px){
	nav.syas-menu, nav.syas-menu-submenu {
		height: auto;
		float: left;
	}

	nav.syas-menu-submenu {max-width: 80%;}

	div.syas-title{float: left;}
}

/*************************** LOCK LANDSCAPE *********************************/

/*@media screen and (orientation:portrait) {*/

	/*html {*/
		/*-ms-transform: rotate(-90deg);  IE 9 */
		/*-webkit-transform: rotate(-90deg);  Chrome, Safari, Opera */
		/*transform: rotate(-90deg);*/
		/*width: 100% screen width  ;*/
		/*height: 100% screen height  ;*/
	/*}*/
	/*nav{margin-top:126px;}*/

/*}*/