body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}
.container {
    padding-right: 5px;
    padding-left: 5px;
}
h1 { margin-top:0;
	text-align: center;
	word-wrap: break-word;
	font-size:24px
}
h2 {
	text-align: center
}
/* NAV */
.greeting {
	height: 50px;    
	line-height: 50px
}
.navbar-default .navbar-nav>li>a {
    color: #0e151d;
    font-weight: 500;
    font-size: 15px;
	text-decoration: none;
}
.navbar-default {
    border-color: #888888;
}
.navbar {
    border: none;
    border-bottom: 1px solid #888888;
	border-radius: 0;
}
.navbar-brand {
    padding: 14px;
}
.logo { max-height:22px}
select {
	max-width: 95%;
	padding: 4px;
	border-radius:4px
}
a.export {
  pointer-events: none;
  cursor: default;
  color:#999 !important
}
body.revision a.export {
  pointer-events: auto;
  cursor: pointer;
  color:#333 !important
}
@media (max-width: 768px) {
.navbar-form {
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 0px solid transparent;
    border-bottom: 1px solid transparent;
}
}

/*datatable and its filter*/
.dataTable { width:97% !important; max-width:1170px}
.dataTables_wrapper .dataTables_info { float:none; text-align:center}

.dataTables_filter label { visibility:hidden; width: 100%;}
.dataTables_wrapper .dataTables_filter input {
    visibility: visible;
    width: 90%;
    max-width: 300px;
    margin: 15px auto;
}
.dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
}
table.dataTable thead .sorting {
    background-image: none;
}
a.delete {display:inline-block;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAADtSURBVHjajFC7DkFREJy9iXg0t+EHRKJDJSqRuIVaJT7AF+jR+xuNRiJyS8WlRaHWeOU+kBy7eyKhs8lkJrOzZ3OWzMAD15gxYhB+yzAm0ndez+eYMYLngdkIf2vpSYbCfsNkOx07n8kgWa1UpptNII5VR/M56Nyt6Qq33bbhQsHy6aR0WSyEyEmiCG6vR2ffB65X4HCwYC2e9CTjJGGok4/7Hcjl+ImLBWv1uCRDu3peV5eGQ2C5/P1zq4X9dGpXP+LYhmYz4HbDMQgUosWTnmQoKKf0htVKBZvtFsx6S9bm48ktaV3EXwd/CzAAVjt+gHT5me0AAAAASUVORK5CYII=) no-repeat scroll 0 2px;
	color:#d00 !important;	margin-left: 15px;font-size:11px;padding:0 0 0 13px;
}

/*popup*/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #fff;
	opacity: 1;
	border: 0;
	padding: 0;
	background: none;
	border-radius: 0;
	box-shadow: 0 0;
}
label {
    margin-right: 8px;
}
input[type="search"] {
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
 -webkit-appearance: searchfield;
}

input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: searchfield-cancel-button;
}
::-webkit-input-placeholder { /* Edge */
font-weight:200
}
:-ms-input-placeholder { /* Internet Explorer */
font-weight:200
}
::placeholder {
font-weight:400
}

body.login {display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 25vh;
    background-color: #f5f5f5;}
body.login .input-group { margin:20px 0 0}
.alert a {
    text-decoration: underline;
    color: black;
}
.fixed {width: 100%;
    background: #333;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align:center;
    padding: 15px 0}
.btn-default {
    color: #337ab7;
    border-color: #337ab7;
}