/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}


body {
	font-size: 0.9rem;
	line-height: 1.3; 
	padding-top: 70px;
}

h1 {
	font-size: 1.8rem !important;
	
}

h2 {
	    font-size: 1.2rem !important;
}

i {
	margin-right: 4px;
}
.ntvbs_yellow { background-color: #FFEB3B;
	
	
	/*background-color: #5cb85c;*/
}

#headercontainer {
	position: relative;
}

#usermessage {
	position: absolute;
	right: 20px;
	top: 0px;
	padding-top: 5px;
  	padding-bottom: 5px;
  	line-height: 20px;
}

#headercontainer .dropdown-menu {
	margin-top: 0px;
}

.open>.dropdown-menu {
	display: none;
}

.dropdown:hover .dropdown-menu {
	display: block;
}

/*
	
	Niet meer nodig wegens table-sm
	
.table td, .table th {
padding: .4rem;
}
*/


/*
.form-control {

	width: 100%;
	
	padding: .4rem .6rem;
	padding: .3rem .6rem;
	
	
	font-size: 0.9rem;
	line-height: 1.1; 


}
*/


.form-control.uppercase {
	text-transform: uppercase;
}

.filter-search {
	display: block;
	background-color: #F2E5E5;
	background-color: #E5F1FB;
	padding: 20px;
	margin-bottom: 20px;
	/*border-bottom: 2px solid #80BAEB;*/
}

select.form-control:not([size]):not([multiple]) {
   height: calc(2.5rem - 13px);
   padding-top: 0px;
   padding-bottom: 0px;
}

.form-check-input {
    margin-top: 0.5rem;
}


.col-form-label {
	
padding-top: .3rem;
padding-bottom: .3rem;
margin-bottom: 0;
	
}

.col-xs-2 { 
	/*width: 30% !important;
	background-color: yellow; */
	}

.form-group {

margin-bottom: 0.6rem;

}

.ntvbs-left-50 {
	width: 50%; display: block; float: left; padding-right: 40px;

}

.ntvbs-right-50  {
	width: 50%; display: block; float: right; padding-left: 40px;

}

.ntvbs-clear {
	clear: both;
}

.ntvbs-hr-spacing {
	
	/*
	background-color: #fff !important;
	color: #fff !important;
	border: none !important;*/
	
	margin-top: 0.4rem !important;
    margin-bottom: 0.4rem !important;
    
	border-top: 1px solid #fff !important;
}

body.testing {
	padding-top: 98px;
	
}

body.testing .pos-f-t {
	top: 28px;
}

.warning-bar {
    position: fixed;
    width: 100%;
    height: 28px;
    top: 0px;
    left: 0px;
    background-color: #da4f49;
    color: #fff;
    line-height: 28px;
    font-size: 13px;
    z-index: 1030;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
}

/* Overview
-------------------------------------------------- */

.pagination {
	float: right;
	margin: 0px;
	margin-bottom: 15px;
}

.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
}

th a {
  color: #000;
}
th a:hover {
  color: #000;
  text-decoration: none;
}

.dynatable-search input, .dynatable-per-page select {
	display: inline;
	width: auto;
}
.dynatable-per-page select {
	padding: 0px;	
}

.overviewfilters .filter {
	/*
	display: inline;
	margin-right: 10px;
	padding-left: 0px;
	*/
	
	height: 30px;
	 
}

.overviewfilters .filter > div {
	float: left;
}

.overviewfilters .filter .filter-label {
	width: 30%;
}

.overviewfilters .filter .filter-content {
	width: 70%;
}

.overviewfilters .filter label {
	font-weight: normal;
}

.overviewfilters {
	/*margin-bottom: 10px;*/
}

table.clickable tr td:last-child .btn.edit {
	display: none;
}

table.clickable tbody tr {
	cursor: pointer;
} 

/* Forms 
-------------------------------------------------- */

.form {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form .form-heading,
.form .checkbox {
  margin-bottom: 10px;
}
.form .checkbox {
  font-weight: normal;
}

.form-horizontal .radio.inline {
	display: inline-block;
	margin-right: 5px;
}

.form-horizontal .help-block {
	margin-bottom: 0px;
}

.form .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form .form-control:focus {
  z-index: 2;
}
.form input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-horizontal .control-label {
	text-align: left;
}

#form-signin .checkbox {
	padding-left: 20px;
}

.tab-content {
	padding-top: 20px;
}

#checkinoutwrap .timepicker select {
	width: 70px;
	display: inline-block;
}

.currency select {
	border: 0px;
	background: transparent;
	-webkit-appearance: none;
}

.currency select:FOCUS {
	outline: none;
}

.availability {
	margin-top: 5px;
	font-weight: normal;
}

#template {
	display: none;
}

.wysihtml5 {
	height: 400px;
}

/* Alert
-------------------------------------------------- */

.alert {
	display: inline-block;
	background-color: #f2dede;
	color: #a94442;
	padding: 5px 10px;
	border-radius: 5px;
	text-align: center;
	
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	
	z-index: 500000;
	
	cursor: pointer;
}

.alert-success {
	background-color: #dff0d8;
	color: #3c763d;	
}

.alert-info {
	background-color: #fcf8e3;
	color: #8a6d3b;
}

.alert strong {
	font-weight: bold;
}


/* Users
-------------------------------------------------- */

#passwordcheck {
	position:absolute;
	left:100%;
	top: 0px;
	padding:15px;
	background:#fefefe;
	border-radius:5px;
	box-shadow:0 1px 3px #ccc;
	border:1px solid #ddd;
	
	opacity: 0;
	transition: opacity 0.5s;
	z-index: 2;
	
	width: 250px;
}	

@media (max-width: 767px) {
	#passwordcheck {
		left: 15px;
		top: 40px;
	}
}



#passwordcheck.show {
	opacity: 100;
}

#passwordcheck h5 {
	margin-top: 0px;
}

#passwordcheck i {
	margin-top: 3px;
}

#passwordcheck ul {
	margin: 0px;
	padding: 0px;
}
#passwordcheck li {
	list-style: none;
}	

#passwordcheck .valid {
	color:#3a7d34;
}

#passwordcheck .valid .fa-times {
	display: none;
}

#passwordcheck .invalid {
	color:#ec3f41;
}

#passwordcheck .invalid .fa-check {
	display: none;
}

/* CCR
-------------------------------------------------- */

#documentwrap .documentrow .btn,
#documentwrap_at .documentrow_at .btn
{
	width: 100%;
	margin-bottom: 5px;
}

#documentwrap .documentrow .doc-add,
#documentwrap_at .documentrow_at .doc-add {
	display: none;
}

#documentwrap .documentrow:last-child .doc-add,
#documentwrap_at .documentrow_at:last-child .doc-add {
	display: block;
}

#documentwrap .documentrow:last-child .doc-del,
#documentwrap_at .documentrow_at:last-child .doc-del {
	display: none;
}

#ccr-form #CHASNR {
	text-align: right;
}
.help-block ,
.has-error p{
	color: #ff0000;
}

/* Loadlist
-------------------------------------------------- */
#bulkdeckForm #bulkdeckHeight tbody tr:first-child .delheight {
	display: none;
}


/* INSPECTION
-------------------------------------------------- */
.add-damage {
	cursor: pointer;
}

#inspectionform {
	font-size: 140%;
	line-height: 80px;
}



#inspectionform #dynatable-search-ccr {
	float: inherit;
	font-size: 140%;
}
#inspectionform #dynatable-per-page-ccr {
	display: none;
}
#inspectionform .dynatable-per-page-label {
	display: none;
}

#inspectionform #dynatable-record-count-ccr {
	display: none;
}

#inspectionform #dynatable-query-search-ccr {
	margin-bottom: 10px; font-size: 90%; width: 50%
}

#inspectionform #dynatable-pagination-links-ccr {
	font-size: 100%;
	line-height: 40px;
}


.cas-user-inspection {font-size: 120%; line-height: 50px;}
.cas-user-inspection-search { margin-bottom: 10px; font-size: 100%; width: 100%}

.cas-user-inspection-detail {font-size: 120%; line-height: 30px;}
.cas-user-inspection-detail label {display: inline-block; width: 50%;
}

.cas-user-inspection-detail .form-control-lg {
	font-size: 120%; line-height: 3; height: 50px !important;
}

/* PORTER
-------------------------------------------------- */

.cas-user-porter {font-size: 120%; line-height: 50px;}
.cas-user-porter-search { margin-bottom: 10px; font-size: 100%; width: 100%}



#porterform {
	font-size: 140%;
	line-height: 80px;
}

#porterform #dynatable-search-ccr {
	float: inherit;
	font-size: 140%;
}
#porterform #dynatable-per-page-ccr {
	display: none;
}
#porterform .dynatable-per-page-label {
	display: none;
}

#porterform #dynatable-record-count-ccr {
	display: none;
}

#porterform #dynatable-query-search-ccr {
	margin-bottom: 10px; font-size: 90%; width: 50%
}

#porterform #dynatable-pagination-links-ccr {
	font-size: 100%;
	line-height: 40px;
}


.cas-user-porter-detail {font-size: 120%; }

/*
.cas-user-porter-detail {font-size: 120%; line-height: 30px;}
.cas-user-porter-detail label {display: inline-block; width: 50%;
}

.cas-user-porter-detail .form-control-lg {
	font-size: 120%; line-height: 3; height: 50px !important;
}
*/

/* LOADMASTER
-------------------------------------------------- */
#loadingform {
	font-size: 140%;
	line-height: 80px;
}

#loadingform #dynatable-search-ccr {
	float: inherit;
	font-size: 140%;
}
#loadingform #dynatable-per-page-ccr {
	display: none;
}
#loadingform .dynatable-per-page-label {
	display: none;
}

#loadingform #dynatable-record-count-ccr {
	display: none;
}

#loadingform #dynatable-query-search-ccr {
	margin-bottom: 10px; font-size: 90%; width: 50%
}

#loadingform #dynatable-pagination-links-ccr {
	font-size: 100%;
	line-height: 40px;
}

.cas-user-loadmaster {font-size: 120%; line-height: 50px;}
.cas-user-loadmaster-deck { display: inline-block; margin-bottom: 10px; font-size: 100%; width: 15%}

.cas-user-loadmaster-detail {font-size: 120%; line-height: 30px;}
.cas-user-loadmaster-detail label {display: inline-block; width: 50%;
}

.cas-user-loadmaster-detail .form-control-lg {
	font-size: 120%; line-height: 3; height: 50px !important;
}

.dropper-dropzone {
	width: 125px;
	height: 94px;
	background: #fff;
	border: 3px dashed #ccc;
	border-radius: 0;
	color: #666;
	cursor: pointer;
	font-size: 14px;
	margin: 0;
	padding: 0;
	padding-top: 25px;
	text-align: center;
	margin-bottom: 5px;
}

.images .gallery {
	display: inline;
}

.images .gallery div, .images .gallery a
 {

	box-sizing: border-box;
	width: 125px;
	height: 94px;

	color: #666;
	font-size: 14px;
	margin: 0;
	padding: 0;
	text-align: center;
	margin-bottom: 5px;

	float: left;
	margin-right: 5px;
	height: 94px;
	margin-bottom: 5px;
}

.images .gallery div.info {
	padding-top: 25px;
}

.imagescount {
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 5px;
	font-weight: bold;
}

.img-source{
	max-width: 100%;
}

.modal-footer a{
	margin-left: 5px;
}

button i {
	margin: 0px;
}

.datefields {
	text-align: center;
}

.datefields select {
	width: 30%;
	display: inline-block;
}

.datefields select#DATE_DAY {
	float: left;	
}

.datefields select#DATE_YEAR {
	float: right;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.deckloadingload input {
	display: inline-block;
}

.deckloadingload input[type=text]:not(.checked) {
	display: none;
}

#specialRule .row:first-child .delrule {
	display: none;
}