.container {
    width: auto; /*1170px; 1470px;*/
}
html {
  position: relative;
  min-height: 100%;
}
body {
    height: 100%;
    height: 100%;
    margin-top: 10px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	margin: 0;
	background: url('../images/bgimages.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	opacity: 0.97;
    filter: alpha(opacity=90); /* For IE8 and earlier */
	font-family: 'Lato', sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#000000;
	margin-bottom: 220px;
}
.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}
.footer {
    position: absolute;
	bottom: 0;
	width: 100%;
	height: 20px;
	line-height: 20px;
	background-color: #f5f5f5;
}
/*
.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
*/
.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}



/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

form div.required label.control-label:after {
  content:" * ";
  color:red;
}


/* start navbar */
.navbar-inverse {
  background-color: #0b3e6f;
  border-color: #4b88a6;
}
.navbar-inverse .navbar-brand {
  color: #fff;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #bbcbf2;
}
.navbar-inverse .navbar-text {
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #bbcbf2;
}
.dropdown-menu {
  background-color: #0b3e6f;
    border-color: #0b3e6f;
}
.dropdown-menu > li > a {
  color: #ecf0f1;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #bbcbf2;
  background-color: #4b88a6;
}
.dropdown-menu > li > .divider {
  background-color: #4b88a6;
}
.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: #bbcbf2;
  background-color: #4b88a6;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #bbcbf2;
  background-color: #4b88a6;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #bbcbf2;
  background-color: #4b88a6;
}
.navbar-inverse .navbar-toggle {
  border-color: #4b88a6;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #4b88a6;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #ecf0f1;
}
.navbar-inverse .navbar-link {
  color: #ecf0f1;
}
.navbar-inverse .navbar-link:hover {
  color: #bbcbf2;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #bbcbf2;
  }
  .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: #bbcbf2;
    background-color: #4b88a6;
  }
}
/* end navbar */
@font-face { font-family: 'oregano'; /*a name to be used later*/ src: url('Oregano-Regular.ttf'); /*URL to font*/ }


/*Amer tambah untuk set bold pada semua control label dan normal pada keterangan */
.control-label {
    font-weight: bold !important;
}
label {
    font-weight: normal !important;
}

.form-control{
    /*font-size: 13px;*/
    font-size:90%;
}

.dropdown-menu{
    font-size: 13px;
}

.btn{
    font-size: 13px;
}

.select2-container--krajee .select2-selection {
    /*font-size: 13px;*/
    font-size:90%;
}

.datepicker-dropdown {
    background-color: white; /* 3f2d80*/
    border-color: #0b3e6f;
}

.bootstrap-timepicker-widget.dropdown-menu.open {
    background-color: white; /* 3f2d80*/
}

.datepicker {
    z-index: 10000 !important;
}

.datetimepicker-dropdown-bottom-right {
    background-color: white; /* 3f2d80*/
    border-color: #0b3e6f;
}

.error-summary {
    color: #ffffff;
    background: #d21b1b;
    background-color: rgb(210, 27, 27);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-attachment: scroll;
    background-image: none;
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box;
    border-left: 3px solid #d21b1b;
    padding: 10px 10px;
    margin: 0 0 10px 0;
}