@charset "utf-8";
/* CSS Document */


/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/ubuntu-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Light'), local('Ubuntu-Light'),
       url('../fonts/ubuntu-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-300italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/ubuntu-v14-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'),
       url('../fonts/ubuntu-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-300italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ubuntu-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('../fonts/ubuntu-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/ubuntu-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'),
       url('../fonts/ubuntu-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ubuntu-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
       url('../fonts/ubuntu-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-500italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/ubuntu-v14-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Medium Italic'), local('Ubuntu-MediumItalic'),
       url('../fonts/ubuntu-v14-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-500italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ubuntu-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
       url('../fonts/ubuntu-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ubuntu-700italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/ubuntu-v14-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Bold Italic'), local('Ubuntu-BoldItalic'),
       url('../fonts/ubuntu-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-v14-latin-700italic.svg#Ubuntu') format('svg'); /* Legacy iOS */
}


input[type=button]  {cursor: pointer;}
input[type=submit]  {cursor: pointer;}
input[type=radio]  {cursor: pointer;}
input[type=checkbox]  {cursor: pointer;}
input[type=text]  {cursor: text;}
input[type=password]  {cursor: text;}
input:disabled {cursor:no-drop;}
select:disabled {cursor:no-drop;}

.cursorPointer {cursor:pointer;}

.tdAlignRight { text-align: right;}
body {margin: 0px; padding: 0px; font-family: Ubuntu; font-size: small;}
h1 {font-size: large; font-weight: bold; text-decoration: underline; text-decoration-color: #007b3c;}
h2 {font-size: small; font-weight: bold; color: #007b3c }
h2.warning {font-size: small; font-weight: bold; color: #ff1410; text-decoration: underline;}
h3 {font-size: small; color: #007b3c; }

#coverDiv {position:fixed; left:0px; top:0px; right:0px; bottom:0px; background-color:#666; opacity:0.5; z-index:9990; display: none;}
.infoText {font-size: smaller}
#feedbackValueDiv {position:fixed; left:30%; right:30%; top:35%;  border: 3px solid #333; padding: 20px; display: none; background-color: white;border-radius: 5px;z-index:10000; font-size: large; text-align: center;}


/* header */
/*#kpjHeader {width: 100%; height: 121px; border: 0px solid #cc0033; background-image: url("../images/mug_header_tile.png"); background-repeat: repeat; background-color: #4a4a4a;}*/
#kpjHeader table {width: 100%; height:80px; margin: 0px; padding: 0px; border-spacing: 0px; border-collapse: separate; border-bottom: 1px solid #007934}
#kpjHeader tr:nth-child(1) td:nth-child(1) { color: white; background-image: url("../images/MedUniLogo.png"); background-repeat:no-repeat; background-position: 10px 10px; text-align: right; padding-right: 100px; padding-top:40px; font-weight: normal; font-size: x-large; vertical-align: middle}
#kpjHeader table td {color:#007934 !important;}


/* Progress Icons */
#progressIconsDiv {float:right;padding:10px; padding-right: 100px;}

/* Login Box */
#login {margin: auto; width: 50%; border: 0px solid green; padding: 10px;}
#login img {cursor:pointer;}
#loginFeddback { color: #8E0002}
#loginInfoBox { position:fixed; left:30%; right:30%; top:35%;  border: 3px solid #007b3c; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000}

/* User Info Box */
#kpjMainUserInfo {margin: 10px; padding: 5px;float: left; width:23% }
#kpjMainUserInfo table { width:100% }
#kpjMainUserInfo .header { font-weight:bold; font-size: normal; color:#424242 }

#contentDiv {margin: 10px; padding: 5px; padding-left:10px; float: left; border-left:2px solid #007b3c; width:70%; }
#contentDiv p {padding-left:20px;}

#newRegister { width:100%; text-align: center;}
#registerControlButtons { width:100%; text-align: center; padding-top: 20px;}
#registerControlButtons table {margin: 0 auto; padding-top: 20px;}

/* Current Record */
#currentRecordDiv {position:fixed; left:5%; top:5%; right:5%; bottom:5%; border: 3px solid #007b3c; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000; overflow:auto;}
#currentRecordDiv table:nth-child(1) {width:100%;}
#currentRecordDiv img {cursor: pointer}

/* New Record */
#startNewPj {display: none}

#continueExistingPJ {display: none}
#continueExistingPJ table th{text-align: center}
#continueExistingPJ table th:nth-child(1){width:100px;}
#continueExistingPJ table th:nth-child(2){width:100px;}
#continueExistingPJ table td:nth-child(1){width:100px;text-align: center}
#continueExistingPJ table td:nth-child(2){width:100px;text-align: center}
#pjPartsCompletedKpj {display:none}
#pjPartsCompleted6sj {display:none}

.btnTeileReset { background-color:#ff1410; color:#FFF;}
.btnGreen { background-color:#090; color:#FFF;}
.btnOrange {  background-color:#ff6611 !important; color:#FFF !important;border-radius: 3px; padding: 2px;}
/*.btnGrey { background-color:#868686; color:#FFF;border-radius: 3px; padding: 2px;}*/
.btnRed { background-color:#ff1410 !important; color:#FFF !important;border-radius: 3px; padding: 2px;}
.btn-cancel { background-color:#ff1410 !important; color:#FFF !important;border-radius: 3px; padding: 2px;}
.redText {color:#ff1410; font-weight:bold;}
.hiddenItem { display:none}

.VariantTableInfoText { font-size: x-small;}
#KPJTables { }
#KPJTablePrimary {overflow: auto;}
#KPJTableAlternative {overflow: auto;}


.kpjTable { border:2px solid #000;}
.kpjTable th { text-align:center; border:0px solid #000; font-weight:bold;}
.kpj_table_head tr:nth-child(1) { background: linear-gradient(to right, #007b3c, white, #007b3c);font-size: large;}

.kpjTable td { border:0px solid #000; text-align:center !important; padding:5px;}
.kpjTable td fieldset   { background-color:transparent !important; border:none !important}
.kpjTable td:not(.displayer) fieldset span label {display: none !important}
.kpjTable td.displayer * { text-align:left;}
.thAlignRight { text-align:right !important;}

.startDatum {height:100px;}
.startDatum div{font-size:small; text-align:center; transform: rotate(270deg);}
.startDatumChrome {height:100px;}
.startDatumChrome div{font-size:small; text-align:center; transform: rotate(90deg);}

.inAusDropCell { width:150px;}

.kpjTableCPF  { background-color:#339933; text-align:center}
.kpjTableIMN  { background-color:#3399cc; text-align:center}
.kpjTableAM   { background-color:#ff3366; text-align:center}
.kpjTableKE   { background-color:#ff5400; text-align:center}
.kpjTablePS   { background-color:#ffcc00; text-align:center}
.kpjTableWPF  { background-color:#cc6633; text-align:center}
.kpjTableADP  { background-color:#EAEAEA; text-align:center}
.kpjTablePNM  { background-color:#C7C7E2; text-align:center}
.kpjTablePKF  { background-color:#CFE7E7; text-align:center}
.kpjTableLeer { background: white; opacity: 0.7; filter:Alpha(Opacity=70); border:1px solid #000000; cursor:no-drop;}


.pjOverviewTable {width:10%; border:2px solid #979797;}
.pjOverviewTable tr:nth-child(1) { background-color: #424242; color:#ffffff;}
.pjOverviewTable tr:nth-child(2) { background-color: #949494; text-align: center; font-weight: bold}
.pjOverviewTable tr:nth-child(3) {font-size: large;}
.pjOverviewTable tr:nth-child(8) {font-size: large;}

.pjCellColorCPF {background-color:#339933; text-align: center; font-weight: bold;}
.pjCellColorIMN {background-color:#3399cc; text-align: center; font-weight: bold;}
.pjCellColorKAM {background-color:#ff3366; text-align: center; font-weight: bold;}
.pjCellColorKIN {background-color:#ff5400; text-align: center; font-weight: bold;}
.pjCellColorPSY {background-color:#ffcc00; text-align: center; font-weight: bold;}
.pjCellColorWPF {background-color:#cc6633; text-align: center; font-weight: bold;}
.pjCellColorFG1 {background-color:#339933; text-align: center; font-weight: bold;}
.pjCellColorFG2 {background-color:#3399cc; text-align: center; font-weight: bold;}
.pjCellColor6AM {background-color:#ff3366; text-align: center; font-weight: bold;}
.pjCellColorFG3 {background-color:#cc6633; text-align: center; font-weight: bold;}
.pjCellColor0   {background-color:#979797; text-align: center; font-weight: bold;}
.pjCellMode     {text-align:center; border-left:1px solid#000; border-right:1px solid 000;}



.reportScheduleTable {width:100%}
.reportScheduleTable th {padding: 5px;}
.reportScheduleTable tr:nth-child(1) { background-color: #424242; color:#ffffff;}
.reportScheduleTable tr:last-child td {border:none; background-color: #AFAFAF;}
.reportScheduleTable tr:nth-child(even) {background: #DDD}
.reportScheduleTable td {text-align: center;padding: 5px; border-left: 1px solid #424242; border-right: 1px solid #424242;}
.reportScheduleLegend {font-size: smaller; border: 1px solid #424242;}
.reportScheduleLegend td {padding: 5px;}
.reportScheduleLegend th {font-size: smaller; border: 1px solid #424242;background-color: #424242; color:#fff}



.kpjTableFrame{ border:1px solid #000000;}
.kpj_tbody_data {display:none}
.kpj_tbody_data tr:nth-child(1) { background-color: #424242; color:#ffffff;}
.kpj_tbody_data tr:nth-child(2) { background-color: #949494;}

#additionalInfoBox {width:70%; height: 150px;}

.logbookLanguageTable tr:nth-child(odd) {background-color: #D8D3D3}
.logbookLanguageTable select {cursor: pointer}
.logbookLanguageTable select:disabled {cursor: no-drop}

#warningInfoBox { position:fixed; left:30%; right:30%; top:35%;  border: 3px solid #ff6611; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}
#warningInfoBox h2 {color:#ff6611}

#startNewRegister { position:fixed; left:30%; right:30%; top:35%;  border: 3px solid #007b3c; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}
#startNewRegister h2 {color:#007b3c}

#saveInfoBox { position:fixed; left:30%; right:30%; top:35%;  border: 3px solid #007b3c; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}
#saveInfoBox h2 {color:#007b3c}

#cancleCurrentRegisterDiv { position:fixed; left:30%; right:30%; top:35%;  border: 3px solid #ff1410; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}
#cancleCurrentRegisterDiv form{ width:100%; text-align: center}

#mailBodyContentDiv {padding:5px; margin: 5px;}




/*  ADMIN section */
#editOsceDateDiv {position:fixed; left:25%; right:25%; top:35%;  border: 3px solid #ff6611; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}
#deleteOsceDateDiv {position:fixed; left:25%; right:25%; top:35%;  border: 3px solid #cc0033; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}
#addOsceDateDiv {position:fixed; left:25%; right:25%; top:35%;  border: 3px solid #007b3c; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}

#editAdminAccountDiv {position:fixed; left:25%; right:25%; top:35%;  border: 3px solid #ff6611; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}
#deleteAdminAccountDiv {position:fixed; left:25%; right:25%; top:35%;  border: 3px solid #cc0033; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}
#addAdminAccountDiv {position:fixed; left:25%; right:25%; top:35%;  border: 3px solid #007b3c; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}

#editAdminNotifierMailDiv {position:fixed; left:25%; right:25%; top:35%;  border: 3px solid #ff6611; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}
#deleteAdminNotifierMailDiv {position:fixed; left:25%; right:25%; top:35%;  border: 3px solid #cc0033; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}
#addAdminNotifierMailDiv {position:fixed; left:25%; right:25%; top:35%;  border: 3px solid #007b3c; padding: 10px; display: none; background-color: white;border-radius: 5px;z-index:10000;}


.adminRecordsTable { width: 100%; }

.adminRecordsTable th{ background-color: #007b3c; color:#fff;white-space: nowrap;padding-left:5px; padding-right: 5px;}

.adminRecordsTable tr:nth-child(even) {background: #DDD}
.adminRecordsTable tr:hover {background-color: #ff6611}

.adminRecordsTable td {padding-left:5px; padding-right: 5px; }
.adminRecordsTable td:nth-child(2) {white-space: nowrap; }
.adminRecordsTable td:nth-child(5) {white-space: nowrap; }
.adminRecordsTable td:nth-child(6) {white-space: nowrap; }
.adminRecordsTable td:nth-child(8) {white-space: nowrap; }
.adminRecordsTable td:nth-child(24) { text-align: center}
.adminRecordsTable td:nth-child(37) {text-align: center}
.adminRecordsTable td:last-child {display: inline-block; width:200px;}



@media print {
#contentDiv {display:none;}
#kpjMainUserInfo {display:none;}
#currentRecordDiv {display:block; position: absolute; left: 0px; top:0px; overflow: visible; border: none;}
#currentRecordDiv img {display:none;}
}