@import url(https://fonts.googleapis.com/css?family=Nunito);

body, html { height: 100%;  width: 100%; }
body { background-color: #E8E9EE; }
.navbar, .col-sidebar { background-color: #fff; }

.document-list-search li:hover { cursor: pointer; }
.input-query { display: inline-block; width: 75%; position:relative; top: 3px;}

.col-sidebar { min-height: 85vh; padding: 20px; margin-left: 20px;}
.navbar { margin-bottom: 20px; }

#pdf-viewer {
	padding: 5px;
	border:1px solid #D5D5D5;
	margin: 0px 15px 15px 15px;
	overflow: hidden;
	width: 892px;   /* scale 1 = 595px */
	height: 1263px;  /* scale 1 =842px */
	border-top: 1px solid #AFAEAE;
	border-bottom: 1px solid #AFAEAE;
	background-color: #fff;
}

#pdf-viewer canvas:first-child {
	margin-top: 0;
	border-top: 0;
}

@media print {
	#pdf-viewer { display: none; }
}

.btn-page-up { 
	position: fixed; 
	top: 20%; 
	right: 40px; 
	font-size: 28pt; 
	color: #fff; 
	background-color: #000; 
	width: 60px;
	height: 70px;	
	margin-top: -35px; /* Negative half of height. */
	margin-bottom: -30px; /* Negative half of width. */	
}
.btn-page-down { 
	position: fixed;
	bottom: 20%; 
	right: 40px; 
	font-size: 28pt;
	color: #fff;
	background-color: #000;
	margin-top: -35px; /* Negative half of height. */
	margin-bottom: -30px; /* Negative half of width. */	
}
.page-num { 
	border-radius: 4px;
	text-align:center;
	padding: 14px;
	position: fixed;
	font-size: 16pt;
	color: #fff;
	background-color: #000;
	width: 100px;
	height: 70px;
	top: 50%;
	right: 20px;	
	margin-top: -35px; /* Negative half of height. */
	margin-bottom: -50px; /* Negative half of width. */
}

/*.btn-dimmed {
	opacity: 0.2;
}*/

ol.breadcrumb { background: #fff; display: block;}
ol.breadcrumb li { display: inline-block; }
.btn-default { background-color: #E3E3E3; }

h5.card-title .btn-transparent,
.modal-error h5 .btn-transparent,
.modal-success h5 .btn-transparent { background: inherit; padding: 0px; font-size: 18pt; margin-top: -10px; margin-right: -10px; }

#modal-edit-document .modal-header,
#modal-remove-document .modal-header,
#modal-document .modal-header { display: block !important; }
#modal-edit-document .modal-header h4,
#modal-remove-document .modal-header h4 { float: left !important; display: block !important; }

.image-slideshow-block { max-height: 200px; margin: 10px; float: left; border: 1px solid #aaa; border-radius: 6px; padding: 10px; background-color: #EDD9D9; overflow: hidden; }
.btn-save-slideshow { display: block;  padding: 10px; font-size: 14pt; text-align: center; }

@media (min-width: 792px) {
	.btn-save-slideshow { vertical-align: middle; position: absolute; left: 20%; top: 45%; }
}

@media (max-width: 792px) {
	.btn-save-slideshow { margin: 0 auto; }
}

.image-slideshow-block .current { width: 100px; height: 100px; overflow: hidden; float: left;  }
.image-slideshow-block .current img { display: block; width: auto; height: 100px; }
.image-slideshow-block .btn-danger { display: block; float: right; width: 32px;margin-top: 10px; margin-left: 20px; }
.image-slideshow-block span.text-muted { display: block; left: 20px; position: relative; }
.delete-image-spinner { display: none; float: right; margin-top: 10px; }

.startpage-content { background-color: #fff; padding: 15px;}
#btCarousel .carousel-item,
#btCarousel { height: 300px; }
#btCarousel .carousel-item img { height: 300px !important; width: auto !important; margin: 0 auto !important; display: block !important; }
#btCarousel { border: 1px solid #E0E0E0; border-radius: 10px; }

.carousel-control-next-icon,
.carousel-control-prev-icon { background-color: #000; border-radius: 50%; display: block; width: 42px; height: 42px; }

.startpage-documents li a,.startpage-documents li a:visited { color: #000; }
.startpage-lastest-news .news-item { border: 1px solid #ddd; padding: 10px; background-color: #eee; border-radius: 12px; margin-bottom: 20px; }

.document-path { background-color: #fff; padding: 10px; margin: 0px 10px 10px 14px; font-weight: bold; border-bottom: 2px solid #777; width: 892px; }
a.create-news, a.create-news:visited { color: #000; }
/*a.btn-edit-news, a.btn-edit-news:visited { color: #fff; }*/


.document-list-search { list-style-type: none; padding-left: 15px; padding-right: 15px;}
.document-list-search li { margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px solid #B3B3B3;}
.document-list-search li:last-child { border: 0; }
.dropdown-logout { margin-top: 15px; }
.dropdown-menu a:hover, .breadcrumb .dropdown-menu li a:hover { background-color: #e7e7e7;color: #777; }
.breadcrumb .dropdown-menu li {  display: block; }
.breadcrumb .dropdown-menu li a { color: #000; }
.breadcrumb .dropdown-toggle { text-decoration: none; color: #000; }
.breadcrumb .dropdown-toggle:hover { text-decoration: none; color: #777; }

.modal-dialog, .dropdown-menu { -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);  }

.modal-backdrop { opacity: 0.5; filter: alpha(opacity=50); }

.breadcrumb-item .dropdown-menu { width: auto; min-width: 300px; }
.breadcrumb-item .dropdown-menu .badge { position:relative; top: -4px; display: inline-block;}
#modal-edit-customer .tab-pane, #modal-customer .tab-pane, #modal-add-user .tab-pane, #modal-edit-user .tab-pane { padding: 30px 0px 30px 10px; margin-left: 5px;  margin-right: 15px; }
#tabAddCustomer a { font-weight: bold; }
#customers-table td a, #customers-table td button { margin-left: 5px; }

.customer_module_cb {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;	
}

/* Hide the browser's default checkbox */
.customer_module_cb input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.customer_module_cb .checkmark{
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
	border: 1px solid #888 !important;
	border-radius: 4px;  
}

/* On mouse-over, add a grey background color */
.customer_module_cb:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customer_module_cb input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.customer_module_cb .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.customer_module_cb input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.customer_module_cb .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.edit-customer-current-logo img { width: 100px; height: auto; max-height: 100px; overflow: hidden; display: inline-block; margin-top: 10px; margin-bottom: 10px; }
#branches-dropdown .badge { float: right; }

.card-header.breadcrumbs { background: none !important; }

@media (min-width: 1024px) {
	.staff-add .footer-hints { display: inline-block; margin-left: 260px; }
}

.staff-add #tabsStaff { margin-bottom: 20px; }
.staff-add .staffCard, .staff-add form,
.staff-add .card-body { min-height: 400px; }
.staff-add .card-footer { background: inherit; }
.staff-add label { display: block; }
.staff-add .btn-admin-comms span, .staff-add label .btn span { display: inline-block; position:relative; }
.staff-add .btn-admin-comms { margin-left: 10px; }
.staff-add .panel { background-color: #f7f7f7; padding: 16px; border: 1px solid #d9d9d9; border-radius: 10px; width: 100%; margin-bottom: 32px; }
.staff-add .comms-title .btn, .staff-add .addresses-title .btn, .staff-add .btn-admin-departments { float: right; padding: 2px 4px; }	
.staff-add .comms-title, .staff-add .addresses-title, .staff-document-title, .vehicleinfo-document-title { font-size: 14pt; font-weight: bold; margin-bottom: 10px; }	
.staff-add .alert-reload-messages div { padding: 20px; }
.staff-add .table-departments .btn { padding: 4px 6px; margin-top: 3px; }
.staff-add .table-departments tbody td:nth-child(1) { width: 64% !important; }
.staff-add .table-departments tbody td { padding: 6px;}	
.staff-add #modal-contact-types .update-contact-types table tbody td:nth-child(2) { width: 39%; }
.staff-add #modal-contact-types .update-contact-types table tbody td:nth-child(1) { width: 59%; }
.staff-add #modal-confirmation { z-index: 1099; }

.staff-add #certs-table thead th, .staff-add #competence-table thead th, .staff-add #relatives-table thead th, .staff-add #history-table thead th { border: 0; }

.staff-add #certs-table .btn, .staff-add #competence-table .btn, .staff-add #relatives-table .btn, .staff-add #history-table .btn { display: block; float: right; }	

.vehicleinfo-document-title { border-bottom: 1px solid #e9e9e9; padding-bottom: 14px; }
.staff-add #certs-table tbody td .certs-card, 
.staff-add #competence-table tbody td .competence-card, 
.staff-add #relatives-table tbody td .relatives-card, 
.staff-add #history-table tbody td .history-card { 
	border: 1px solid #e9e9e9; margin-bottom: 20px; padding: 20px; border-radius: 10px;
}	

.staff-add #certs-table tbody td, .staff-add #competence-table tbody td, .staff-add #relatives-table tbody td, .staff-add #history-table tbody td { border-top: 1px solid #aaa; }

.staff-add tr.certs-row .text-muted, .staff-add tr.competence-row .text-muted, .staff-add tr.relative-row .text-muted, .staff-add tr.history-row .text-muted { font-size: 10pt; }

.staff-add tr.history-row .row:last-child,
.staff-add tr.relative-row .row:last-child,
.staff-add tr.competence-row .row:last-child,
.staff-add tr.certs-row .row:last-child { padding-top: 10px; }

.btn-new-certs, .btn-edit-competence-row, .btn-new-competence, .btn-edit-history-row, .btn-edit-relative-row { padding: 2px 6px; }
.btn-edit-certs-row, .btn-new-relative, .btn-new-address-history { padding: 2px 4px; }

.staff-add #certs-table .btn-remove-row, .staff-add #competence-table .btn-remove-row, .staff-add #relatives-table .btn-remove-row,
.staff-add #history-table .btn-remove-row { margin-left: 6px; margin-top: 0; padding: 2px 6px;  }

.btn-filters .badge { left: 0px; top: -4px; display: inline-block; border: 1px solid #BC7E3A; padding: 1px 3px; background-color: #E59945;}

#staff-add-vehicleinfo-rows select,
#staff-edit-vehicleinfo-rows select { width: 85%; display: inline-block; }
#staff-add-vehicle .btn,
#staff-edit-vehicle .btn { margin-left: 6px; cursor: pointer; }

.table-front-board .align-middle { text-align: center; }

.table-front-board th:nth-child(1),
.table-front-board th:nth-child(2),
.table-front-board td:nth-child(1),
.table-front-board td:nth-child(2) { width: 10%; }

.table-front-board th:nth-child(3),
.table-front-board th:nth-child(4),
.table-front-board td:nth-child(3),
.table-front-board td:nth-child(4) { text-align: left; width: 20%; }

.table-front-board th:nth-child(5),
.table-front-board td:nth-child(5) { text-align: left; width: 40%; }

.table-front-board { font-size: 11pt; }

.btn-transparent { background: inherit; border: 0; cursor: pointer; }
.btn-transparent  { background: inherit; border: 0; cursor: pointer; }
.btn-transparent.btn-danger { color: #DC3545; }
.btn-transparent.btn-danger:hover {background: inherit; color: #000; }