body {
  padding-bottom: 40px;
  background-color: #eee;
}

table {
	margin-bottom: 0;
}

.boxed {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signup .form-signup-heading,
.form-signin .checkbox, .form-signup .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox, .form-signup .checkbox{
  font-weight: normal;
}
.form-signin .form-control, .form-signup .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form-signin .form-control:focus, .form-signup .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"], .form-signup input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"], .form-signup input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.form-signin .btn, .form-signup .btn  {
  margin-bottom: 10px;
}

.alert {
	margin: 20px 0 0 0;
}

.container {
	max-width: 700px;
}

hr {border-color: #aaa}

li.association, li.spreadsheet, li.vessel, li.user , li.column {
	padding: 10px;
	display: flex;
	align-items: center;
}

li.association:nth-child(odd), li.spreadsheet:nth-child(odd), li.user:nth-child(odd), li.vessel:nth-child(odd), li.column:nth-child(odd) {
	background-color: #e7e7e7;
}

.form-add-user label input {
	margin-right: 5px; 
}

.form-add-user label {
	height: 34px;
	margin: 0;
	padding: 6px 12px;
}

table.ddtf-processed select { width: 100%; }

#column_type, #column_name { width: auto; }

.admin-spreadsheet .save, .admin-spreadsheet .cancel, .admin-spreadsheet input { display: none; }

.admin-spreadsheet input { width: 100%; }

#spreadsheet-selector-wrapper {
	position: absolute;
    top: 11%;
    right: 8%;
}

th {
	background-color: #002664 !important;
    color: white;
}

th select {
	background: #002664;
    color: white;
}

::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

::-webkit-scrollbar
{
  width: 8px !important;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
  background-color: gray;
}

th > div { display: block !important; }

th { padding: 20px 5px !important; vertical-align: top !important; font-size: 0.8vw; vertical-align: top !important; padding-top: 13px !important; } 

th .multiselect-selected-text { font-size: 0.6vw; }

td { white-space: normal; word-break: break-word; font-size: 0.7vw; vertical-align: middle !important; }

table { table-layout: fixed; margin-bottom: 50px !important; }

th .multiselect.dropdown-toggle {
	max-width: 100%;
    white-space: normal;
    display: block;
	color: white;
    background: transparent;
	padding: 0px 6px;
}

th .multiselect.dropdown-toggle .caret {
	border-top-color: white;
}

html, body {
	height: 100%;
}

/*body {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/images/background.jpg);
	background-blend-mode: soft-light;
	background-attachment: fixed;
}*/

body.login {
	background-blend-mode: normal;
}

#clear-filters {
	margin: 0 auto;
    display: block;
    width: auto;
    padding: 5px 30px;
}

.sorter {
	background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-position: 105% 35%;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
    padding: 4px 20px 4px 4px;
}

.tablesorter-headerAsc .sorter {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}

.tablesorter-headerDesc .sorter {
	background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}