@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);

select.quick_filter {width:60px}

body {
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	background-color:#FFF;
	font-size:13px;
}

pre {
	font-family: inherit;
}

a, button{
	outline: none;
}

input {
	background-color:#FFF;
	border:solid 1px #BBB;
}

select {
	background-color:#FFF;
	border:solid 1px #BBB;
	border-style:solid;
	border-radius:3px;
	padding:2px 3px;
	-moz-appearance: listbox;
}


/* Login*/
body.login {
	background-color:#e2e2e2;
}
#login_center {
	width:400px;
	height:480px;
}
#login_center .logo {
	width:330px;
	height:50px;
	background-repeat:no-repeat;
	position:relative;
	top:100px;
	left:30px;
	background-position:center center;
}
#login_center form {
	position:relative;
	top:120px;
	left:10px;
	margin:0px 25px 0px 20px;
}
#login_center label {
display:block;
font-weight:500;
clear:both;
width:100%;
}
#login_center input {
	width:90%;
	border:solid 1px #ddd;
	padding:4px;
	font-size: 14px;
}
#login_center .email {
}
#login_center .password {
margin-top:20px;
}
#login_center .submit {
	text-align:center;
	margin-top:15px;
}
#login_center button {
	border:solid 1px #232323;
	background-color:#49A;
	padding:7px;
	width:100px;
	border-radius:4px;
	color:#e2e2e2;
	font-size:15px;
}

#login_center #remind {
	text-align: center;
	margin-top:10px;
}

#login_center #remind_link{
	color:#48B;
}

#login_center #remind_form {
	top: 100px;
	text-align: center;
	padding-top:20px;
}

#login_center #remind_form label,
#login_center #remind_form input{
	width:50%;
	display:inline-block;
	z-index: 99;
}
#login_center #remind_form .button{
	text-align: center;
	padding-top: 10px;
}

#login_center #back_to_login {
	text-align: center;
	margin-top:10px;
	padding-top:5px;
}

#login_center #back_to_login_link {
	color: #48B;
}

/* App parts */

#eodinBar {
	float:right;
	border:0;
	background-color:#232323;
	z-index: 9999;
	width: 100%;
}
#eodinBar.no_image {
	width:auto;
}
#app_icon_banner {
	display:inline-block;
	padding:2px 0px 0px 8px;
}
#app_icon {
	margin-right:4px;
}
#app_logo {
	z-index: 9998;
}
#eodinBar,
#eodinBar a{
	color:#e2e2e2;
}

#app_header{
	border-bottom-color:#232323;
	background-color:#232323;
	color:#f0f0f0;
	border-color:#232323;
	padding:3px;
}
#app_middle {
	clear:both;
}
#app_menu{
	background-color:#F0F0F6;
	border-color:#445;
}
#app_menu .comWidget{
	background-color:#e2e2e2;
}
#app_menu .ui-header {
	height:22px;
	font-weight: normal;
}
#app_menu .ui-header h1 {
	font-weight: normal;
	position:relative;
	top:2px;
}
#app_menu .ui-content{
	background-color:#F0F0F0;
	border-top:solid 1px #356A75;
}
#app_menu dt{
	background-color:#749DA5;
	color:#FFF;
	border-color:#749DA5;
	border-bottom-color:#d2d2d2;
}
#app_menu a{
	color:#232323;
	display:block;
	border:solid 1px #F0F0F0;
	background-color:#F0F0F0
}
#app_menu a.hover{
	background-color:#DDF;
	border-top-color:#DDD;
	border-bottom-color:#DEF;
}
#app_menu a.selected{
	border:solid 1px #DDF;
	background-color:#DDF;
	font-weight:500;
}
#app_footer{
	border-top-color:#000;
	background-color:#000;
	color:#f0f0f0;
}
#app_content{
	border-color:#333 #333 #445 #778;
	background-color:#FFF;
}
#app_logo {}
#app_topMenu{}
#app_menu dd{}
#app_menu ul{}

#app_legal{display:none;}
#neurik {
	float:right;
	height:18px;
	width:18px;
	margin:2px;
	/*
	background-image:url(images/neurik.png);
	background-repeat:no-repeat;
	background-position:center center;
	*/
}

#app_topMenu li.calendar a {
	background-image: url(images/icon_calendar.png);
	background-size: contain;
	background-repeat: no-repeat;
	padding-left: 22px;
}
#app_topMenu li.division {
	border-left: solid 1px #999;
	width:0px;
	position:relative;
	top:-3px;
	height:22px;
}

#app_adminMenu {
	margin:0px;
	padding:0px;
	background-color:#eee;
	clear:both;
}
#app_adminMenu ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#app_adminMenu li {
	float:left;
	margin:0px;
	padding:0px;
	text-align:center;
	width:102px;
	height:72px;
	border:solid 1px #000;
	border-color:#f6f6f6 #ddd #ddd #f6f6f6;
	background-position:center 7px;
	background-repeat:no-repeat;
	position:relative;
}
#app_adminMenu li.hover {
	background-color:#f6f6f6;
}
#app_adminMenu li.selected {
	background-color:#f6f6f6;
}
#app_adminMenu a {
	position:absolute;
	bottom:3px;
	left:0px;
	width:100%;
	color:#333;
	padding:0px;
	font-size: 12px;
}
#app_adminMenu a.selected {
	font-weight:500;
}
#app_adminMenu li.settings {
	background-image:url(images/icon_settings.png);
}
#app_adminMenu li.menu {
	background-image:url(images/icon_menu.png);
}
#app_adminMenu li.module {
	background-image:url(images/icon_modules.png);
}
#app_adminMenu li.user {
	background-image:url(images/icon_userRoles.png);
}
#app_adminMenu li.role {
	background-image:url(images/icon_permissions.png);
}
#app_adminMenu li.language {
	background-image:url(images/icon_language.png);
}
#app_adminMenu li.embed {
	background-image:url(images/icon_embed.png);
}
#app_adminMenu li.calendar {
	background-image:url(images/icon_calendar.png);
}

#eodinBar {border-bottom-color:#4E7DB8;}
#eodinBar.no_image {background-image:none;}


/* user interface*/
.ui-header,.ui-footer{
	background-color:#49A;
	color:#FFF;
	background-image: none;
	height:22px;
}
.ui-header h1,.ui-header h2,
.ui-header h3,.ui-header h4,
.ui-header h5,.ui-header h6,
.ui-footer h1,.ui-footer h2,
.ui-footer h3,.ui-footer h4,
.ui-footer h5,.ui-footer h6	{
	font-size:16px;
	margin:0px;
}

/*
.ui-header .bar {
	padding:0;
}
.ui-header .bar .buttons {
	padding:2px 0px;
	margin:0;
}
*/


.ui-header button, .ui-footer button {
	color:#FFF;
	border:solid 1px #333;
	border-color:#ABC #267 #267 #ABC;
	border-radius:3px;
	height:24px;
	background: -webkit-linear-gradient(top, #389 , #8AB); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #389, #8AB); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #389, #8AB); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to top, #389 , #8AB); /* Standard syntax */
	padding:4px 10px 4px 10px;
	margin-right:1px;
	background-color:none;
	background:none;
	border:solid 1px #ABC;
}

.ui-header button.hover, .ui-footer button.hover {
	background: -webkit-linear-gradient(top, #389 , #ABC); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #389, #ABC); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #389, #ABC); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to top, #389 , #ABC); /* Standard syntax */
	background:none;
	background-color:#389;
	border:solid 1px #ace;
}

.overlay {background-image:url(images/overlay.png);}
.overlay .spinner {background-image:url(images/spinner.png);}

.comWidget {
	background-color:#FFF;
}

/* Components */


.comList .ui-header {
	background-color:#49A;
	color:#FFF;
	background-image: none;
	height:auto;
}
.comList .bar {
	padding-bottom:3px;
}
.comList .quick_filter_label{
	display:inline-block;
	margin-left:3px;
	position: relative;
	top:2px;
}
.comList .quick_filter {
	position:relative;
	top:1px;
}
.comList .info {
	font-weight: normal;
}
.comList .search input {
	border-color:#777;
	background-image:url(images/search.jpg);
	background-repeat:no-repeat;
}
.comList .filters {
	background-image:url(images/comList_filters.jpg);
	background-repeat:repeat-x;
	border-top:solid 1px #333;
}
.comList .filter {
	color:#232323;
}
.comList .filter_add {
	border-color:#777 #d8d8d8 #d8d8d8 #777;
}
.comList .filter_add.disabled {
	border-color:#ddd #999 #999 #ddd;
	background: -webkit-linear-gradient(top, #ccc , #e2e2e2); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #ccc, #e2e2e2); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #ccc, #e2e2e2); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to top, #ccc , #e2e2e2); /* Standard syntax */
	color:#eee;
}
.comList .filter_add.enabled {
	background-color:#44aa47;
	border:solid 1px #a4dba5;
	color:#fff;
}
.viewForm filter_add.enabled.hover {
	background:none;
	background-color:#338135;
}
.comList .delete_filter {
	background-image:url(images/comList_delete_filter.png);
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
	top:2px;
}
 
.comList .datatable th {
	background-color:#e2e2e2;
	color:#444;
	border-color:#eee #ccc #999 #ccc;
	padding:4px;
	height:auto;
}
.comList .datatable th.hover {
	background-color: #eee;
}
.comList .fixed_container {
	background-color:#e2e2e2;
	padding:0px;
}
.comList tr.stripe {
	background-color:#f7f5ef;
}
.comList .record_buttons a {
	color:#bbb;
	margin:0px 2px 0px 2px;
	font-size:11px;
	font-weight:500;
}

.comList .record_buttons a:hover{
	color:#003F8E;
}

.comList .pagination button {
	background-image: none;
}
.comList .pagination input {
	border-color:#777 #555 #555 #777;
	height:21px;
	top:-1px;
}
.comList .pagination .previous{
	background-image:url(https://core2.tertius.eixel.com/eodinServer/share/love/themes/classic/images/comList_previous.png);
	border-radius:4px 0px 0px 4px;
	height:22px;
	width:22px;
	border-color:#777 #555 #555 #777;
	border:0;
}
.comList .pagination .next{
	background-image:url(https://core2.tertius.eixel.com/eodinServer/share/love/themes/classic/images/comList_next.png);
	border-radius:0px 4px 4px 0px;
	height:22px;
	width:22px;
	border-color:#777 #555 #555 #555 ;
	border:0;
}
.comList .pagination .previous.hover{
	background-image:url(https://core2.tertius.eixel.com/eodinServer/share/love/themes/classic/images/comList_previous_hover.png);
}
.comList .pagination .next.hover{
	background-image:url(https://core2.tertius.eixel.com/eodinServer/share/love/themes/classic/images/comList_next_hover.png);
}

.comTabs .tabs {
	background-color:#33727e;
	border-color:#BBB #BBB #444 #BBB;
}
.comTabs .tab {
	background-color:#F0F0F0;
	background-image:none !important;
	background-repeat:repeat-x;
	background-position:center center;
	color:#444;
}
.comTabs .tab.hover {
	background-color:#F6F6F6;
}
.comTabs .tab.selected {
	background-image:url(images/gloss.png);
	background-color:#fff;
	border-color:#ddd #777 #777 #fff;
}
.comTabs .content {
	border:solid 1px #bbb;
	border-top:0;
}

.comSelectButton_list li {
	background-color:#444466;
	border-bottom:solid 1px #375062;
	color:#FFF;
}
.comSelectButton_list li.hover {
	background-color:#7892a5;
}

a.viewList_delete:hover{
	color:red !important;
}


.field_wrapper.hover,
.field_wrapper.focus{
	background:none !important;
}
.viewRecord .button {
	margin-right: 1px;
}

.viewForm form input {
	background-color:#FFF;
}

.viewForm .button {
	margin-right:1px;
}
.viewForm .tab_overlay {
	background-image:url(images/tab_overlay.png);
}
.viewForm .tab_overlay td {
	font-weight:500;
	color:#777;
}
.viewForm .note {
	border:solid 2px #BBB;
	border-radius:7px;
	background-color:#FFF;
	padding:20px 20px 20px 60px;
	background-image:url(images/info_icon.png);
	background-repeat:no-repeat;
	background-position:15px 13px;
}
.viewForm button.active {
	border:solid 1px #a4dba5;
	background:none;
	background-color:#44aa47;
}
.viewForm button.active.hover {
	background:none;
	background-color:#338135;
}
.viewForm_page .buttons {
	float:none;
	margin:20px;
}
.viewForm_page button.save {
	background-color:#ccc;
	border:solid 1px #999;
	margin:0px;
	padding:5px 20px 5px 20px;
	border-radius:20px;
	font-weight:500;
}
.viewForm_page button.save.hover {
	background-color:#009944;
	color:#FFF;
}
.fieldBoolean_checked {
	background-image:url(images/fieldBoolean_checked.png);
}
.fieldBoolean_unchecked {
	background-image:url(images/fieldBoolean_unchecked.png);
}
.fieldDate_calendar .ui-header {
	padding:2px 2px 6px 2px;
}
.fieldDate_date {
	border-color:#ccc;
}
.fieldDate_button{
	background-image:url(images/fieldDate_calendar.png);
}
.fieldDate_selected{
	background-color:#444466 !important;
	color:#FFF !important;
}
.fieldDate_calendar td.fieldDate_today {
	background-color:#ecf1f4;
}
.autocomplete .box{
	border-color:#ccc;
}
.autocomplete .searchButton{
	background-image:url(images/autocomplete_search.png);
}
.autocomplete .searchButton.hover{
	background-image:url(images/autocomplete_search_hover.png);
}
.autocomplete .addButton{
	background-image:url(images/autocomplete_add.png);
}
.autocomplete .addButton:hover{
	background-image:url(images/autocomplete_add_hover.png);
}
.autocomplete .editButton{
	background-image:url(images/autocomplete_edit.png);
}
.autocomplete .editButton:hover{
	background-image:url(images/autocomplete_edit_hover.png);
}
.autocomplete .item {
	border-color:#eee;
}
.autocomplete .item.hover {
	background-color:#F0F4F9;
}
.autocomplete .ui-footer.hover{
	background-color:#86a4ca;
}


.fieldFile button {
	border:solid 1px #744;
	border-color:#dbb #744 #744 #dbb;
	border-radius:4px;
	padding:2px 5px 2px 5px;
	background-color:#E99;
	color:#FFF;
	font-size:11px;
	font-weight:500;
}
.fieldFile .files.remove button {
	background-color:#D55;
	border-color:#644 #dbb #dbb #744;
	
}
.fieldFile button.hover {
	background-color:#D55;
}
.fieldFile .strike {
	background-image:url(images/fieldFile_image_strike.png);
}



.fieldItems_save.active,
.fieldItems_add {
	border-width: 1px;
	border-radius:4px;
	color:#FFF;
	font-weight: 500;
	border-style: solid;
	background-color:#3A9C5E;
	border-color:#7ebf7a #45733d #45733d #7ebf7a;
	background: -webkit-linear-gradient(top, #3A9C5E , #76c091); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #3A9C5E, #76c091); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #3A9C5E, #76c091); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to top, #3A9C5E , #76c091); /* Standard syntax */
}
.fieldItems_save.active.hover,
.fieldItems_add.hover {
	border-radius:4px;
	border-color:#7ebf7a #45733d #45733d #7ebf7a;
	background: -webkit-linear-gradient(top, #3A9C5E , #a8dfbd); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(top, #3A9C5E, #a8dfbd); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(top, #3A9C5E, #a8dfbd); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to top, #3A9C5E , #a8dfbd); /* Standard syntax */
}
  

.fieldSelectFields .selected_fields {
	border-color:#ccc;
}
.fieldSelectFields .remove {
	background-image:url(images/fieldSelectFields_remove.png);
}
.fieldSelectFields .addButton{
	background-image:url(images/fieldSelectFields_add.png);
}
.fieldSelectFields .addButton:hover{
	background-image:url(images/fieldSelectFields_add_hover.png);
}



.fieldConfigFilters .filter_add {
	border-color:#777 #d8d8d8 #d8d8d8 #777;
	background-image:url(images/gloss.png);
	background-position:center center;
	background-repeat:repeat-x;
}
.fieldConfigFilters .filter_add.disabled {
	background-color:#ccc;
	color:#555;
}
.fieldConfigFilters .filter_add.enabled {
	background-color:#4B8;
	color:#fff;
}
.fieldConfigFilters .delete_filter {
	background-image:url(images/comList_delete_filter.png);
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
	top:2px;
}
.fieldConfigOptions .remove {
	width:14px;
	background-image:url(images/fieldConfigOptions_delete.png);
}
.fieldConfigOptions .add {
	width:14px;
	background-image:url(images/fieldConfigOptions_add.png);
}

.fieldNotifyTo button {
	border-color:#777 #d8d8d8 #d8d8d8 #777;
	background-image:url(images/gloss.png);
	background-position:center center;
	background-repeat:repeat-x;
	background-color:#4B8;
	color:#fff;
}
.fieldNotifyTo .box .delete_recipient {
	background-image:url(images/comList_delete_filter.png);
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
	top:2px;
}