/*

baseline.css

*/



/*
//--- Fonts
*/

@font-face {
  font-family: 'Roboto-Black';
  src: url('../font/Roboto-Black.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('../font/Roboto-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto-Medium';
  src: url('../font/Roboto-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto-Regular';
  src: url('../font/Roboto-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto-Thin';
  src: url('../font/Roboto-Thin.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto-Light';
  src: url('../font/Roboto-Light.ttf') format('truetype');
}





/*
//--- Root
*/

body {

  margin: 0px auto;
  color: #696969;
  font-family: 'Roboto-Regular';
  font-size: 11pt;
}

a {

  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

a:hover, a:active, a:focus {

  color: #006900;
  text-decoration: none;
}


/*
//--- Common
*/

.col-md-2-5, .col-md-9-5 {

  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;

  float: left;
}

.col-md-2-5 {

  width: 20.83%;
}

.col-md-offset-2-5 {

  margin-left: 20.83%;
}

.col-md-9-5 {

  width: 79.17%;
}

.badge-default {

  background-color: #006900;
}

.badge-header {

  color: #FEFEFE;
  background-color: #006900;
  font-family: 'Roboto-Bold';
  font-size: 8pt;
}

[data-notify="progressbar"] {
	margin-bottom: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 5px;
}

.text-baseline {

  color: #006900;
}

.text-light {

  color: #FFFFFF;
}

.table-hover-default > tbody > tr:hover {

  color: #006900;
  background-color: #E0E0E0;
}

.table-narrow > tbody > tr > td {

  height: 10px;
}

.panel-body .form-group:first-child {

  margin-top: 15px;
}

.capitalize {

  text-transform: capitalize;
}



/*
--- Box
*/

.box {

  margin-bottom: 15px;
}

.box > .box-top {

  border: 1px #EFEFEF solid;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: none;
}

.box > .box-bottom {

  padding: 10px 15px;
  border: 1px #EFEFEF solid;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: none;

  background-color: #EFEFEF;
}

.box-baseline > .box-top {

  color: #006900;
  border: 1px #006900 solid;
  border-bottom: none;
}

.box-baseline > .box-bottom {

  color: #FFFFFF;
  border: 1px #006900 solid;
  background-color: #006900;
  border-top: none;
}

.box-success > .box-top {

  color: #5CB85C;
  border: 1px #5CB85C solid;
  border-bottom: none;
}

.box-success > .box-bottom {

  color: #FFFFFF;
  border: 1px #5CB85C solid;
  background-color: #5CB85C;
  border-top: none;
}

.box-info > .box-top {

  color: #5BC0DE;
  border: 1px #5BC0DE solid;
  border-bottom: none;
}

.box-info > .box-bottom {

  color: #FFFFFF;
  border: 1px #5BC0DE solid;
  background-color: #5BC0DE;
  border-top: none;
}

.box-danger > .box-top {

  color: #D9543F;
  border: 1px #D9543F solid;
  border-bottom: none;
}

.box-danger > .box-bottom {

  color: #FFFFFF;
  border: 1px #D9543F solid;
  background-color: #D9543F;
  border-top: none;
}

.box-primary > .box-top {

  color: #337AB7;
  border: 1px #337AB7 solid;
  border-bottom: none;
}

.box-primary > .box-bottom {

  color: #FFFFFF;
  border: 1px #337AB7 solid;
  background-color: #337AB7;
  border-top: none;
}


.box-warning > .box-top {

  color: #F0AD4E;
  border: 1px #F0AD4E solid;
  border-bottom: none;
}

.box-warning > .box-bottom {

  color: #FFFFFF;
  border: 1px #F0AD4E solid;
  background-color: #F0AD4E;
  border-top: none;
}








/*
//--- Centering CSS
*/


/*--- First ------*/

.container-content-center {

  display: flex;
  justify-content: center;
  align-items: center;
}


/*--- Second -----*/

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto;
}



/*
//--- Main Elements
*/



@media(max-width: 1199px) {

  .screen-guard {

    display: block !important;
  }
  .screen-main, .screen-login, .screen-about {

    display: none;
  }
}

@media(min-width: 1200px) {

  .screen-guard {

    display: none;
  }
  .screen-main, .screen-login, .screen-about {

    display: block !important;
  }
}



/*
//--- Core
*/

.container-all {

  background-color: transparent;

  border-top: #006900 3px solid;
  border-bottom: #006900 3px solid;
}

.screen-guard, .screen-login, .screen-about,
.screen-overflow-3, .screen-overflow-2, .screen-overflow-1 {

  	top: 0px;
  	left: 0px;

  	position: absolute;
  	z-index: 9999;

  	width: 100%;
  	height: 100%;

    padding: 0px;

    background-color: rgba(0, 0, 0, 0.25);
    background-image: url('../image/background-overflow.png');

    overflow-x: hidden;
}

.screen-login {

  /*z-index: 8888;*/
  z-index: 555;
  background-image: url('../image/background.png');
}

.screen-about {

  z-index: 7777;
}

.screen-main {

  z-index: 100;
}

.screen-overflow-3 {

  z-index: 999;
}

.screen-overflow-2 {

  z-index: 888;
}

.screen-overflow-1 {

  z-index: 777;
  background-color: rgba(0, 0, 0, 0.25);
}

.container-screen-guard, .container-screen-login, .container-screen-about,
.container-screen-overflow-3, .container-screen-overflow-2, .container-screen-overflow-1 {

  margin: 0px auto;

  font-size: 10pt;
  text-align: center;

  padding: 0px;

  position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.container-screen-overflow-3, .container-screen-overflow-2, .container-screen-overflow-1 {

  text-align: left;
}

.container-screen-guard {

    height: 278.42px;
}

.container-screen-guard-panel > .container-screen-guard-logo {

  margin: 0px auto;
}

.container-screen-guard-logo {

  width: 100px;
}

.container-screen-login {

  height: 429.88px;
}

.container-screen-about {

  width: 320px;
  height: 373.42px;
}

.container-screen-about-title {

  color: #006900;
  font-size: 11pt;
}

.container-screen-about-panel > .container-screen-about-application-logo {

  margin: 0px auto;
}

.container-screen-about-application-logo {

  width: 100px;
}

.container-screen-about-logo {

  width: 125px;
  margin: 15px auto;
}

.container-screen-about-text, .container-screen-login-text {

  font-family: 'Roboto-Light';
  font-size: 8pt;
}

.container-login-title {

  height: 100%;
  font-family: 'Roboto-Medium';
  font-size: 15pt;
  padding: 10px;
}

.container-main-menu {

  background-color: transparent;
  padding: 0px;
  margin: 0px;

  position: fixed;
}

.container-main-menu-panel {

  background-color: #F4F4F4;
}

.row-baseline-header-logo {

  background-color: transparent;
  padding: 10px;
}

.row-baseline-header-logo > .container-baseline-header-logo {

  margin: 0px auto;
}

.container-baseline-header-logo {

  width: 100px;
}

.row-baseline-user {

  background-color: transparent;
  border-bottom: #006900 1px solid;
  padding-bottom: 10px;
}

.baseline-user {

  font-family: 'Roboto-Medium';
  font-size: 9pt;
  text-align: center;
  color: #006900;
  padding-bottom: 5px;
}

.baseline-menu-button-search {

  color: #006900;
  background-color: #EFEFEF;
}

.baseline-menu-button-search:hover {

  color: #006900;
  background-color: #FFFFFF;
}

.baseline-menu-item-search {

  padding: 5px;
}

.row-baseline-menu-search {

  background: #F4F4F4;
  padding: 10px;
  font-size: 10pt;
  font-family: 'Roboto-Light';
}

.row-baseline-menu-back {

  background-color: #006900;
  height: 40px;
}

.row-baseline-menu-back a {

  color: #EFEFEF;
  text-decoration: none;
}

.row-baseline-menu-back a:hover, .row-baseline-menu-back a:active, .row-baseline-menu-back a:focus {

  color: #FEFEFE;
  text-decoration: none;
}

.row-baseline-menu-back:hover {

  background-color: #006900;
}

.row-baseline-menu {

  background-color: #FAFAFA;
  border-top: 1px #F4F4F4 solid;
}

.baseline-menu-item, .baseline-menu-item-back {

  font-size: 10pt;
  padding: 10px;
}

.baseline-menu-item .fa, .baseline-menu-item-back .fa {

  width: 32px !important;
  height: 100% !important;
  text-align: center;
}

.row-baseline-menu a {

  color: #696969;
  text-decoration: none;
}

.row-baseline-menu a:hover, .row-baseline-menu a:active, .row-baseline-menu a:focus {

  color: #006900;
  text-decoration: none;
}

.row-baseline-menu:hover {

  background-color: #EFEFEF;
}

.row-baseline-footer {

  background-color: transparent;
  font-family: 'Roboto-Regular';
  font-size: 8pt;
  padding: 5px;
  text-align: center;
  border-top: 1px #006900 solid;
}

.row-baseline-footer-logo > .footer-logo {

  margin: 0px auto;
}

.footer-logo {

  width: 100px;
  padding: 5px;
}

#row-menu-display {

  overflow-y: scroll;
  overflow-x: hidden;
}

#row-menu-display > div {

}


.container-main-content {

  overflow-x: hidden;
  overflow-y: scroll;
}

.main-content {

}

.container-main-content-header {

  height: 50px;
  border-bottom: 2px #F4F4F4 solid;
  background-color: #FFFFFF;
  z-index: 11;

  width: 100%;

  display: flex;
}

.main-content-title {

  padding: 10px 0px 10px 0px;
  font-family: 'Roboto-Medium';
  font-size: 15pt;
  color: #009600;
  width: 30%;
  height: 50px;
  z-index: 11;

}

.main-content-title .fa {

  width: 32px !important;
  text-align: center;
  height: 100% !important;
}

.main-content-attributes {

  width: 50%;
  height: 50px;
  padding: 10px 10px 10px 0px;

  z-index: 11;
}

.main-content-attributes > div {

  float: right;
  text-align: right;
}

.main-content-attributes > div:first-child {

  margin-right: 10px;
}

.container-main-content-body {

  padding: 60px 10px 10px 0px;
  color: #323232;
}

.container-main-content-body-noheader {

  margin: 10px 10px 10px 0px;
  padding: 0px;
  color: #323232;
}


/*
//---
*/


/*
//---
*/


/*
//---
*/