@font-face {
    font-family		: "Gotham Rounded Medium";
  	src				: url("../font/Gotham Rounded Medium.woff") format("woff");
}

html { 
	height			: 100%;
	font-family		: "Gotham Rounded Medium";
}
	
body { 
	height			: 100%;
	margin			: 0;
	font-family		: "Gotham Rounded Medium";
	font-size		: 12px;
}

/** ************* **/
/**    GLOBALS    **/
/** ************* **/
a  {
	text-decoration	: none;
	border			: none;
	color			: inherit;
	cursor			: pointer;
}

.inlineBlock {
	display			: inline-block;
}

.inlineDiv {
	display			: inline-block;
	width			: 100%;
}

.actionLineTop {
	display			: inline-block;
	width			: 100%;
	margin-bottom	: 15px;
}

.actionLineBottom {
	display			: inline-block;
	width			: 100%;
	margin-top		: 30px;
}

.hide {
	display			: none !important;
}

.right {
	float			: right;
}
.left {
	float			: left;
}
.alignCenter {
	text-align		: center !important;
}
.alignLeft {
	padding-left	: 5px;
	text-align		: left !important;
}
.alignRight {
	padding-right	: 5px;
	text-align		: right !important;
}
.bold {
	font-family		: 'SourceSansPro-bold', sans-serif !important;
}

.pointer {
	cursor			: pointer;
}

.mandatory {
	color			: #0871DD !important;
}

.noPadding {
	padding			: 0px !important;
}

.noBorder {
	border			: none !important;
}

h2 {
	font-size		: 15px;
	color			: #205392;
	border-bottom	: solid 1px #8B9099;
}

h3 {
	border-bottom: solid 1px #342929;
}

.unselectable {
	-webkit-touch-callout	: none;
    -webkit-user-select		: none;
    -khtml-user-select		: none;
    -moz-user-select		: none;
    -ms-user-select			: none;
    user-select				: none;
}

#dialogOverlay {
	z-index			: 100;
	position		: fixed;
	display			: none;
	width			: 100%;
	height			: 100%;
	background		: url("../../public/img/layout/grey_transparent_120.png") 0px 0px repeat;
}

/**    MESSAGE    **/
.actionMessage {
	padding			: 5px 10px;
    list-style		: none;
    font-size		: 13px;
    color			: #21659c;
    border			: 1px solid #5194b2;
    background		: #2196f329;
}
.actionerror {
	padding			: 5px 10px;
    list-style		: none;
    font-size		: 13px;
    color			: #cb2020;
    border			: 1px solid #E91E63;
    background		: #b6362d1c;
}

.input_align_right input {
	text-align 		: right;
}

/**    BUTTONS    **/
.validButton {
    padding			: 12px;
    font-family		: 'Gotham Rounded Medium';
    font-size		: 12px;
    text-transform	: uppercase;
	color			: #FFFFFF;
	background		: #FE5E00;
	border			: solid 1px #FFFFFF;
	border-radius	: 4px;
	cursor			: pointer;
}
.validButton:hover {
	color			: #FE5E00;
	background		: #FFFFFF;
	border			: solid 1px #FE5E00;
}

.coreDeleteButton button {
    display			: inline-block;
    width			: 100%;
    padding			: 12px;
    font-family		: 'Gotham Rounded Medium';
    font-size		: 15px;
    text-transform	: uppercase;
    background		: #B0B0B0;
    border			: solid 1px #8B8B8B;
    border-radius	: 4px;
    cursor			: pointer;
    outline			: none;
}
.coreDeleteButton button:hover {
	color			: #FFFFFF;
    background		: #B72020;
	border			: solid 1px #8f2929;
}

/* .deleteButton {
	display			: inline-block;
	padding			: 8px 15px 8px 45px;
	font-size		: 12px;
	text-transform	: uppercase;
	color			: #E00610;
	background		: #FFFFFF url("../../public/img/icon/delete.png") 15px center no-repeat;
	border			: solid 1px #E00610;
	border-radius	: 4px;
	cursor			: pointer;
}
.deleteButton:hover {
	color			: #FFFFFF;
	background		: #E00610 url("../../public/img/icon/delete.png") 15px center no-repeat;
}*/

.linkButton {
	display			: inline-block;
	padding			: 10px 15px;
	font-size		: 13px;
	font-family		: 'SourceSansPro';
	text-transform	: uppercase;
	color			: #0673BE;
	background		: #FFFFFF;
	border			: solid 1px #0673BE;
	border-radius	: 4px;
	cursor			: pointer;
	outline			: none;
}
.linkButton:hover {
	color			: #FFFFFF;
	background		: #0673BE;
}

.createButton {
	display			: inline-block;
	padding			: 8px 15px 8px 45px;
	font-size		: 12px;
	text-transform	: uppercase;
	color			: #FE5E00;
    background		: no-repeat url(../img/icon/icon_create.png) 15px center / 20px;
	border			: solid 1px #FE5E00;
	border-radius	: 4px;
	cursor			: pointer;
}
.createButton:hover {
	color			: #FFFFFF;
    background		: #FE5E00 no-repeat url(../img/icon/icon_create.png) 15px center / 20px;
}

.explicitLink {
	font-style		: italic;
	text-decoration	: underline;
	color			: #E95E27 !important;
}

.backButton {
	position		: absolute;
	right			: 0px;
	top				: 0px;
}

.iconDelete {
	display			: inline-table;
	width			: 26px;
	height			: 26px;
	background		: url("../img/icon/delete.png") center center no-repeat;
	border			: none;
	border-radius	: 26px;
	cursor			: pointer;
}
.iconDelete:hover {
	background		: url("../img/icon/delete.png") center center no-repeat;
}

.iconDonwload {
	display			: inline-table;
	width			: 26px;
	height			: 26px;
	background		: url("../img/icon/download.png") center center no-repeat;
	border			: none;
	border-radius	: 26px;
	cursor			: pointer;
}
.iconDonwload:hover {
	background		: url("../img/icon/download.png") center center no-repeat;
}

.iconPreview {
	display			: inline-table;
	width			: 26px;
	height			: 26px;
	background		: url("../img/icon/preview.png") center center no-repeat;
	border			: none;
	border-radius	: 26px;
	cursor			: pointer;
}
.iconPreview:hover {
	background		: url("../img/icon/preview.png") center center no-repeat;
}

.iconExcel {
	display			: inline-block;
    background		: no-repeat url(../img/icon/excel.png);
	cursor			: pointer;
	border 			: none;
	height			: 50px;
	width			: 50px;
}

/**    ERROR    **/
ul.errorMessage {
	margin			: 0px 0px 10px 0px;
	padding			: 0px;
	list-style		: none;
	font-style		: italic;
	color			: #C02530;
}

/**    WARNING    **/
ul.warningMessage {
	margin			: 0px 0px 10px 0px;
	padding			: 0px;
	list-style		: none;
	font-style		: italic;
	color			: #ff8000;
}

/** ********** **/
/**    FORM    **/
/** ********** **/
.defaultLabel {
	width: 160px;
    margin-right: 5px;
    padding-top: 10px;
    font-size: 14px;
    color: #212529;
    font-family: 'Gotham Rounded Medium';
}
.defaultInput {
	width: 100%;
    padding: 8px;
    box-sizing: border-box;
    font-family: 'Gotham Rounded Medium';
    font-size: 12px;
    border: solid 1px #BFBFBF;
    border-radius: 4px;
}
.defaultSelect {
	width: 100%;
    padding: 5px 7px;
    box-sizing: border-box;
    font-family: 'Gotham Rounded Medium';
    font-size: 12px;
    border: solid 1px #BFBFBF;
    border-radius: 4px;
}
.defaultTextarea {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    font-family: 'Gotham Rounded Medium';
    font-size: 12px;
    border: solid 1px #BFBFBF;
    border-radius: 4px;
}

/** ************ **/
/**   DATAGRID   **/
/** ************ **/

.datagrid-margin table {
	width : calc(100% - 60px) !important;
}

.datagrid-margin .coreAttr-datagridAddLine {
	margin-left : 30px;
}

/** ************ **/
/**    HEADER    **/
/** ************ **/

#header {
	width			: 100%;
	min-width		: 1260px;
	background		: #FFFFFF;
	border-bottom	: solid 2px #075AA8;
}

#headerContent {
	position		: relative;
	width			: 100%;
	height			: 80px;
	margin			: auto;
}

#headerTitle {
	float			: left;
	height			: 80px;
	color			: #212529;
	font-size		: 16px;
	line-height		: 80px;
	padding-left	: 20px;
}

#headerLogo {
	position		: relative;
	float			: left;
	height			: 80px;
	padding-left	: 100px;
	line-height		: 80px;
	font-size		: 38px;
	font-family		: 'Gotham Rounded Medium'; 
	position		: relative;
	color			: #075AA8;
	background-size	: 70px !important;
}

#totem {
	min-height		: calc(100vh - 82px);
	background		: #075AA8;
}

#totemBar {
	
}

#totemBox .item {
    display			: block;
	width			: 50px;
    height			: 50px;
    margin			: 20px 15px;
    border-radius	: 50px;
    border			: solid 2px #FFFFFF;
}

	#totemBox #item1 			{background : #075AA8 url("../../public/img/icon/dashboard.png") center center no-repeat;}
	#totemBox #item1:hover		{background : #FFFFFF url("../../public/img/icon/dashboard_hover.png") center center no-repeat;}
	#totemBox #item1.selected 	{background	: #FFFFFF url("../../public/img/icon/dashboard_selected.png") center center no-repeat;}
	#totemBox #item2 			{background : #075AA8 url("../../public/img/icon/patient.png") center center no-repeat;}
	#totemBox #item2:hover 		{background : #FFFFFF url("../../public/img/icon/patient_hover.png") center center no-repeat;}
	#totemBox #item2.selected	{background : #FFFFFF url("../../public/img/icon/patient_selected.png") center center no-repeat;}
	#totemBox #item3			{background : #075AA8 url("../../public/img/icon/suivi.png") center center no-repeat;}
	#totemBox #item3:hover		{background : #FFFFFF url("../../public/img/icon/suivi_hover.png") center center no-repeat;}
	#totemBox #item3.selected	{background : #FFFFFF url("../../public/img/icon/suivi_selected.png") center center no-repeat;}
	#totemBox #item4			{background : #075AA8 url("../../public/img/icon/personnel_sante.png") center center no-repeat;}
	#totemBox #item4:hover		{background : #FFFFFF url("../../public/img/icon/personnel_sante_hover.png") center center no-repeat;}
	#totemBox #item4.selected	{background : #FFFFFF url("../../public/img/icon/personnel_sante_selected.png") center center no-repeat;}
	#totemBox #item5 			{background : #075AA8 url("../../public/img/icon/facturation.png") center center no-repeat;}
	#totemBox #item5:hover		{background : #FFFFFF url("../../public/img/icon/facturation_hover.png") center center no-repeat;}
	#totemBox #item5.selected	{background : #FFFFFF url("../../public/img/icon/facturation_selected.png") center center no-repeat;}
	
	#totemBox #item6 			{background : #075AA8 url("../../public/img/icon/admin.png") center center no-repeat;}
	#totemBox #item6:hover		{background : #FFFFFF url("../../public/img/icon/admin_hover.png") center center no-repeat;}
	#totemBox #item6.selected	{background : #FFFFFF url("../../public/img/icon/admin_selected.png") center center no-repeat;}
	#totemBox #item7 			{background : #075AA8 url("../../public/img/icon/home.png") center center no-repeat;}
	#totemBox #item7:hover		{background : #FFFFFF url("../../public/img/icon/home_hover.png") center center no-repeat;}
	#totemBox #item7.selected	{background : #FFFFFF url("../../public/img/icon/home_selected.png") center center no-repeat;}
	#totemBox #item8 			{background : #075AA8 url("../../public/img/icon/stats.png") center center no-repeat; background-size:30px 30px;}
	#totemBox #item8:hover		{background : #FFFFFF url("../../public/img/icon/stats_hover.png") center center no-repeat;  background-size:30px 30px;}
	#totemBox #item8.selected	{background : #FFFFFF url("../../public/img/icon/stats_selected.png") center center no-repeat; background-size:30px 30px;}
	
	#totemBox #item9			{background : #075AA8 url("../../public/img/icon/user_profile.png") center center no-repeat; background-size:30px 30px;}
	#totemBox #item9:hover		{background : #FFFFFF url("../../public/img/icon/user_profile_hover.png") center center no-repeat;  background-size:30px 30px;}
	#totemBox #item9.selected	{background : #FFFFFF url("../../public/img/icon/user_profile_selected.png") center center no-repeat; background-size:30px 30px;}
	#totemBox #item10			{background : #075AA8 url("../../public/img/icon/admin_profile.png") center center no-repeat; background-size:30px 30px;}
	#totemBox #item10:hover		{background : #FFFFFF url("../../public/img/icon/admin_profile_hover.png") center center no-repeat;  background-size:30px 30px;}
	#totemBox #item10.selected	{background : #FFFFFF url("../../public/img/icon/admin_profile_selected.png") center center no-repeat; background-size:30px 30px;}
	
	#totemBox #item11			{background : #075AA8 url("../../public/img/icon/service.png") center center no-repeat; background-size:30px 30px;}
	#totemBox #item11:hover		{background : #FFFFFF url("../../public/img/icon/service_hover.png") center center no-repeat;  background-size:30px 30px;}
	#totemBox #item11.selected	{background : #FFFFFF url("../../public/img/icon/service_selected.png") center center no-repeat; background-size:30px 30px;}
		

#navBar {
	position		: relative;
	width			: 100%;
	height			: 72px;
	background		: linear-gradient(45deg,#00aebd,#2bb56c);
}

#navBox {
	position		: relative;
	padding			: 30px 0px;
	width			: 1260px;
	margin			: auto;
}
	#navBox .item {
		display			: inline-block;
		padding			: 0px 20px;
		font-size		: 15px;
		color			: #FFFFFF;
	}
	
	#navBox .item:hover {
		color			: #212529;
	}
	
	#navBox .separator {
	    display: inline-block;
	    color: hsla(0,0%,100%,.5);
	    content: "/";
	}
	
	#profilName {
		text-transform	: uppercase;
		font-size		: 12px;
		font-family		: 'Gotham Rounded Medium';
		color			: #212529;
		white-space		: nowrap;
		line-height		: 80px;
		float 			: right;
	}
	
	#profilAction {
		padding-left	: 20px;
		height			: 80px;
		float 			: right;
		font-size		: 12px;
		line-height		: 80px;
		display			: flex;
  		align-items		: center;
	}

#profilPartenaireSante {
	margin			: auto;
	width			: 400px;
	display 		: flex;
	align-items		: center;
	justify-content	: center;
	height			: 80px;
}

#profilPartenaireSante select {
	max-width		: 400px;
	font-size		: 12px;
	font-family		: 'Gotham Rounded Medium';
	height			: 48px;
	padding			: 10px;
}

#profilPartenaireSante select option {
	font-size		: 12px;
	font-family		: 'Gotham Rounded Medium';
	height			: 48px;
	line-height		: 48px;
	padding			: 10px;
}

#profilBox {
	position		: relative;
	float			: right;
	height			: 80px;
}

	#serviceBox {
		position		: relative;
		float			: left;
		height			: 80px;
		display 		: flex;
		align-items		: center;
	}

	#profilControls {
		margin			: 10px;
		position		: relative;
		float			: right;
		height			: 40px;
		min-width		: 180px;
		max-width		: 300px;
		background		: #706565;
	}
	
		#profilName {
			padding					: 0px 40px 0px 20px;
			text-transform			: uppercase;
			font-size				: 14px;
			color					: #FFFFFF;
			background				: url("../../public/img/icon/chevron_bottom.png") no-repeat;
			background-position 	: top 17px right 20px;
			white-space				: nowrap;
			line-height				: 40px;
	  		overflow				: hidden;
	  		text-overflow			: ellipsis;
	  		cursor					: pointer;
	  		width					: calc(100% - 60px);
		}
	
	#profilConnection {
		padding			: 5px 0px 0px 0px;
		font-size		: 11px;
		line-height		: 20px;
		width			: 100%;
		clear			: both;
		float 			: right;
	}
	
	#profilControls #profilItems {
		z-index			: 10;
		position		: absolute;
		top				: 40px;
		left			: 0px;	
		display			: none;
		width			: 100%;
		background		: #FFFFFF;
		line-height		: 40px;
	}
	
	#profilControls:hover #profilItems {
		display			: inline-block;
	}
	
	#profilControls #profilItems .profilItems-item {
		height			: 40px;
		padding			: 1px 5px 0px 5px;
		text-align		: right;
		font-size		: 13px;
		border			: solid 1px #706565;
		border-top		: none;
		color			: #554545;
		cursor			: pointer;
	}
	
	#profilControls #profilItems .profilItems-item:hover {
		background		: #DDDDDD;
	}

/** ************ **/
/**     BODY     **/
/** ************ **/

#body {
	position		: relative;
	display			: flex;
	width			: 100%;
}
#bodyStandard {
	position		: relative;
	width			: 100%;
}
#bodyBox {
	position		: relative;
    width			: 100%;
	margin			: 40px;
}
	.bodyContent {
		position		: relative;
		width			: 1253px;
		margin			: 10px auto;
	}
	.bodyContentResponsive {
		position		: relative;
		width			: 100%;
		min-width		: 1253px;
	}

	.ui-dialog-content .bodyContentResponsive {
		margin			: 50px 0px 0px 0px;
	}

.bodyNav {
	display			: flex;
    justify-content	: space-evenly;
    margin			: 40px 0px 40px 0px;
}	

	.bodyItem {
	    width		: 100%;
   		text-align	: center;
		padding		: 10px 0px;
    	font-size	: 15px;
		color		: #0673BE; 
		border		: solid 1px #0673BE;
    	cursor		: pointer;
	}
	.bodyItem:hover {
		color		: #000000;
	}
	.bodyItem.selected {
    	font-size	: 18px;
		color		: #FFFFFF;
		background	: #0673BE;
	}
	
/** *************** **/
/**    DROP FILE    **/
/** *************** **/
#patientFile {
	
}
	#patientFileForm {
		display			: flex;
		justify-content	: center;
	}
	#patientFileForm > div {
		position		: relative;
		float			: left;
		width			: 474px;
		height			: 120px;
	}
	/* TODO a viré aprés avoir remplacé les id par les class génériques */
	#patientFile-pickFile,
	#patientFile-dropFile {
		width			: 0.1px;
		height			: 0.1px;
		opacity			: 0;
	}

	#patientFile-pickFile + label {
		position		: absolute;
		left			: 137px;
		top				: 43px;
		font-size		: 20px;
		padding			: 5px 10px;
		color			: #FFFFFF;
		background		: #FE5E00;
		cursor			: pointer;
	}
	#patientFile-pickFile + label:hover {
		color			: #FE5E00;
		background		: #FFFFFF;
		border			: solid 1px #FE5E00;
	}
	
	#patientFile-dropFile + label {
		display			: block;
		width			: 50%;
		margin			: 13px auto;
		padding			: 20px 40px;
		text-align		: center;
		font-size		: 20px;
		color			: #FE5E00;
		background		: #FFFFFF;
		border			: dashed 3px #FE5E00;
	}
	#patientFile-dropFile.draghover + label {
		color			: #FFFFFF;
		background		: #FE5E00;
		border			: dashed 3px #FFFFFF;
	}

	#patientFileProgress {
		display			: none;
		width			: 949px;
		margin			: auto;
	}
	#patientFileProgress .progress-layout {
		width			: 600px;
		height			: 30px;
		margin			: 45px auto; 
		background		: #FFFFFF;
		border-radius	: 15px;
	}
	#patientFileProgress .progress-bar {
		width			: 0%;
		height			: 30px;
		line-height		: 30px;
		text-align		: center;
		font-size		: 20px;
		color			: #000000;
		background		: linear-gradient(141.2deg, rgba(147,130,235,1) 40%, rgba(196,126,205,1) 90%);
		border-radius	: 15px;
	}
	
/** *************** **/
/**    JQUERY_UI    **/
/** *************** **/

.ui-dialog .ui-widget-header {
	border			: none;
    padding			: 10px 5px 10px 20px;
	font-size		: 16px;
	text-transform	: uppercase;
	color			: #FFFFFF;
	background		: #0673BE; 
}

.ui-dialog .ui-dialog-title {
	font-family		: 'SourceSansPro';
	color			: #FFFFFF;
	font-size		: 15px;
}

.ui-dialog .ui-widget-content {
	background		: #E8EBF3;
    border			: none;
    margin			: 0px 20px 20px 20px;
    padding-top		: 20px;
}
.ui-datepicker-div {
	z-index			: 102;
}

/** ************** **/
/**     DIALOG     **/
/** ************** **/
.ui-widget-overlay {
	background		: #BFBFBF;
	opacity			: 0.5;
}

.defaultDialog,
.coreDialog {
	position			: fixed;
	font-family			: 'Gotham Rounded Medium';
    font-size			: 12px;
	background			: #FFFFFF;
	border				: solid 1px #FFFFFF;
	border-radius		: 0px;
}

.defaultDialog .ui-dialog-titlebar, 
.coreDialog .ui-dialog-titlebar {
	background			: none;
	border				: none;
	border-radius		: 0px;
}
	.defaultDialog .ui-dialog-titlebar .ui-dialog-title {
		width			: 100%;
		margin-top		: 10px;
		padding-bottom	: 20px;
	    font-size		: 24px;
	    font-family		: 'Gotham Rounded Medium';
	    text-transform	: uppercase;
	    color			: #353164;
	    border-bottom	: solid 1px #353164;
	}
	
.defaultDialog .ui-dialog-titlebar-close, 
.coreDialog .ui-dialog-titlebar-close {
	top					: 10px !important;
	right				: 10px !important;
	height				: 23px !important;
	width				: 23px !important;
	margin				: 0px !important;
	padding				: 0px !important;
	background			: none !important;
	border				: none !important;
	border-radius		: 0px !important;
	outline				: none !important;
}
.defaultDialog .ui-dialog-titlebar-close .ui-icon-closethick, 
.coreDialog .ui-dialog-titlebar-close .ui-icon-closethick {
	top					: 0px !important;
	left				: 0px !important;
	height				: 23px !important;
	width				: 23px !important;
	margin				: 0px !important;
	padding				: 0px !important;
	background			: url("../img/icon/close.png") 0px 0px no-repeat !important;
}

.defaultDialog .ui-button, 
.coreDialog .ui-button {
	padding				: 12px 10px;
	font-family			: 'Gotham Rounded Medium';
	font-size			: 10px;
	text-transform		: uppercase;
	color				: #FFFFFF;
	background			: #353164;
	border				: none !important;
	border-radius		: 0px !important;
	outline				: none !important;
}

.defaultDialog .ui-dialog-buttonpane, 
.coreDialog .ui-dialog-buttonpane {
	background			: transparent;
	border				: none;
}

.ui-dialog-content {
}

/* ERROR PAGE */

.errorPage {
	text-align 		: center;
	font-size		: 16px; 
	font-family		: 'SourceSansPro';
	font-weight		: bold; 
	color			: #FE5664;
	padding 		: 100px;
}

.scrollTable .coreBlockDatagrid-result { 
	overflow-y				: auto; 
	height					: 340px;
}




/* LOGIN */
#loginBox {
	position		: fixed;
	top				: 50%;
  	left			: 50%;
  	-ms-transform	: translate(-50%, -50%);
  	transform		: translate(-50%, -50%);
}

	#loginBox #logoBox {
		width			: 500px;
		height			: 80px;
		margin			: auto;
    	line-height		: 80px;
		text-align		: center;
		padding			: 10px;
		font-size		: 46px;
		color			: #075AA8;
		background-size	: 70px !important;
	}
	
#loginFormBox {
	width			: 500px;
	margin			: auto;
	border			: 2px solid #075AA8;
	border-radius	: 7px;
}
	
	.loginFormBox-line {
		margin			: auto;
		margin-top		: 20px;
		margin-bottom	: 5px;
		text-align 		: left;
		width			: 300px;
		padding			: 5px;
		font-size		: 14px;
		color			: #075AA8;
	}
	
	.loginFormBox-lineError {
		margin-top		: 25px;
		text-align 		: left;
	}
	
	.loginFormBox-field {
		margin			: auto;
		box-shadow		: 2px 2px 8px 0px #BDBDBD;
		width			: 300px;
	}
	
		.loginFormBox-field input {
			width			: 250px;
			padding			: 5px 10px;
			height			: 20px;
			color			: #606060 !important;
			background		: #FFFFFF !important;
			border			: none !important;
			outline			: none;
			font-family		: "Gotham Rounded Medium";
	font-size		: 12px;
		}
	
	#loginFormBox .forgotPwd {
		padding			: 10px 0px 0px 20px;
		color			: #7B8C9F;
	    text-align		: left;
	    font-size		: 12px;
	    width			: 300px;
	    margin			: auto;
	}
	
	#loginFormBox .formSubmit {
		padding			: 10px 30px;
		font-size		: 15px;
		color			: #FFFFFF;
		background		: #075AA8;
		border			: none;
		cursor			: pointer;
		border-radius	: 7px;
	}
	#loginFormBox .formSubmit:hover {
		background		: #05427B;
	}
	
	.loginSubmit {
		margin-bottom	: 20px;
	}
	
	#loginFormBox .errorMessage,
	#resetPasswordBox .errorMessage {
		list-style-type	: none;
		padding			: 0px;
		color			: #FF0000;
		font-size		: 14px;
	}

	#version {
		position		: relative;
		text-align		: right;
		padding			: 5px 20px 0px 0px;
	    font-size		: 10px;
	    color			: #075AA8;
	}
	
/* GOOGLE CHART */
div.google-visualization-tooltip {
	white-space: nowrap;
  	border-radius: 7px;
	border: 1px solid #435279;
	padding: 5px;
	height:20px;
	color: #3d4f61;
}