/* global settings. */
body {padding-top:70px; padding-bottom:70px;background: #fff;min-width:1600px;max-width:1900px;}

/* body-content */
#body-content {margin: 0;}
#body-content > div {transition: all .8s cubic-bezier(0.175,0.885,0.32,1);}

/* style of text */
.text-latin {font-family: Arial;}
.text-lg {font-size: 24px;}
.text-middle,.text-middle td {vertical-align: middle !important;}
tr.text-center > td, tr.text-center > th {text-align: center;}
tr.text-center > td.text-left, tr.text-center > th.text-left {text-align: left;}

/* left menu. */
.leftmenu {box-shadow:0px 2px 1px rgba(0,0,0,0.15);width: 15%;border-radius: 4px}
.leftmenu.affix {top:70px;}
.leftmenu.affix-bottom {position:absolute; top:auto; bottom:270px;}

/* panels */
.panel > .table > thead > tr > th,.panel > form > .table > thead > tr > th {background-color: transparent;}
.panel > .panel-heading,.nav-stacked.nav-primary>li.nav-heading,.list > header, #navbar {background-color: #f1f1f1; background-image: -moz-linear-gradient(#fafafa, #f1f1f1); background-image: -webkit-linear-gradient(#FAFAFA, #f1f1f1); background-image: linear-gradient(#FAFAFA, #f1f1f1); background-repeat: repeat-x;}
.panel.panel-pure {box-shadow: none; border: 0; border-radius: 0;}
.panel.panel-pure .panel-heading {background: transparent;}
.panel-actions{float: right;margin-top: -10px;margin-right: -10px;}
.panel-actions .btn{margin-top: 3px;}
.panel-heading > h1,.panel-heading > h2,.panel-heading > h3,.panel-heading > h4,.panel-heading > h5,.panel-heading > h6 {margin: 0}
.panel-actions .btn.btn-link:hover{background: transparent;box-shadow: none;}

/* responsive. */
@media(max-width:998px) {.affix{position: inherit;} .leftmenu.affix{top: 0; width: 100%; margin-bottom: 20px;}}
@media(max-width:768px){body{padding-bottom: 0;} .navbar-fixed-bottom{display: none;}}
@media (min-width: 992px) {.navbar-collapse .navbar-nav:first-child {margin-left: 0;}}


.borderless.form-control{border-color: transparent;box-shadow: none;}
.borderless.form-control:hover,.borderless.form-control:active,.borderless.form-control:focus {border-color: #506EAF; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}

/* set css for tablesorter. */
table thead tr div{padding:0; margin:0}
table thead tr .header {color:#707070;}

.nav-primary>li{float:left;margin-left:-1px}.nav-primary>li:first-child>a{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.nav-primary>li:last-child>a{border-bottom-right-radius:4px;border-top-right-radius:4px}.nav-primary>li>a{border:1px solid #ddd}
.nav-primary>li.active>a,.nav-primary>li.active>a:hover,.nav-primary>li.active>a:focus{background-color:#3280fc;border-color:#3280fc;color:#fff}
.nav-primary>li.active>a .caret,.nav-primary>li.active>a:hover .caret,.nav-primary>li.active>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}.nav-secondary>li{float:left}.nav-secondary>li>a{border-bottom:2px solid #3280fc}
.nav-secondary>li.active>a,.nav-secondary>li.active>a:hover,.nav-secondary>li.active>a:focus{color:#fff;border-bottom-color:#fff}.nav-secondary>li.active>a .caret,.nav-secondary>li.active>a:hover .caret,.nav-secondary>li.active>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}.nav-secondary>li.nav-heading{border-bottom:2px solid #3280fc}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-stacked.nav-primary>li,.nav-stacked.nav-primary>li>a{margin-left:0}.nav-stacked.nav-primary>li+li{margin-top:-1px}.nav-stacked.nav-primary>li:first-child{margin-top:0}
.nav-stacked.nav-primary>li:first-child>a,.nav-stacked.nav-primary>li:first-child.nav-heading{margin-left:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-top-left-radius:4px}
.nav-stacked.nav-primary>li:last-child>a{border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.nav-stacked.nav-primary>li.nav-heading{border:1px solid #ddd;background-color:#f1f1f1}
.nav-stacked.nav-secondary>li>a{border:0}.nav-stacked.nav-secondary>li+li{margin-top:-1px}.nav-stacked.nav-secondary>li:first-child{margin-top:0}
.nav-stacked.nav-secondary>li.active>a,.nav-stacked.nav-secondary>li.active>a:hover,.nav-stacked.nav-secondary>li.active>a:focus{background-color:#3280fc}
.nav-stacked.nav-secondary>li.nav-heading{border-bottom:1px solid #ddd}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}
@media(min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}.nav-justified.nav-primary>li+li>a{border-left:0}}.nav .caret{border-top-color:#145ccd;border-bottom-color:#145ccd}
.nav a:hover .caret{border-top-color:#0d3d88;border-bottom-color:#0d3d88}.navbar{position:relative;z-index:1000;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar:before,.navbar:after{content:" ";display:table}
.navbar:after{clear:both}.navbar:before,.navbar:after{content:" ";display:table}.navbar:after{clear:both}@media(min-width:768px){.navbar{border-radius:4px}}.navbar-header:before,.navbar-header:after{content:" ";display:table}
.navbar-header:after{clear:both}.navbar-header:before,.navbar-header:after{content:" ";display:table}.navbar-header:after{clear:both}@media(min-width:768px){.navbar-header{float:left}}
.navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}
.navbar-collapse:before,.navbar-collapse:after{content:" ";display:table}.navbar-collapse:after{clear:both}.navbar-collapse:before,.navbar-collapse:after{content:" ";display:table}.navbar-collapse:after{clear:both}.navbar-collapse.in{overflow-y:auto}
@media(min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}
.navbar-collapse .navbar-nav.navbar-left:first-child{margin-left:-15px}.navbar-collapse .navbar-nav.navbar-right:last-child{margin-right:-15px}.navbar-collapse .navbar-text:last-child{margin-right:0}}
.container>.navbar-header,.container>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media(min-width:768px){.container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{border-width:0 0 1px}
@media(min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;border-width:0 0 1px}@media(min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}
.navbar-fixed-top{z-index:1030;top:0}.navbar-fixed-bottom{bottom:0;margin-bottom:0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}
@media(min-width:768px){.navbar>.container .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;border:1px solid transparent;border-radius:4px}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media(min-width:768px){.navbar-toggle{display:none}}
.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media(max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media(min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-nav.nav-justified>li{float:none}}@media(min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-nav.pull-right>li>.dropdown-menu,.navbar-nav>li>.dropdown-menu.pull-right{left:auto;right:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-text{float:left;margin-top:15px;margin-bottom:15px}@media(min-width:768px){.navbar-text{margin-left:15px;margin-right:15px}}.navbar-default{background-color:#f7f7f7;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#333}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#1a1a1a;background-color:transparent}.navbar-default .navbar-text{color:#333}.navbar-default .navbar-nav>li>a{color:#333}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#222;background-color:#e5e5e5}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#ccc}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.dropdown>a:hover .caret,.navbar-default .navbar-nav>.dropdown>a:focus .caret{border-top-color:#222;border-bottom-color:#222}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}.navbar-default .navbar-nav>.open>a .caret,.navbar-default .navbar-nav>.open>a:hover .caret,.navbar-default .navbar-nav>.open>a:focus .caret{border-top-color:#555;border-bottom-color:#555}.navbar-default .navbar-nav>.dropdown>a .caret{border-top-color:#333;border-bottom-color:#333}@media(max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#333}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#222;background-color:#e5e5e5}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#333}.navbar-default .navbar-link:hover{color:#222}.navbar-inverse{background-color:cadetBlue;border-color:#10479f}.navbar-inverse .navbar-brand{color:#ddd}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#ddd}.navbar-inverse .navbar-nav>li>a{color:#ddd}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:#1868e8}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#2a74ea}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#2a74ea}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#1251b6}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#114dad}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#2a74ea;color:#fff}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-inverse .navbar-nav>.dropdown>a .caret{border-top-color:#ddd;border-bottom-color:#ddd}.navbar-inverse .navbar-nav>.open>a .caret,.navbar-inverse .navbar-nav>.open>a:hover .caret,.navbar-inverse .navbar-nav>.open>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}@media(max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#10479f}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#ddd}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:#1868e8}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#2a74ea}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#ddd}.navbar-inverse .navbar-link:hover{color:#fff}

/* table form */
.table-form>tbody>tr>th {text-align:right;vertical-align:middle; border-top:none}
.table-form>tbody>tr>td {vertical-align:middle; border-top:none}
.table-form>tfoot>tr>th,.table-form>tfoot>tr>td {border-top:none}
.table>thead>tr>th.text-middle, .table>tbody>tr>th.text-middle, .table>tfoot>tr>th.text-middle, .table>thead>tr>td.text-middle, .table>tbody>tr>td.text-middle, .table>tfoot>tr>td.text-middle,.text-middle {vertical-align: middle;}
.table-form td.v-bottom {vertical-align:bottom;}
.table-form td input {vertical-align:middle;margin:0;}
.table-form td textarea {vertical-align:middle;margin:0;}
.table-form .checkbox,.table-form input[type="radio"] + label {margin-right: 10px;}
.table-form td > .row{margin-right: 0;}
.table-form td > .row > [class*="col-"]{padding-right: 0;line-height: 34px}

/* nav */
.nav li .glyphicon-chevron-right {float: right;margin-right: -2px; opacity: .25;}
.nav li.active span.glyphicon-chevron-right,.nav li:hover span.glyphicon-chevron-right{opacity: .9;}



/* navbar */
#mainNavbar .navbar-collapse .navbar-nav.navbar-right:last-child {margin-right: 0;}
@media (max-width: 767px) {
  #mainNavbar .navbar-collapse .navbar-nav > li > a {padding: 15px 20px;}
}
#navbarSwitcher {display: none;}
@media screen and (min-width:768px) and (max-width:1210px)
{
  #mainNavbar .navbar-collapse .navbar-nav > li > a {padding: 15px 12px;transition:all 0.5s;}
  #mainNavbar .mainNavbarNav {height: 50px;overflow:hidden;}
  #navbarSwitcher {display: block;}
  #mainNavbar .navbar-collapse .navbar-nav > li.simple-mode-b > a {width: 0;padding: 0;opacity: 0}
  #mainNavbar .navbar-collapse .navbar-nav > li.simple-mode-a > a {width: inherit;padding: 15px 12px;opacity: 1}
  #mainNavbar.navbar-simple .navbar-collapse .navbar-nav > li.simple-mode-a > a {width: 0;padding: 0;opacity: 0}
  #mainNavbar.navbar-simple .navbar-collapse .navbar-nav > li.simple-mode-b > a {width: inherit;padding: 15px 12px;opacity: 1}
  #mainNavbar.navbar-simple #navbarSwitcher .icon-chevron-sign-right:before {content: '\f137'}
}
@media screen and (min-width:768px) and (max-width:991px)
{
  #mainNavbar.navbar-simple .navbar-collapse .navbar-nav > li.simple-mode-b > a,#mainNavbar .navbar-collapse .navbar-nav > li.simple-mode-a > a {padding: 15px 8px;}
  #mainNavbar .navbar-nav.navbar-right > li > a {padding: 15px 4px;font-size: 12px;}
  #navbarSwitcher a {padding: 15px 5px;}
}

/* responsive for mobile devices */
@media (max-width: 991px)
{
  /* .nav-primary.nav-stacked */
  .nav-primary.nav-stacked {border: 1px solid #ddd; border-radius: 4px}
  .nav-primary.nav-stacked > li {float: left; margin: 0;}
  .nav-primary.nav-stacked > li+li {margin-top: 0;}
  .nav-primary.nav-stacked > li > a,.nav-primary.nav-stacked > li.nav-heading,.nav-stacked.nav-primary>li:last-child>a {border: none;margin: 0;border-radius: 0}
  .nav-stacked.nav-primary>li:first-child>a, .nav-stacked.nav-primary>li:first-child.nav-heading {border-radius: 4px 0 0 4px;}
  .nav-primary.nav-stacked > li > a {text-align: center;margin-right: -1px;border-top-color: transparent;}
  .nav-primary.nav-stacked > li > a > .glyphicon-chevron-right {display: none;}

  /* headNav */
  #headNav {top: 10px}
}
  /* Index shortcutBox */
#shortcutBox .shortcut
{
            transition: all .3s;
         -o-transition: all .3s;
       -moz-transition: all .3s;
    -webkit-transition: all .3s;
    text-align:center;
	margin-top:20px;

}
#shortcutBox .shortcut:hover
{
         opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
            transition: all .3s;
         -o-transition: all .3s;
       -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

#shortcutBox .metro
{
	height: 170px;
}

#shortcutBox .metro h2
{
	color: #fff;
	font-size:24px;
	margin-top: 5px;
}
#shortcutBox .metro img
{
	margin-top: 30px;
}

#shortcutBox a:hover{text-decoration: none;}

@media(max-width:992px){
    #shortcutBox{
        margin-top: 20px;
    }
}
@media(max-width:768px){
    #shortcutBox{
        margin-top: -20px;
    }
}

.find {background: #00A300;}
.verification{background: #01a9eb;}
.communication      {background: #00688B;}
.environment       {background: #1657dc;}
.maintance          {background: #473C8B;}
.print          {background: #EE3B3B;}
.contact       {background: #1E1E1E;}

 
label.error {color: red; padding-left: 24px; vertical-align: top;width: 300px; background: url(../img/unchecked.png) no-repeat;}
input.error { border: 1px solid red; }
select.error { border: 1px solid red;}
label.valid {color: #065FB9; padding-left: 24px; vertical-align: top;width: 300px; background: url(../img/checked.png) no-repeat; }
input.focus { border: 2px solid green; }
ul li{ display: block;}

label.overlabel {
	position:absolute;
	top:5px;
	left:5px;
	z-index:1;
	color:#999;
}
