html, body
{
	height: 100%;
}

body
{
	background-color: #dedede;
	color: #000000;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 13px;
}

h1, h2, h3, h4, h5, h6
{
	font-family: 'Open Sans', sans-serif !important;
}

@media screen and (min-width: 1280px)
{
	.main-content-area, .roc-footer
	{
		width: 78%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 1280px)
{
	.main-content-area, .roc-footer
	{
		width: 100%;
	}
}

.main-content-area
{
	background: #fff;
	min-height: calc(100%);
	box-shadow: 0 0 20px 3px #ababab;
}

.main-content-container
{
	width: 100%;
}

.roc-footer
{
	display: block;
	padding: 16px;
	color: white;
	height: 50px;
	background: #201e1e;
	border-top: 1px solid #EE2824;
	font-weight: bold; 
}

.roc-footer .left
{
	float: left;
}

.roc-footer .right
{
	float: right;
}

.footer-links
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.footer-links li
{
	float: left;
	padding: 0px 16px;
}

.footer-links li a
{
	color: white;
}

.general-container
{
	vertical-align: top;
}

#content
{
	padding: 0px;
	display: block;
	vertical-align: top;
}

table *
{
	font-size: 13px;
}

a
{
	cursor: pointer !important;
	font-weight: bold;
	color: #131212;
}

a:focus, a:hover
{
	color: #444242;
	text-decoration: underline;
	font-weight: bold;
}

.sideMenuItem 
{
	font-weight: 600;
	color: #ffffff;
	font-size: 12px;
	height: 22px;
}

span.sideMenuItem.glyphicon 
{
	margin-bottom: -10px;
}

.subheadtable 
{
	background-color: #698096;
	color: #ffffff;
	font-weight: bold;
}

.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default 
{
	border: 1px solid #d3d3d3;
	background-color: #201e1e;
	font-weight: normal;
	color: #555555;
	outline: 0;
}

.ui-accordion-header
{
	border-radius: 0 !important;
	border: 0 !important;
}

.ui-accordion-content
{
	padding-left: 12px !important;
	border-radius: 0px !important;
	border-color: #dedede;
}

.ui-accordion .ui-accordion-header
{
	margin-bottom: 0px;
}

.ui-accordion-content table tr td a
{
	font-size: 11px !important;
}

.errorMessage 
{
	padding-top: 0px;
	background-color: #fbe0a8;
}

img 
{
	padding: 2px;
}

.bodyLight1 
{
	background-color: #EDEFF1;
}

.bodyLight2 
{
	background-color: #FCFCFC;
}

.bodyLight3 
{
	color: #000000;
	background-color: #ffffff;
}

.bodyDark1 
{
	background-color: #DDDDDD
}

.bodyDark2 
{
	background-color: #408080
}

.bodyDark3 
{
	background-color: #408080;
	color: #ffffff;
}

.required 
{
	color: #dd0000;
}

.alert .impAlert {
	font-size: 13px;
	/*color: #233342;
	font-style: normal;
	padding: 0px;
	background-color: fbe0a8;*/
	padding: 8px;
	border-radius: 0px;
}

.impAlert {
	color:red !important;
	font-weight: normal !important;
}

td 
{
	color: #233342;
	font-style: normal;
	
	
	word-wrap: break-word;
    white-space: normal;
}

td.topmenu 
{
	color: #233342;
	font-style: normal;
	
	white-space: nowrap;
}

.warning 
{
	color: #bf0000;
	font-style: normal;
}

.mainmenuhead
{
	font-weight: bold;
	color: #004263;
	background-color: #ffefa5;
}

.tablehead 
{
	font-weight: bold;
	color: white;
	background-color: #3a3838;
	text-align: left;
}

.tablehead2 
{
	font-weight: bold;
	color: #000000;
	background-color: white;
	align: center;
	text-align: center;
}

.tablehead3 
{
	font-weight: bold;
    background: #fff;
    color: #201e1e;
    border-bottom: 1px solid #201e1e;
}

.tablehead2L {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: black;
	BACKGROUND-COLOR: white;
	align: left;
	TEXT-ALIGN: left;
}

.tableheadDark {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
}

.legendHeader {
	text-align: center;
	COLOR: white;
	BACKGROUND-COLOR: #3a3838;
}

.menu {
	
}

.menu-container a
{
	border-bottom: 2px solid transparent;
}

.menu-container a:hover
{
	border-bottom: 2px solid #fff;
}

.fieldname {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	TEXT-ALIGN: right;
	COLOR: #000080;
}

td.label 
{
	font-weight: 500;
	text-align: right;
	color: #233342;
	font-size: 12px;
	padding-right:12px;
	display: table-cell;
	vertical-align: inherit;
}

td label{
	font-weight: 800;
	font-size: 12px;
}

.labelTop {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	TEXT-ALIGN: right;
	VERTICAL-ALIGN: top;
	COLOR: #233342;
}

.labelLeft {
	FONT-WEIGHT: bold;
	text-align: left;
	COLOR: #233342;
	FONT-SIZE: 13px;
}

.labelLeftBlue {
	FONT-WEIGHT: bold;
	text-align: left;
	COLOR: white;
	FONT-SIZE: 11px;
	background-color: #39536d;
}

.labelRight {
	FONT-WEIGHT: bold;
	text-align: right;
	COLOR: #233342;
	FONT-SIZE: 11px;
}

A:not (.landing-page-item ) {
	FONT-SIZE: 11px;
	COLOR: #39536D;
}

.aDark {
	FONT-SIZE: 10px;
	COLOR: #808080;
	TEXT-DECORATION: underline;
	LINK: #408080;
	VLINK: #408080;
}

.aDark:hover {
	FONT-SIZE: 10px;
	COLOR: #ffefa5;
}

.aDisabled {
	COLOR: #39536D;
	font-weight: bold;
	TEXT-DECORATION: none;
}

.heading {
	font-weight: bold;
	font-size: 14px;
	color: #131212;
	background: #f1f1f1;
	border-bottom: 1px solid #131212;
	padding: 8px !important;
	text-align: left;
	line-height: 1;
	height: 34px;
}

.sub-heading
{
	background: transparent;
	height: 20px;
	padding: 4px !important;
	padding-top: 32px !important;
}

.sub-sub-heading
{
	background: transparent;
	height: 20px;
	padding: 4px !important;
	padding-top: 32px !important;
	font-size: 13px;
	font-weight: normal;
	border-bottom: 1px dotted #3a3838;
}
 
.heading2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #000066;
	BACKGROUND-COLOR: white;
}

.heading3 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: black;
	BACKGROUND-COLOR: white;
}

.heading4 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #000080;
	BACKGROUND-COLOR: white;
}

.largetitle {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #ffff99;
	BACKGROUND-COLOR: #004263;
}

.activetable {
	BORDER-RIGHT: #ffefa5 1px solid;
	BORDER-TOP: #ffefa5 1px solid;
	BORDER-LEFT: #ffefa5 1px solid;
	BORDER-BOTTOM: #ffefa5 1px solid;
}

.error {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: red;
	FONT-STYLE: normal;
}

div.menu, div.menu a.menuItem {
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #ffefa5;
}

.menuBar a.menuButton {
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #ffefa5;
}

.menuBar {
	background-color: #004263;
	border: 2px outset #004263;
	padding: 6px 4px 6px 4px;
	text-align: left;
}

div.menuBar a.menuButton {
	background-color: transparent;
	border: 1px solid #004263;
	color: #ffefa5;
	cursor: default;
	left: 0px;
	margin: 1px;
	padding: 2px 6px 2px 6px;
	position: relative;
	text-decoration: underline;
	top: 0px;
	z-index: 100;
}

div.menuBar a.menuButton:hover {
	background-color: #5050f0;
	border: 1px outset #004263;
	color: #ffefa5;
}

div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover {
	background-color: #5050f0;
	border: 1px inset #004263;
	color: #ffffff;
	left: 1px;
	top: 1px;
}

div.menu {
	background-color: #004263;
	border: 2px outset #004263;
	left: 0px;
	padding: 0px 1px 1px 0px;
	position: absolute;
	top: 0px;
	visibility: hidden;
	z-index: 101;
}


/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
	overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
	display: block;
}

div.menu a.menuItem {
	color: #ffefa5;
	display: block;
	padding: 3px 1em;
	text-decoration: none;
	white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
	background-color: #5050f0;
	color: #ffffff;
}

.smallbluelinks {
	BACKGROUND-COLOR: #004263;
	FONT-SIZE: 9px;
	COLOR: #ffefa5;
}

#accordion
{
	width: 230px;
	margin-top: -2px
}

.bluelinks {
	font-size: 13px;
	color: #ffffff;
}
#header
{
	border-bottom: 1px solid #bac1c9;
	height: 150px;
}

#banner
{
	text-align: center;
	padding: 0px;
	background: #444242;
	border-bottom: 1px solid #EE2824;
}

#banner a img.mfsa-logo
{
	height: 125px;
}

#banner .title-malta, #banner .title-roc
{
	font-family: 'Lato', Arial, sans-serif;
}

#banner .title-roc, #banner .title-roc:hover
{
	font-size: 44px;
	color: #ffffff;
	text-decoration: none !important;
}

#banner hr
{
	width: 450px;
	border-color: #dedede;
	margin-top: 6px;
	margin-bottom: 6px;
}

#banner .title-malta
{
	text-transform: uppercase;
	color: #dedede;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 8px;
}

.top-menu 
{
	width: 100%;
	font-size: 13px;
	color: #ffffff;
	text-decoration: none;
	background-color: rgb(00, 65, 95);
	background-color: #201e1e;
	height: 40px;
}

.top-menu td
{
	padding: 8px;
}

.landing-page-item {
	font-size: 22px;
	color: #3C5B79;
}

.top-menu A {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	text-decoration: none;
}

button[disabled] {
	opacity: 0.5;	
	background-color: #ebebeb;	
}

button[disabled]:hover {
	opacity: 0.5;
	background-color: #ebebeb;
}

input[type="button"], input[type="submit"], button, .button {
	color: #1B1B1B;
	border: #1B1B1B;
	background-color: #ebebeb;
	text-align: center;
	padding: 4px 24px;
	border-radius: 0px;
	font-size: 12px;
	font-weight: 600;
}

input[type="button"]:hover, input[type="submit"]:hover, button:hover:not(.close)
{
	background-color: #dadada;
	font-size: 12px;
	font-weight: 600;
}

input.primary, button.primary, .btn-primary
{
	color: #fff !important;
	border: #201e1e !important;
	background-color: #201e1e !important;
	font-size: 12px;
	font-weight: 600;
}

input.primary:hover, button.primary:hover, .btn-primary:hover
{
	border: #7c7a7a !important;
	background-color: #7c7a7a !important;
}

button[disabled].primary:hover
{
	border: #001245 !important;
	background-color: #003265 !important;
}

input[type="text"], input[type="password"], textarea, select
{
	border: 1px solid #ccc;
	color: #555;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	outline: 0;
	padding: 4px;
	font-size: 11px !important;
	/* From bootstrap*/
	display: inline-block;
	width: auto;
	vertical-align: middle;
}

.fixed-size input[type="text"], .fixed-size input[type="password"], .fixed-size textarea, .fixed-size select, .fixed-size #dateRow
{
	width: 255px;
}

.fixed-size #dateRow select, .notificationsDates select{
	width: 83px;
}

.tab
{
	border: 1px solid #cdcdcd;
	border-top: 0;
	border-bottom: 0;
	width: 120px;
	height: 45px;
	padding: 6px 4px 0px 4px;
}

.inputDeleted {
	font-SIZE: 8pt;
	color: #000000;
	text-decoration: none;
	background-color: #DDDDDD;
}

textarea {
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #ffffff;
}

.textareaDis {
	font-SIZE: 8pt;
	color: #777777;
	text-decoration: none;
	background-color: "White";
}

.beanWrite {
	FONT-SIZE: 12px;
	COLOR: #000080;
}

.title {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	TEXT-DECORATION: none;
	COLOR: #131212;
}

.subheading {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	TEXT-DECORATION: none;
	COLOR: #000066;
	TEXT-TRANSFORM: uppercase;
}

.message {
	color: #333333;
	padding: 12px;
	font-weight: bold;
	width: 100%;
	text-align: left;
	display: block;
}

.message-center
{
	text-align: center;
}

.info {
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR: #000000;
	FONT-STYLE: normal;
}

.logo {
	FONT-SIZE: 9px;
	FONT-WEIGHT: normal;
	COLOR: #000000;
	FONT-STYLE: italic;
}

p {
	color: #000000;
	font-size: 13px;
}

.pNormal {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	cursor: auto;
}

.pUnderlined {
	text-decoration: Underline cursor: hand;
}

.alternateRow {
	BACKGROUND-COLOR: #DDFFFF;
}

/**********************************
 * 2017 
***********************************/

.alert-error
{
	list-style:none;
	color: #a94442;
	background-color: transparent;
	width: 512px;
	padding: 8px;
	border: 1px solid #a94442;
	border-left: 4px solid;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px
}

.alert-success
{
	list-style:none;
	color: #3c763d; 
	background-color : transparent; 
	width: 512px;
	padding: 8px;
	border: 1px solid #3c763d;
	border-left: 4px solid;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
}

.alert-warning
{
	list-style:none;
	color: #88673c; 
	background-color : transparent; 
	width: 512px;
	padding: 8px;
	border: 1px solid #88673c;
	border-left: 4px solid;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
}
/*
.alert-info
{
	list-style:none;
	color: #88673c; 
	background-color : transparent; 
	width: 512px;
	padding: 8px;
	border: 1px solid #88673c;
	border-left: 4px solid;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
}
*/
.rewired-link
{
}

.certificate-verifier
{
	margin-top: 125px;
	max-width: 512px;
	background: #f1f1f1;
	border: 1px solid #dedede;
	padding: 24px;
}

.cert-serial
{
	padding: 4px;
	background: #454545;
	color: #dedede;
	font-weight: bold;
	font-family: monospace;
	border-radius: 2px;
	box-shadow: 0 0 7px 1px #999;
}

.form-table
{
	width: 100%;
	
}

.form-table td
{
	padding: 4px;
}

.list-table tr td:not(.tablehead3)
{
	border-left: 1px solid #cdcddd;
}

.list-table tr td
{
	padding: 4px;
}

.list-table tr td a
{
	display: block;
	margin: -4px;
	padding: 4px;
}

.list-table tr td:first-child:not(.tablehead):not(.tablehead2):not(.tablehead3), .list-table .roc-table-cell:first-child
{
	border-left: 2px solid transparent;
}
.list-table tr:hover td:not(.tablehead):not(.tablehead2):not(.tablehead3), .list-table .roc-table-row:hover .roc-table-cell
{
	background-color: #DDDFEA !important;
}
.list-table tr:hover td:first-child:not(.tablehead):not(.tablehead2):not(.tablehead3), .list-table .roc-table-row:hover .roc-table-cell:first-child
{
	border-left: 2px solid #698096;
}

.content-table
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.alternate-rows tr:nth-child(even) td:not(.tablehead):not(.tablehead2):not(.tablehead3), .alternate-rows .roc-table-row:nth-child(even)
{
	background-color: #EDEFF1;
}

.alternate-rows tr:nth-child(odd) td:not(.tablehead):not(.tablehead2):not(.tablehead3)
{
	background-color: #FCFCFC;
}

section.content-generic
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.notices
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.notices li
{
	background: #f5f5f5;
	padding: 16px;
	margin-bottom: 12px;
}

.notices li h1
{
	margin-top: 0px;
}

.container-small
{
	background: #f5f5f5;
	border: 1px solid #cdcdcd;
	padding: 4px;
	width: 55%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
}

#signing-document
{
	width: 900px;
	height: 640px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#contacts-table
{
	margin-bottom: 32px;
}

#contacts-table td
{
	text-transform: capitalize;
}

#company-details-tabs
{
	width: 100%;
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 4px;
}

#company-details-tabs .tab
{
	background: #f1f1f1;
	text-align: center;
	margin: 2px;
}

#company-details-tabs .tab:hover
{
	background: #dedede;
}

#company-details-tabs .tab-active
{
	background: #cdcdcd;
}

#company-details-tabs .tab a
{
	display: block;
	height: 100%;
	padding-top: 8px;
}

.view-header
{
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 12px;
	color: #a2433d;
	background: #e4e4e4;
	border-bottom: 1px solid #a2433d;
	padding: 8px !important;
	text-align: left;
	line-height: 1.79;
}

.view-content
{
	display: block;
	width: 100%;
	padding-top: 24px;
}

.view-content-container
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.roc-table
{
	display: table;
	width: 100%;
}

.roc-table-row
{
	display: table-row;
}

.roc-table-cell, .roc-table-header
{
	display: table-cell;
	padding: 4px;
}

.roc-table-header
{
	font-weight: bold;
	color: white;
	background-color: #201e1e;
	text-align: center;
}

.card 
{
	background: #fff;
	border-radius: 2px;
	padding: 8px;
	margin: 1rem;
}

.card-1 
{
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1:hover 
{
	box-shadow: 0px 0px 2px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)
}

.card-2 
{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.card-3 
{
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.card-4 
{
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-5 
{
	box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.dropdown-menu
{
	border-radius: 0px;
}

.dropdown-menu>li>a
{
	padding: 8px 24px;
}

.wizard-links-row
{
	text-align: right;
    padding-bottom: 24px !important;
    padding-right: 24px !important;
}

.company-reg-no-head
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	color: #454545;
	padding-top: 30px;
	font-size: 16px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #cdcdcd;
	margin-bottom: 20px;
}

.company-reg-no-head .c-number
{
	font-weight: bold;
}

label
{
	margin-left: 4px;
}

label input[type="radio"]
{
	margin-right: 2px;
}

.ubo-messages-text{
	font-size: 15px !important;
}
  
  
.enlarged-text{
	font-size:13px !important;
}

.hidden{
	display:none;
}

/* Print view */
@media print {
	table {
		page-break-after: auto;
	}
	div {
		page-break-inside: auto;
	}
	tr {
		page-break-inside: auto;
		page-break-after: auto;
	}
	td {
		page-break-inside: auto;
		page-break-after: auto;
		
	}
	thead {
		display: table-header-group
	}
	tfoot {
		display: table-footer-group;
		content: 'test' !important;
	}
  
	a[href]:after 
	{
		content: none !important;
	}
	
	.side-menu-container, .top-menu, .roc-footer, #company-details-tabs, .alert, .glyphicon, .no-print
	{
		display: none;
	}
	
	.title-roc
	{
		display:none;
	}
	
	.title-malta
	{
		font-size: 12px !important;
	}
	
	.title-roc-text
	{
		display:block !important;
		font-size: 30px !important;
		padding-top:40px;
		padding-bottom:20px;
	}
	
	.content-table
	{
		width:100%;
	}
	
	.tablehead, .subtablehead
	{
		border-bottom:1px solid #565656;
		background-color: #a5a5a5 !important;
	}
	
	.alternate-rows tr:nth-child(even) td:not(.tablehead)
	{
		background-color: #dedede !important;
		margin: 0px;
		padding: 0px;
	}
	
	.alternate-rows tr:nth-child(odd) td:not(.tablehead)
	{
		background-color: #ffffff !important;
		margin: 2px;
		padding: 2px;
	}
	
	#printOrder td, #printOrder b, #printOrder span{
		font-size:14px !important;
	}
	
	#printOrder input{
		display:none;
	}
}