@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap');






@charset "utf-8";
.public-body {
	margin:0;
	padding:0;
	width:100%;
	background: #e3e3e3;
	background-repeat: repeat;
	background-image: url(/public/images/bg11.jpg);
}

.bodyloggedin {
	margin:0;
	padding:0;
	width:100%;
	background: #ffffff
}
html { padding:0; margin:0;}

a { text-decoration:none;}
a:hover




/* main */
.main { padding:0; margin:0 auto;}
/********** header **********/
.blok_header { margin:0; padding:0;}

.headerloggedin {
	width:100%;
	margin:0 auto;
	padding:0;
	background-color: #27407a;
    /* background-image: url(/public/images/bg12.jpg); */
 	background-position: 0 -20px;
 	height: 92px;
	margin-top: 0px;
	position: fixed;
}
/* search */
.search {
	float:none;
	padding:0;
	margin-top: 16px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/*body_bottom*/
.body_bottom {
	width:960px;
	height:65px;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #1E2968;
	background-image: none;
	background-repeat: repeat-x;
	background-position: top;
}

.title {
	text-decoration: none;
	font-family: inherit;
	font-size: 110%;
	font-weight: bolder;
	color: #005FA5;
	border: 1px #005FA5 solid;
	border-radius:3px;
	padding:10px 10px 0 10px;
	line-height:normal;
	background: #f8f1a3;
	clear:both;
	margin-bottom:10px;
}

/* menu */	
.menu {
	width:800px;


	padding-left:5px;
	margin-top: 0px;
	background-position: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 10px;
}
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li {
	float:left;
	margin:0;
	border:0;
	padding-top: 0;
	padding-right: 13px;
	padding-bottom: 0;
	padding-left: 13px;
}
.menu ul li a {
	float:left;
	margin:0 1px 0 0;
	padding:13px 0;
	color:#fff;
	text-decoration:none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	line-height: 30px;

}
.menu ul li a span {
	background:none;
	padding-top: 13px;
	padding-right: 6px;
	padding-bottom: 13px;
	padding-left: 6px;
}

/********** body **********/
.body {
	/*width:800px;*/
	margin:0 auto;
	padding:0px;
	background-position: center;
	/*background-image: url(/public/images/body.png);*/
	background-repeat: repeat-y;
}
.body h2 {
	color:#2c2c2c;
	font:normal 18px 'Open Sans', Arial, Helvetica, sans-serif;
	margin:5px 0px;
	padding:15px 5px;
}
.body h3 {
	font: bold 14px 'Open Sans', Arial, Helvetica, sans-serif;
	color:#2c2c2c;
	margin:5px 0;
	padding:15px 5px;
	border-bottom:1px solid #e1e1e1;
}
.body p , .center-div p {
	/*color:#5f5f5f;*/
	padding:5px 5px;
	margin:0;
	line-height:18px;
	text-align: justify;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-right: 5px;
}

.paragraph-ul {color:#5f5f5f;}

.body p.grey { font: normal 11px 'Open Sans', Arial, Helvetica, sans-serif; color:#a4a4a4; padding:10px 5px 0 5px; margin:0; line-height:1.8em;}
a {
	color:#006699;
	text-decoration:none;
}
.body img {
	float:left;
	margin:0px;
	padding:0;
	text-align: center;
}
.body img.port { margin:10px 10px; padding:0; text-align:center;}
.body img.but { margin:0; padding:15px 0 0 0; float:right;}

.middle-long {
  border: .05px solid #9bc2ef;
    /*box-shadow: 1px 1px #bde0f1, -1px -1px #bde0f1;*/
  border-radius: 5px; /* added to match push_button */
	width:746px;
  background-color: #fbfcef;
  padding-top: 10px;
  padding-right: 7px;
  padding-bottom: 10px;
  padding-left: 7px;
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
  clear:both;
}

.big-div-list div {
  border-top: 2px solid;
  border-color: #e2dede; /*was#0099CC;*/
  /*border-radius: 3px;  added to match push_button */
	width:746px;
  padding-top: 10px;
  padding-right: 7px;
  padding-bottom: 10px;
  padding-left: 7px;
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
  clear:both;
}

.middle-long textarea {
  width:100%;
  height:50pt;
  padding-left:5px;
}

.big-div-list textarea {
	width:650px;
	height:50pt;
	padding-left:5px;
}




.main-info td {
	font-size:16px;
	padding:4px 0 !important
}

.main-info select, .main-info textarea, .main-info input[type=text],
.main-info .timepicker {
	width:180px !important;
	font-size: 16px;
}

.save{
  width:100%;
  float:center;
  text-align: center;
  margin:5px 0px 5px 0px;
  border: 0px solid #469aac;
  padding: 0px;
  clear:both;
}

.full {
	/*width:762px;*/
	float:left;
	font-size: 13px;
	font-style: normal;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 10px 18px 10px 20px;
	border-left: 0px;
	margin-left: 0px;
	/*border-bottom-style:inset;
	border-bottom-color:#d4d0d0;*/
}

.login {
	width:762px;
	float:left;
	font-size: 13px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.searchbody {
	width:800px;
	float:left;
	font-size: 13px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.footer-regular-blank, .footer-wide-blank {
    margin:0 auto -15px auto;
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: #FFF;
    padding:0px 0;
    width:800px;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 21px;
}

.footer-regular-blank {
	background-image: url(/public/images/kvh-footer-blank.png);
}

.footer-wide-blank {
	background-image: url(/public/images/kvh-footerwide-blank.png);
}

.footer-regular, .footer-wide {
    margin:0 auto -15px auto;
    border-bottom-width: 0px;
    border-bottom-style: solid;
    border-bottom-color: #FFF;
    padding:0px 0;
    width:800px;
    background-image: url(/public/images/kvh-footer.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 45px;
}

.footer-regular ul { margin:0; padding:20px 10px 10px 10px; list-style:none; float:left;}
.footer-regular img, .footer-regular-blank img { display:inline; margin:5px 10px; padding:0;}
.footer-regular ul li { margin:0; padding:0 10px; float:left;}
.footer-regular p { margin:0; padding:20px 20px 10px 20px; float:right; color:#fff; font:normal 11px  'Open Sans', Arial, Helvetica, sans-serif; line-height:1.8em;}
.footer-regular a { color:#fff; font:normal 11px  Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.8em;}
.footer-regular a:hover { text-decoration:underline;}

.footer-wide {
<<<<<<< Updated upstream
	background-image: url(/public/images/kvh-footerwide.png);
=======
	/*background-image: url(/public/images/kvh-footerwide.png);*/
}
.new-footer {
	bottom:0px;
	min-height: 30px;
	display: flex;
  	justify-content: center;
  	position: fixed;
	width: 100%;
	background: #27407a;
	z-index:999;
}

.new-footer-text {
	color:white;
	padding-top: 6px;
	font-size: 13.2px;
	font-weight: 600;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}

.new-footer-text a {
	color:yellow;
}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dbdbdb; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #d9d9d9; padding:0; margin:10px 0; background:none; list-style:none;}

.login form				{
	width: 750px;
	max-height: 144px;
	background-image: url(/public/images/enter.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 13px;
	height: 144px;
	background-repeat: no-repeat;
}

.searchbody form				{
	width: 750px;
	max-height: 144px;
	background-image: url(/public/images/entersearch.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 13px;
	height: 144px;
	background-repeat: no-repeat;
}

.searchbodykvhk form				{
	width: 750px;
	max-height: 144px;
	background-image: url(/public/images/entersearchkvh.jpg);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 13px;
	height: 144px;
	background-repeat: no-repeat;
}
.login-fieldset			{
	border: 0;
}

.search-fieldset {
  border: 0;
  padding-top: 30px;
  padding-left: 20px;
}

input[type="text"], input[type="file"], input[type="password"], textarea, select				{
	font-size: 13px;
	color: #576974;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight:600;
}


.button				{
	background-repeat: no-repeat;
	background-position: center top;
}

.loginerror {
	text-decoration:none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #990000;
}

.style1 {font-size: 30px}
.h3 {
  color: #FFF;
  padding-left: 36px;
}

.list {
  margin:50;
  /*font-size: 18px;*/
  font-style: normal;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
  /* trying for a more modern look
  border: 1px;
  border-color: #666666;
  border-style: solid;*/
  clear:both;
  width:100%;
}

.list tbody tr td {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  /*border-left: 1px solid #D9D9D9;*/
  vertical-align:top;
}

.list tbody tr.selected td {
    background-color: #3d80df;
    color: #ffffff;
    font-weight: bold;
    border-left: 1px solid #346DBE;
    border-bottom: 1px solid #7DAAEA;
}

.list th {
	background-color: #d4d4aa;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #bfbf90;
 
}

.list th a {
	color: #444400;
}


.list tbody tr td, .list th {
	font-size:11.5px !important;
	line-height:normal;
	 padding: 5px;
}

.added {
  background-color: #e1ffe1;
}

.removed {
  background-color: #fedacd;
}

.list tbody tr.total td {
  background-color: #ffffcc;
  border: 1px solid #346DBE;
}

.mini-droplist {
	width: 45px !important;
	font-size: 9.5px !important;
	font-weight: bold;
	background-color: #fffae6;
}

.small-droplist {
	width: 100px !important;
	height: 30px;
	font-size: 9.5px !important;
	font-weight: bold;
	background-color: #fffae6;
	white-space: normal;
	word-wrap: break-word;
}


.mini-droplist-cell{
	width:15%;
}

.accounting tbody tr.total td, .accounting th,.accounting tbody tr td {
	border-left-style:none;
	border-right-style:none;
	line-height:2;
        vertical-align:top;
        max-width:200px;
}

.input-large
{
  font-family: 'Open Sans', Arial, Sans-Serif;
  font-size: 12px;
  padding: 2px;
  border: solid 1px #85b1de;
  width: 400px;
  background-color: #ffffff;
  float:right;
  font-weight:600;
  color: #576974;
}

.input-long
{
  font-family: 'Open Sans', Arial, Sans-Serif;
  font-size: 12px;
  padding: 2px;
  border: solid 1px #85b1de;
  width: 600px;
  background-color: #ffffff;
  float:right;
  font-weight:600;
  color: #576974;
}

.tablehead
{
color:#000066;
}

.announcement {

	background: #c7efbf;
   border: solid 2px #a1da96;
   border-radius: 3px;
   padding: 10px 15px;
   font-size: 14px;
   text-align: left;
   color: #337627;
   clear: both;
}

.announcement table tr td,
.announcement table th,
.warning-top table tr td,
.warning-top table th {
	padding:10px;
	font-size:14px;
	line-height:normal;
}

.disruption_alert {
	background: #efe67f;
    border: solid 2px #a1da96;
    border-radius: 3px;
    padding: 10px 15px;
    font-size: 14px;
    text-align: left;
    clear: both;
}

.warning-top, .errorExplanation {
  border:1px solid #990000;
  width:98%;
  background-color: #CCCCCC;
  padding-top: 10px;
  padding-right: 7px;
  padding-bottom: 10px;
  padding-left: 7px;
  float: left;
  margin-bottom: 5px;
  color: #990000;
  clear: both;
  border-radius: 3px;
}

.warning-top h2, .errorExplanation h2{
	width:100%;
	padding: 10px 0px 10px 0px;
	float: left;
	margin-bottom: 5px;
	color: #990000;
}

.warning-top p, .errorExplanation p{
	color:#000000;
	padding:5px 5px;
	margin:0;
	line-height:18px;
	text-align: justify;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-right: 5px;
}

.left-tab {
	float:left;
	margin:0;
	padding: 5px 5px 5px 0px;
}

.right-tab {
	float:right;
	margin:0;
	padding: 5px 0px 5px 5px;
}

.right-tab ul li {
	list-style:none;
	display:inline-block;
}

.center-tab a {
  /*background-color: #fafdb0 !important;
  border: 1px solid !important;
  border-color: #3C7D8A !important;*/
  color: #006699 !important;
  padding: 2px 7px !important;
  text-align: center !important;
  text-decoration: none !important;
  display: inline-block !important;
  font-size: 12px !important;
  margin: 4px 1.5px !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
  font-family:
  'Open Sans',Sans-serif !important;
  font-weight: 600 !important;
  /*border-radius: 3px !important;*/
}

.center-tab a:hover {
	/*background-color:#3C7D8A !important;*/
	color:#111 !important;
	transition: .5s;
	border-bottom:1px solid;
}

.columnWrapper {
  position: relative;
  width: 100%;
  clear:both;
}

.one-half-column {
  float: left;
  position: relative;
  z-index: 1;
  width:345px;
  padding: 12px;
}

.column-1-of-2, .column-2-of-2 {
  float: left;
  position: relative;
  z-index: 1;
  width:355px;
  padding: 10px;
}
.column-2-of-2 {float: right;}

.column-1-of-2 input[type="text"], .column-2-of-2 input[type="text"],
.column-1-of-2 input[type="file"], .column-2-of-2 input[type="file"],
.column-1-of-2 input[type="password"], .column-2-of-2 input[type="password"],
.column-1-of-2 select, .column-2-of-2 select, .tab-column select {
  font-family: 'Open Sans', Arial, Sans-Serif;
  font-size: 12px;
  padding: 2px;
  width: 235px;
  float:right;
  font-weight:600;
  color: #576974;
}
.column-1-of-2 select, .column-2-of-2 select {width: 240px;}

.column-1-of-2 textarea, .column-2-of-2 textarea, .tab-column textarea
{
  font-family: 'Open Sans', Arial, Sans-Serif;
  font-size: 12px;
  height:60px;
  width: 99%;
  font-weight:600;
  color: #576974;
  padding-left: 5px !important;
}

.column-1-of-2-back, .column-2-of-2-back {
  width: 350px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border: .05px solid #9bc2ef;
  /*box-shadow: 1px 1px #bde0f1, -1px -1px #bde0f1;*/
  border-radius: 5px; /* added to match push_button */ 
  padding: 12px;
  margin: 5px 5px 5px 0px;
  background-color: #fbfcef;
}
.column-2-of-2-back {
  left: 381px;
  margin: 5px 0px 5px 5px;
}

.column-1-of-3, .column-2-of-3, .column-3-of-3 {
  z-index: 1;
  width:229px;
  padding:8px;
  position: relative;
  float: left;
  margin: 5px 12px 5px 0px;
}
.column-3-of-3 {margin: 5px 0px 5px 0px;}

.column-1-of-3-back, .column-2-of-3-back, .column-3-of-3-back {
  position: absolute;
  left: 0;
  width:221px;
  top: 0;
  bottom: 0;
  border: .05px solid #9bc2ef;
  /*box-shadow: 1px 1px #bde0f1, -1px -1px #bde0f1;*/
  border-radius: 5px;
  padding: 12px;
  margin: 5px 5px 5px 0px;
  background-color: #fbfcef;
}
.column-2-of-3-back {left: 258px;}
.column-3-of-3-back {left:515px;}

.column-1-of-3 input[type="text"], .column-2-of-3 input[type="text"],
.column-1-of-2 input[type="text"], .column-2-of-2 input[type="text"], .column-3-of-3 input[type="text"],
.column-1-of-3 input[type="password"], .column-2-of-3 input[type="password"],
.column-1-of-2 input[type="password"], .column-2-of-2 input[type="password"], .column-3-of-3 input[type="password"],
.column-1-of-3 select, .column-2-of-3 select, 
.column-1-of-2 select, .column-2-of-2 select, .column-3-of-3 select,
.column-1-of-2 textarea, .column-2-of-2 textarea, .column-3-of-3 textarea,
.column-1-of-3 textarea, .column-2-of-3 textarea, .middle-long textarea, .middle-long select
 {
  font-family: 'Open Sans', Arial, Sans-Serif;
  font-size: 12px;
  padding: 2px;
  width: 130px;
  float:right;
  font-weight:600;
  color: #576974;
  border: 0.5px solid #9bc2ef;
	border-radius: 5px;
	width:100%;
}

.column-1-of-3 input[type="file"], .column-2-of-3 input[type="file"], .column-3-of-3 input[type="file"] {width: 180px}
/*Otherwise Chrome botches things up with its...generously sized input area for the file name.*/

.column-1-of-3 select, .column-2-of-3 select, .column-3-of-3 select {width: 135px;}

.column-1-of-3 textarea, .column-2-of-3 textarea, .column-3-of-3 textarea {
  font-family: 'Open Sans', Arial, Sans-Serif;
  font-size: 12px;
  height:60px;
  width: 220px;
  font-weight:600;
  color: #576974;
}

.breadcrumbs {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #0066CC;
	padding-bottom: 8px;
}

.fieldWithErrors
{
	font-family: 'Open Sans', Arial, Sans-Serif;
	font-size: 12px;
	border: solid 3px #990000;
	background-color: #99000036;
	float:right;
	padding-left: 5px;
}

.textcenter {
  text-align: center;
}

.sub_table {
  border: solid 1px black;
  background-color: white;
  width: 100%;
}
/*moved over to universal.css, added exception for input-box-inner-table
.odd, .list tr:nth-child(odd), .div-list tr:nth-child(odd) {
  background-color: #fbfcef;
}
.even, .list tr:nth-child(even), .div-list tr:nth-child(even) {
  background-color: #fff;
}
*/

.div-list tr table tr:nth-child(even), .div-list tr table tr:nth-child(odd)  {
	background-color:inherit;
}



.error-div, .error-h1 {
  background-color: #fff;
  color: #666;
  text-align: center;
  font-family: 'Open Sans', Arial, sans-serif;
}
.error-div {
    width: 25em;
    padding: 0 4em;
    margin: 4em auto 0 auto;
    border: 1px solid #ccc;
    border-right-color: #999;
    border-bottom-color: #999;
}
.error-h1 {
  font-size: 100%;
  color: #f00;
  line-height: 1.5em;
}

.thumbnail {
	margin:2px;
}

.thumbnail:hover {
	transform: scale(10);
}