/* -----------------------------------
CSS author: Jordan Butler
----------------------------------- */

/* -----------------------------------
simple reset
----------------------------------- */

/* NewDataTables assign image to print button
/*.printbutton*/
/*{*/
	/*background: url(../css/images/printer.png) no-repeat center right;*/
/*}*/

/*a.ui-button.buttons-print span*/
/*{*/
	/*background: url(../css/images/printer.png) no-repeat center right;*/
/*}*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');

html, body, ul, ol, li, form, fieldset, legend
{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 { margin-top: 0; }
fieldset, img { border: 0; }
legend { color: #000; }

input, textarea, select, button
{
	font-size: 100%;
	line-height: 1.2;
	font-family: helvetica, arial, sans-serif;
}

button
{
	width: auto;
	overflow: visible;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

li { list-style: none; }

abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

pre, code
{
	font-family: "Courier New", monospace, serif;
	font-size: 100%;
	line-height: 1.2;
}

/* -----------------------------------
elements
----------------------------------- */

body{
	color: #222;
	background-color: #fff;
	font: 90% Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6{
	margin: 0 0 .5em 0;
	color: #c40000;
}

h1{
	font-size: 200%;
}

h2{
	font-size: 180%;
}

h3{
	font-size: 160%;
}

h4{
	font-size: 140%;
}

h5{
	font-size: 120%;
}

h6{
	font-size: 100%;
}

p{
	margin: 0 0 1.5em 0;
	line-height: 1.4em;
}

/*
a:link{
	color: #0f3163;
}

a:visited{
	color: #04214b;
}

a:focus{
	color: #000;
	outline: thin dotted;
}

a:hover{
	color: #000;
}

a:active{
	color: #E30005;
}
*/

.content ol{
	line-height: 1.4em;
	padding: 0 0 1.5em 40px;
}

.content ul{
	line-height: 1.4em;
	padding: 0 0 1.5em 20px;
}

.content li{
	margin: 0 0 .3em 0;
}

.content ul li{
	padding: 0 0 0 20px;
}

/* ===== outer-div ===== */
.outer-container{
	width: 980px;
	margin: 0 auto;
}

/* ===== header ===== */
.header{
	position: relative;
	padding: 15px 0 0 0px;
	color: #fff;
	/* float: left; */
	width: 100%;
}

.header h1{
	font-size:100%;
	margin-top: 20px;
}

.header h1 img{
	display: block;
}

/* ===== session ===== */
.session-section{
	position: absolute;
	right: 10px;
	top: 22px;
	font-size: 80%;
	color: #222;
}

.session-section li{
	display: inline;
	margin: 0 15px 0 0;
}

.session-section {
	color:#0367a5;
}

.session-section a{
	color:#0367a5;
    text-decoration:underline;
}

.session-section a:hover{
    text-decoration:underline;
}

/*.session-section :link, .session-section a:visited{
	color: #222
}
*/
/* --- primary nav --- */
.primary-nav{
	padding: 0 0 0 20px;
	background: #FFF;
}

.primary-nav li{
	display: inline;
}

.primary-nav a{
	float: left;
	margin: 0 5px 0 0;
	border-bottom: #FFF .3em solid;
	background: #024677;
	color: #fff;
	text-decoration: none;
	border-radius: 6px 6px 0 0;
}

.primary-nav span{
	display: block;
	padding: 7px 15px;
}

.primary-nav a:hover{
	color: #fff;
	background-color: #3388e8;
	border-bottom: #024677 .3em solid;
}

.primary-nav a:active{
	color: #fff;
	background-color: #3388e8;
	border-bottom: #024677 .3em solid;
}

#cipRegister a.cipRegister, #recordRegister a.recordRegister, #tasks a.tasks, #super a.superTasks, #auditRegister a.auditRegister{
	border-bottom: #3388e8 .3em solid;
	cursor:default;
}

#cipRegister a.cipRegister:hover, #recordRegister a.recordRegister, #tasks a.tasks:hover, #super a.superTasks:hover, #auditRegister a.auditRegister{
	border-bottom: #3388e8 .3em solid;
	color: #fff;
	background: #024677;
	cursor:default;
}

/* ====== main content =====*/
.main-content{
	clear: both;
}

/* ===== section-nav ===== */	
.section-nav{
	height: 40px;
	background-color:#3388e8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

.section-nav ul{
	padding: 10px 0 0 20px;
}

.section-nav li{
	display: inline;
	margin: 0 5px 0 10px;
}

.section-nav li a{
	color: #FFF;
	text-decoration: none;
}

.last{
	float: right;
	padding-right: 20px;
}

.section-nav a:hover{
	border-bottom:1px solid #ffffff;
}

.section-nav a:focus{
	outline: #FFF thin dotted;
}

.section-nav a.current{
	border-bottom:1px solid #ffffff;
	cursor:default;
}

/* ===== footer =====*/
.footer{
	position: relative;
	clear: both;
	padding: 20px 30px 20px 10px;
	margin: 0 0 20px 0;
	font-size: 80%;
	text-align:center;
}
.footer a {
    color: #0367A5;
	text-decoration:none;
}

.footer li{
	display: inline;
	margin: 0 15px 0 0;
}

/* -----------------------------------
container
----------------------------------- */

.container{
	width: 980px!important;
	margin: 1em auto;
	padding:0!important;
}
/*
.container a{
	color:#0367a5;
    text-decoration:none;
}

.container a:hover{
    text-decoration:underline;
}
*/

/* -----------------------------------
h1
----------------------------------- */

.container h1{
	
	margin: 0;
	padding: 15px 15px 15px 20px;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;	
	border: 1px solid #ededed;
	color: #414141;
	background-color: #fff;
	font-size: 110%;
	font-weight: normal;
	font-family: 'Montserrat', sans-serif;
		
}

.container.wide{
	width:980px!important;
	padding-left: 0;
	padding-right: 0;
}

/* -----------------------------------
information container
----------------------------------- */
.information-container{
	padding: 15px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
    -webkit-box-shadow: 0 3px 8px #eaeaea;
	-moz-box-shadow: 0 3px 8px #eaeaea;
	box-shadow: 0 3px 8px #eaeaea;
	background-color: #fff;
	border: 1px solid #ededed;
}

.main_information-container{
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: 0 5px 20px #999;
	-moz-box-shadow: 0 5px 20px #999;
	box-shadow: 0 5px 20px #dedede;
	background-color: #fff;

}

.information-container p{
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 90%;
}

.inner_information-container{
	position:relative;
	width:320px;
	height:170px;
	float: left;
	margin:0 0 20px 20px;
	padding: 15px 15px 15px 15px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: 0 5px 20px #999;
	-moz-box-shadow: 0 5px 20px #999;
	box-shadow: 0 5px 20px #999;
	background-color: #eee;
	background-image: -moz-linear-gradient(90deg, #ddd, #eee);
	background-image: -webkit-gradient(linear, center bottom, center top, from(#ddd), to(#eee));
	background-image: -webkit-linear-gradient(bottom, #ddd, #eee);	
}

.inner_information-container-dashboard{
	position:relative;
	width:320px;
	height:265px;
	float: left;
	margin: 15px 0px 15px 20px;
	padding: 15px 15px 15px 15px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: 0 1px 8px #b9b9b9;
	-moz-box-shadow: 0 1px 8px #b9b9b9;
	box-shadow: 0 1px 8px #b9b9b9;
	background-color: #eee;
	background-image: -moz-linear-gradient(90deg, #fbfbfb, #eee);
	background-image: -webkit-gradient(linear, center bottom, center top, from(#fbfbfb), to(#eee));
	background-image: -webkit-linear-gradient(bottom, #fbfbfb, #eee);
}

.inner_information-container p{
	color:#0367a5;
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 90%;
}

/* -----------------------------------
div
----------------------------------- */

.document > div, .document > fieldset > div{
	margin: 0px 0 4px 0;
	padding: 10px 0 4px 0;
}

/*
.document div:hover{
	background: #ddd;
}
*/

/* -----------------------------------
special classes
----------------------------------- */

.hidden{
	position: absolute;
	left: -500em;
}

strong.mandatory{
	color: red;
}

/* -----------------------------------
label
----------------------------------- */

.document label, .document .tooltip2 label {
    float: left;
    width: 300px;
    margin: 0 15px 0 0;
    padding: 5px 0 0 0;
    text-align: right;
}

.document .label-select-source{
	float: left;
	width: 190px;
	margin: 0 15px 0 0;
	padding: 5px 0 0 110px;
	text-align: right;
}

.document .label-checkbox{
	padding: 2px 0 0 0;
}

#source{
	margin-top:10px;
}


/* -----------------------------------
legend span
----------------------------------- */

.document legend span{
	display: block;
	padding: 15px 0 10px 205px;
	font-size: 115%;
}

/* -----------------------------------
input
----------------------------------- */

.input-wide,
.input-medium{
	width: 288px;
	margin: 0;
	padding: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	border: 1px solid #b4b4b4;
	background: #fff;
}

select {
    width: 289px;
    margin: 0;
    padding: 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #b4b4b4;
    background: #fff;
}

.input-wide.datepicker {
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAIAAABRt/K6AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAKESURBVDhPpVS/T1pRGH2vEAIIC4Il8ZUAtat0YYb/wNrYhMR0sLGLQRdD62CIcREZi8ZBU1MsNqZYt8apUpnqwIAjP1JLKUkNEOhDoOFHD+/eog8oJPUkwPm+dw/3nu/73mXL5TJzC9yhvwI+n56+WFqKnp/TWIxIJNL9VKRPpVI4TiwWo7EY34Sn0WiUxgJE+v+AlC+Vtnd2wO6bzSQFvN7dLRSLNBCgHR5Wq9WEvw8Gv6fTqqGhJ1NT0kwmk0wmkWUZRqfTkRXpdPrn5SXhBIVC4aHFQnhbYrfbr8//I5OxjI9rtVpudPQXz9PsX5RKJb1ef3dkxGAwYCXN3vSP2rw7OICLj8fH3U2tVCrBw0Oj0fjp5AT/RbMd9SsWi1/OznK5HI3FqFareJrNZmksQIqPRqNxzs1JJBKSajQaXy8ums0mOI6DUkHZwU0mk29jA6Slh+F25QDs8MbvJ3x9bY10B3AtLn44OiL7P5uZucdxIAP6T07RBz30CoWCsi6wLLosAot5DoVCz2dn6/U6YlKF3wLA8V+1Wg3tgFKlUmENaY1MJvPv7dlstpZ/IBaPv/L5QCB46XKtrK6SvNfj8Xi9EMO2e3l5c2ur7Z8sGOAfvZBKJCtut9Vq7R4KoIe+wyRm8W0gkEgkaCzGtX/y2sKz2WymrzDLPhgba3O0OZvLla+uEHEcF9jfF/lHb0EUSuXT6WnCoVlwOilnGOwBTvQOh4MkqR7AbOEb9YNnwoGbnOd5jDapX3vGB9RvIFr74wqBt0cTE+BoslKpJByFxHEeT07iFAgx48iT/fEWh8Ph1pp4PI4Oy+XyPmPXE/l8fmF+vnV//+vC7Q/sh+7c7v5nmD/saUdGxs1P1AAAAABJRU5ErkJggg==');
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: calc(100% - 15px) 5px;
}

.input-small{
	width: 140px;
	margin: 0;
	padding: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	border: 1px solid #b4b4b4;
	background: #fff;
}

.input-textarea{
	height: 150px;
	width: 400px;
}

.input-textarea-small {
    height: 50px;
    max-width: 400px;
    width: 100%;
    border: 1px solid #a7a7a7;
	border-radius: 5px;
	padding: 5px;
}

.input-textarea-wide{
	height: 90px;
    width: 100%;
    max-width: 400px;
}

.bio{
	background: #fff;
}

.readonly {
	background-color:lightgrey;
}

/* -----------------------------------
submit
----------------------------------- */

.document .submit{
	margin: 0;
	padding: 20px 0 20px 0;
	text-align:center;
	
}

.submit input{
	margin: 0;
	padding: 5px 20px 5px 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	border: 0;
	color: #fff;
	background-color: #054c81;
	background-image: -moz-linear-gradient(90deg, #024677, #3388e8);
	background-image: -webkit-gradient(linear, center bottom, center top, from(#024677), to(#3388e8));
	background-image: -webkit-linear-gradient(bottom, #024677, #3388e8);	
	font-size: 110%;
}

/* -----------------------------------
warning messages
----------------------------------- */

.warning-message{
	color: red;
	background: #edd3d4;
	margin: 15px 0 0 0;
	padding: 10px;
}

.warning-message a:link, .warning-message a:visited{
	color: red;
	font-weight: bold;
}

.document .warning{
	color: red;
	/*background: #edd3d4;*/
}

.warning .input-wide{
	border: 1px solid red;
}

/* -----------------------------------
table container
----------------------------------- */

.table-container{
	padding: 0 20px 15px 20px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	-webkit-box-shadow: 0 5px 20px #999;
	-moz-box-shadow: 0 5px 20px #999;
	box-shadow: 0 5px 20px #999;
	background-color: #eee;
	background-image: -moz-linear-gradient(90deg, #ddd, #eee);
	background-image: -webkit-gradient(linear, center bottom, center top, from(#ddd), to(#eee));
	background-image: -webkit-linear-gradient(bottom, #ddd, #eee);	
}

/* -----------------------------------
table
----------------------------------- */
table{
	margin-bottom:15px;
	width:100%;
}

caption{
	letter-spacing:1.5px;
	font-size:95%;
	padding:10px 0 10px 0;
	text-align:center;
	font-weight:bold;
	color: #024677;
}


thead th{
	background: #ffffff;
    color: #111;
	text-align:left;
	/*
	background-image: -moz-linear-gradient(90deg, #054c81, #0595B3);
	background-image: -webkit-gradient(linear, center bottom, center top, from(#054c81), to(#0595B3));
	background-image: -webkit-linear-gradient(bottom, #054c81, #0595B3);
	*/
	padding: .25em .25em .25em .25em;
	min-width:20px;
}

tbody td, tbody th{
	text-align:left;
	padding: 5px;
}

table.nowrap td{
	white-space:pre-wrap;
	word-wrap: break-word;
	text-align:left;
}

tbody tr{
   background-color: #fff;
}

/* -----------------------------------
CSS3 Zebra
----------------------------------- */
tbody tr:nth-child(odd),
table.dataTable tbody tr.odd{
   background-color: #f9f9f9;
}

.dataTable tbody th,
.dataTable tbody td{
    border-top: 1px solid #ddd;
}

/*----------------------------------- */

tbody td a{
	color: #0367a5;
}
	
tbody tr:hover{
	/* background:#D5D5D5; */
}

/* -----------------------------------
DetailsTable
----------------------------------- */
.table_heading {
	color:#024677;
	font-weight:bold;
}

/* -----------------------------------
Messages - Error, confirmation, Message
----------------------------------- */

.error {
	color:red;
	text-align:center;
}

.confirmation-message p{
	color:#0367a5;
	text-align:left;
}
.message p{
	color:#0367a5;
	text-align: center;
}

p.message{
	color:#0367a5;
	text-align: center;
	font-size:1.15em;
}

/* -----------------------------------
buttons
----------------------------------- */
div.buttons {
    margin: 1em 1em 0 1em!important;
    text-align: center;
    border-top: 1px solid #d4d4d4;
    padding: 20px 20px 10px 20px!important;
}
div.buttons.rightalign {
    text-align: right;
    margin: 0;
    padding-right: 0;
}
/* -----------------------------------
datatable
----------------------------------- */
div.dataTables_filter{
	padding: 15px 10px 15px 0;
	color:#0367a5;
}

div.dataTables_info{
	color:#0367a5;
	text-align:center;
}

.dataTables_length{
	color:#0367a5;
	padding: 10px 0 0 0;
	float:right;
}

.dataTables_info {
    padding: 10px;
    font-size: 13px;
}

/*
th.sorting{
	background:url(images/arrows.png) no-repeat #054c81 right;
}

th.sorting_asc{
	background: url(images/arrows-down.png) no-repeat #054c81 right;
}

th.sorting_desc{
	background: url(images/arrows-up.png) no-repeat #054c81 right;
}
*/

div.dataTables_paginate {
    padding: 5px 0 10px 0;
    margin: auto!important;
    /* width: 44px; */
    text-align: center!important;
}

div.paginate_disabled_previous, div.paginate_enabled_previous, div.paginate_disabled_next, div.paginate_enabled_next {
height: 19px;
width: 19px;
margin-left: 3px;
float: left;
padding: 0;
}

div.paginate_enabled_next {
	background-image:url(images/forward_enabled.jpg);
}

div.paginate_disabled_next {
	background-image:url(images/forward_disabled.jpg);
}

div.paginate_enabled_previous {
	background-image:url(images/back_enabled.jpg);
}

div.paginate_disabled_previous {
	background-image:url(images/back_disabled.jpg);
}

a.details{
	cursor:help;
}
/* -----------------------------------
panels
----------------------------------- */
H1.trigger{
 cursor: pointer;
}

H1.trigger > span{
	background: url(images/arrow-down.png?) no-repeat;
    display: block;
    float: left;
    padding: 1px 9px 0 0;
    width: 30px;
    height: 20px;
    margin-top: 2px;
}

H1.active > span {
    background: url(images/arrow-up.png?) no-repeat;
    display: block;
    float: left;
    padding: 0px 6px 0 0;
    width: 30px;
    height: 21px;
    margin-top: 2px;
}

/* -----------------------------------
anchor
----------------------------------- */

a.anchor:link{
	color: #0f3163;
}

a.anchor:visited{
	color: #04214b;
}

a.anchor:focus{
	color: #000;
	outline: thin dotted;
}

a.anchor:hover{
	color: #000;
}

a.anchor:active{
	color: #E30005;
}

.help p{	
	padding:0 0 5px 0;
	font-size:100%;
}

.help h2 {
	color:#3388e8;
	font-size:150%;
	margin-top:5px;
}

.filter {
    color: #0367a5;
    background: #fff;
    padding: 0px 5px 15px 5px;
}

#printer {
	text-align:right;
	padding-right:20px;
}
#tasks #printer {
	margin-top:10px;
}

/*------------------------------------
Changes for Document Control
--------------------------------------*/

#documentRegister a.documentRegister, #tasks a.tasks, #super a.superTasks{
	border-bottom: #3388e8 .3em solid;
	cursor:default;
}

#documentRegister a.documentRegister:hover, #tasks a.tasks:hover, #super a.superTasks:hover{
	border-bottom: #3388e8 .3em solid;
	color: #fff;
	background: #024677;
	cursor:default;
}

.input-textarea-display
{
	width: 288px;
	height: 100px;
	background-color:lightgrey;
	border:1px grey solid;
}
.readonly {
	border:1px grey solid;
}

/*------------------------------------
Changes for Asset
--------------------------------------*/

#assetRegister a.assetRegister, #tasks a.tasks, #super a.superTasks{
	border-bottom: #3388e8 .3em solid;
	cursor:default;
}

#assetRegister a.assetRegister:hover, #tasks a.tasks:hover, #super a.superTasks:hover{
	border-bottom: #3388e8 .3em solid;
	color: #fff;
	background: #024677;
	cursor:default;
}
	
/* ===== Filter ===== */

div.filterForm{
	float:right;
}

div.filterForm ol{
	list-style: none;
}

div.filterForm label{
	float: left;
}

div.filterForm li{
		float:left;
}
/* ===== End Filter ===== */


/*------------------------------------
Changes for Sign In
--------------------------------------*/

p.unauth{
	text-align:center;
	color:#0367a5;
}
/* --- Logo -- */

.logo{
	margin-left: 0px;
	margin-bottom:5px;
	
}
.mandatory-message {
	margin-bottom:5px;
}
.error {
	margin-bottom:10px;
}
.message p{
	margin-bottom:10px;
}

/*------------------------------------
Changes for Dashboard
--------------------------------------*/

#dash a.dash, #admin a.admin {
	border-bottom: #3388e8 .3em solid;
	cursor:default;
}

#dash a.dash:hover, #admin a.admin:hover {
	border-bottom: #3388e8 .3em solid;
	color: #fff;
	background: #024677;
	cursor:default;
}

/*------------------------------------
Count
--------------------------------------*/
form .counter {
		font-size: 80%;
		color: #0367A5;
		background-color: none;
		clear:both;
		padding-left: 5px;
}
form .warning{color:#600; background-color: none;}	
form .exceeded{color:#e00; background-color: none;}

/*------------------------------------
tale image indicator span
--------------------------------------*/
.tableindicator{
	float: right;
}

/*Class status indicator used for root cause and action summary graphics*/
H1 span.status-indicator {
	background: none;
    display: block;
    float: right;
    padding: 0px 30px 0 0;
    width: 30px;
    margin-top: -4px;
}

.calander td{
	width: 20px;
	height: 20px;
}


.calander th{
	text-align: center;
}

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

td.planned{
	background: #CCCCCC url(planned_small.png) no-repeat center center;
}

td.confirmed{
	background: #CCCCCC url(confirmed_small.png) no-repeat center center;
}

td.performed{
	background: #CCCCCC url(performed_small.png) no-repeat center center;
}

td.closed{
	background: #CCCCCC url(closed_small.png) no-repeat center center;
}

td.red{
	color: red;
}

ul.list-group:after {
	clear: both;
	display: block;
	content: "";
}

.list-group-item {
	float: left;
}


.ui-button-text-only .ui-button-text {
	padding: .5em 1em !important;
	line-height: 1.0 !important;
}