/* FONTS */
@import url(https://fonts.googleapis.com/css?family=Jost:300,400,600,700,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic);

body {
	background-color: #DCDCDC;
	font-family: "Jost";
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
    font-family: "Jost";
    font-weight: 400;
    color: #333;
}

h1.project-page-title {
	padding: 15px 0px 0px 25px;
  color: black;
  font-family: "Jost";
	font-size: 20px;
  font-weight: 400;
  background-color: lightgrey;
}

h1.vendor-project-page-title {
	padding-bottom: 15px;
	font-size: 25px;
}

h1.grid-page-title, h1.grid-editor-page-title {
	padding: 8px 0px 10px 25px;
  color: white;
  font-family: "Jost";
	font-size: 30px;
  font-weight: 300;
  background-color: black;
  border-radius: 25px;
  }

h1.grid-page-title span.project-summary-tooltip, h1.grid-editor-page-title span.project-summary-tooltip, h1.project-page-title span.project-summary-tooltip {
	color: #999;
	font-size: 60%;
}

.tooltip-inner {
	max-width: 350px;
	text-align: left;
	padding: 20px 20px 20px 20px;
	background-color: lightyellow;
	color: black;
}

.col-form-label { font-weight: 600; }

.badge-primary {
	background-color: black !important;
}

.badge-status {
	padding: 7px;
}

.bg-invited {
	background-color: grey; /* used for badge in project status porgress */
}

.bg-accepted {
	background-color: #d6f5d6; /* used for badge in project status porgress */
}

.bg-completed {
	background-color: #98e698; /* used for badge in project status porgress */
}

.bg-nav {background-color: lightgrey !important;} /* background color menu bar not logged in */

.nav-link {
  color: black !important;
  font-size:15pt;
  font-weight: 500;
	transition: background-color 1s linear;
   -moz-transition: background-color 1s linear;
   -webkit-transition: background-color 1s linear;
   -ms-transition: background-color 1s linear;
}

a.nav-link:hover {
	background-color: darkgrey  !important;
}

.nav-link-fin {display:block;}
.nav-link-fin.active, .nav-link-fin:focus, .nav-link-fin:hover {text-decoration:none;background-color:lightgrey;}
.nav-link-fin.disabled {color:#6c757d;pointer-events:none;cursor:default;}
.nav-item-fin {margin-bottom:-1px;}
.nav-link-fin:focus, .nav-link-fin:hover {border-color:#e9ecef #e9ecef #dee2e6;}
.nav-link-fin.disabled {color:#6c757d;background-color:transparent;border-color:transparent;}
.nav-pills-fin .nav-link-fin.active, .nav-pills-fin .show>.nav-link-fin {color:#fff;background-color:grey; padding:1px;margin: 0px 3px 0px 2px;}

.navbar-brand {
  color: black !important;
  font-size:15pt;
}

a:link { color: black; }
a:visited { color: black; }
a:hover { color: white; }

a.type2:link { color: black; }
a.type2:visited { color: black; }
a.type2:hover { color: grey; text-decoration: none; font-weight: 500;}

a.mailto-link {	color: black; }
a.mailto-link:visited { color: black; }
a.mailto-link:hover { color: black; text-decoration: underline; }

.btn-link {
	color: black !important;
	font-size: 14pt;
	font-weight: 500 !important;
	text-decoration: none !important;
}

.badge-dark-status, .badge-secondary-status {
	width: 135px;
	padding: 4px;
}

.background-grey {
  background-color: lightgrey;
}

.background-darkgrey {
  background-color: darkgrey;
}

.black-white {
	background-color: black;
	color: white;
}

 .nav-tabs {
	border-bottom: 1px solid black;
	background:lightgrey;
}

.center-text {
	text-align: center !important;
}

.login-header-visual {
  background-position: left top;
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
  text-align: center;
  display: none;
  height: 100%;
}
.login-header-visual img {
  max-width: 50%;
  padding-top: 4rem;
  padding-bottom: 10rem;
}
.navbar {
   margin-bottom: 20px;
}

@media (min-width: 576px) {
    .right-border:not(:last-child) {
        border-right: 1px solid #d7d7d7;
    }
}
@media (min-width: 768px) {
  .login-header-visual {
    display: block;
  }
}
@media (min-width: 992px) {
  .login-header-visual img {
    max-width: 50%;
    padding-top: 8rem;
    padding-bottom: 14rem;
  }
}

.user-warnings > p {
	margin-bottom: 5px;
}
.register-account-types {
	text-align: center;
}
.register-account-types > p {
	padding-top: 30px;
}
.register-account-types > p > a {
	width: 100%;
}

form label { font-weight: bold; }

.form-steps {
	margin-bottom: 0px;
}

.form-steps-main-row {
	 margin: auto 0;
	 padding:25px 0px 25px 0px;
}

.step-card {
	min-height: 450px;
}

.form-steps li a {
  cursor: default;
}
.project-summary-tooltip {
  cursor: help;
}
.form-progress-bar {
	padding-top: 30px;
}
.form-text {
	padding-top: 3px;
}
.reviewsection .form-group:not(.with-padding)  {
	margin-bottom: 0;
}
.reviewsection .card {
	margin-bottom: 20px;
	background-color:lightgrey;
}
a.btn.profile-review-edit-button {
	padding: 4px 6px 5px 6px;
}
.profile-review-edit-button img {
	max-height: 16px;
}

.footer-top-border {
	border-top: 1px solid #f5f5f5;
	margin-top: 50px;
	padding-top: 10px;
	padding-bottom: 20px;
}
.page-item.inactive .page-link {
    color: #014c8c;
    text-decoration: none;
    background-color: #eceeef;
    border-color: #ddd;
}

.button-group .btn {
  margin-left: 10px;
}
.button-group .btn.float-left, .button-group .btn.pull-left {
  margin-left: 0px;
  margin-right: 10px;
}
.custom-file-control:after {
    content: attr(data-content) !important;
}
.option-disabled {
	background-color: #ddd;
}
.max-width {
	width: 100%;
}
.brand-logo {
	max-height: 40px;
	padding-right: 10px;
}
div#termsandconditions ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

div#termsandconditions ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

div#termsandconditions ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}

div#termsandconditions li ol > li {
  margin: 0;
}

div#termsandconditions li ol > li:before {
  content: counters(item, ".") " ";
}
div#termsandconditions .bold {
	font-weight:bold;
}
div.form-control-file {
  white-space: nowrap;
}
iframe.surveypreviewframe {
  width: 100%;
  border: none;
  min-height: 250px;
  padding: 0;
  margin: 0;
}
.iframe-preview {
  padding: 0;
}
textarea.form-control {
  display: inline;
}
.compact-row {

}
.wizard-main-title {
	padding-bottom: 20px;
  padding-top: 0;
}

.wizard-main-title h1 {
  font-size: 32px;
  color: #333;
  padding: 0;
  margin: 0;
}
.wizard-main-title h4 {
  margin: 0;
  padding-bottom: 0;
  padding-top: 10px;
}
.fa-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.connect-block i.fa { padding-right: 10px; }
.connect-right-col-msg { padding-top: 25px; padding-bottom: 25px; }
#contactmap { width: 100%; height: 250px; }
#streetviewmap { width: 100%; height: 250px; }
#frmContact { padding-top: 20px; }
.contact-form-details { padding-top: 25px; padding-bottom: 25px; }
.contact-form-details .col-form-label { font-weight: bold; font-style: italic; }
.project-main-progress-bar { height: 30px; }
.project-sub-progress-bar { height: 20px; }
.progress.project-sub-progress-bar { margin-top: 3px; }
.project-progress-bar-pct { font-size: 12px; min-width: 50px; margin-right: 5px; text-align: right; }
.project-sub-progress-bar-pct { font-size: 12px; min-width: 50px; margin-right: 5px; text-align: right; }
div.project-main-progress-bar > span.badge { padding-top: 8px; padding-left: 8px;}

.bd-spinner-modal-lg .modal-dialog {
    display: table;
    position: relative;
    margin: 0 auto;
    top: calc(50% - 24px);
  }

.bd-spinner-modal-lg .modal-dialog .modal-content {
  background-color: transparent;
  border: none;
}
.grid-table td .form-text.text-muted {
  line-height: 1em;
}
.project-logo-filesize, .project-document-filesize, .project-document-wordcount { font-size: 16px; }
.project-document-filetype, .project-document-language { font-size: 12px; }

ul.no-indent {
  padding-left: 1.2em;
}
.new-project-label-img {
  height: 35px;
}
.project-asset-target-audiences .badge { font-size: 12px; }
table.exec-project-survey-overview td div.logo-preview { margin-right: 20px; }
table.exec-project-survey-review td div.logo-preview { margin-right: 20px; }
#accordionPerItemSurveyReview h5 button, #accordionGlobalSurveyReview h5 button { font-weight: bold; }

table.exec-project-survey-review td.col-review-content { width: 50%; }
table.exec-project-survey-review td.col-survey-result { width: 50%; }

.btn-primary, .nav-tabs .nav-link.active, .nav-link.active, .form-progress-bar .progress-bar, .page-item.active .page-link{
  background-color: hsl(9, 12%, 34%) !important;
  background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a08a87", endColorstr="#614f4c");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#a08a87), to(#614f4c));
  background-image: -moz-linear-gradient(top, #a08a87, #614f4c);
  background-image: -ms-linear-gradient(top, #a08a87, #614f4c);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a08a87), color-stop(100%, #614f4c));
  background-image: -webkit-linear-gradient(top, #a08a87, #614f4c);
  background-image: -o-linear-gradient(top, #a08a87, #614f4c);
  background-image: linear-gradient(#a08a87, #614f4c);
  border-color: #614f4c #614f4c hsl(9, 12%, 28%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.39);
  -webkit-font-smoothing: antialiased;
}

 .bg-primary-overview {
	 color: black !important;
	 background-color: lightgrey;
 }

.btn-secondary {
		color: black;
		background-color: lightgrey !important;
}

.btn-grid-page-title {
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 4px 10px;
	color: white !important;
	background-color: black !important;
	border: 1px solid white;
	border-radius: 5px;
}

.btn-grid-page-title:hover {
	color: black !important;
	background-color: white !important;
}

.form-info-block i.fa {
	float: left;
  padding: 5px 5px 0px 3px;
}
.form-info-block div {
  padding-left: 0px;
  padding-top: 1px;
}

.project-exec-icon-large { font-size: 36px; }
/*
.project-wizard-heading-img { width: auto; height: 50px; margin-bottom: 20px; }
.project-wizard-heading-img { display: none; }
*/

.faq-title { margin-top: 0px; }
.form-register-faq-title { }
.grid-action-buttons { margin: 0; padding: 0; }

@media (min-width: 576px) {
  .profile-edit-container { margin: 0rem 1rem; }
}

.profile-image-large, .company-logo-large {
  max-width: 200px;
  max-height: 200px;
}

.client-company-logo-large {
  width: 80%;
  max-height: 200px;
  object-position: 0px 0px;
  object-fit: contain;
}

.profile-image-header {
  width: 40px;
  height: 40px;
  margin: 0 10px 0 0;
  padding: 0;
}
.profile-edit .profile-summary > .profile-image-large { max-width: 100%; max-height: 100%; padding: 20px;}
.profile-edit {  background-color: #f8f9fa; }
.profile-edit #v-pills-tabContent { padding: 20px 5px 20px 0; }
.profile-edit .profile-summary { padding-top: 20px; padding-bottom: 10px; }
.profile-edit .profile-summary h4.fullname { margin-bottom: 10px;}
.profile-edit .profile-summary h5.username { font-size: 12pt;}
.profile-edit .profile-summary button.signoff-button { margin-top: 10px; }
.profile-edit .profile-summary h4.profile-menu-title { text-align: left; text-transform: uppercase; font-size: 14pt; margin-top: 20px;  }
.profile-edit #v-pills-tab { margin-top: 10px; margin-bottom: 10px;}
.profile-edit #v-pills-tab a i.fa { width: 20px; text-align: center !important; margin-right: 10px;}
.profile-edit .card-body h4 { font-size: 16pt; margin-top: 10px; margin-bottom: 20px; }

.alert-warning small.form-text.text-muted { color: #856404 !important; }
.alert .form-group.row:last-child { margin-bottom: 10px; }
#projectSurveysglobal .btn-sm { margin-left: 10px; }
#projectSurveysglobal .btn-sm:first-child { margin-left: 0px; }
#projectSurveysperitem .btn-sm { margin-left: 10px; }
#projectSurveysperitem .btn-sm:first-child { margin-left: 0px; }
.project-asset-nbr, .project-logo-nbr, .project-language-nbr, .project-review-content-nbr, .project-survey-nbr, .project-document-nbr { padding-left: 20px; }
.project-asset-filesize { font-size: 14px; }
.context-general-guidelines, .context-recording-guidelines { padding-top: 14px; }
.survey-context > .well { padding: 0px 25px 25px 0px; }
.exec-project-context-language { padding-top: 10px; }
div.circle-avatar, div.square-avatar, div.rounded-square-avatar {
  /* make it responsive */
  max-width: 100%;
  width:100%;
  height:auto;
  display:block;
  /* div height to be the same as width*/
  padding-top:100%;

  /* Centering on image`s center*/
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;

  /* it makes the clue thing, takes smaller dimension to fill div */
  background-size: cover;
}
div.circle-avatar {
  /* make it a circle */
  border-radius:50%;
}
div.rounded-square-avatar {
  /* make it a rounded square */
  border-radius:3%;
}

textarea.project-review-content {
  height: 50px;
}

.payment-logo-icon-large {
  width: 75px;
  top: 0;
  right: 20px;
  position: absolute;
  z-index: 1000;
}
.payment-logo-icon-small, .payment-logo-icon-table {
  max-width: 100px;
  max-height: 40px;
  position: absolute;
  z-index: 1000;
}
.payment-logo-type-1 {  /* paypal */
  -webkit-clip-path: inset(28% 0 28% 0);
  clip-path: inset(28% 0 28% 0);
  transform: translateY(-28%);
}
.payment-logo-type-2 {  /* iban */

}
.payment-logo-type-3 { /* int */
  -webkit-clip-path: inset(26% 0 26% 0);
  clip-path: inset(26% 0 26% 0);
  transform: translateY(-26%);
}
.payment-logo-type-4 { /* skrill */
  -webkit-clip-path: inset(20% 0 20% 0);
  clip-path: inset(20% 0 20% 0);
  transform: translateY(-20%);
}
.modal-continue-wizard { padding-right: 50px; }
.is-numeric {
  text-align: right;
}

.payment-logo-icon-table.payment-logo-type-1 {
  margin-top: 14px;
}
.payment-logo-icon-table.payment-logo-type-2 {
  margin-top: 4px;
}
.payment-logo-icon-table.payment-logo-type-3 {
  margin-top: 13px;
}
.payment-logo-icon-table.payment-logo-type-4 {
  margin-top: 10px;
}
.cursor-info { cursor: help; }

.no-records-found { font-style: italic; }
.grid-action-buttons a { margin-right: 2px; width: 31px; }
.job_title-value { font-style: italic; }
div.popover { max-width: 380px; min-width: 380px; width: 380px;}
.card-header-project-logo { width: 100px; height: 80px; object-fit: contain; object-position: 0px 0px; }
.card-header-flag-logo { width: 45px; max-height: 24px; object-fit: contain; object-position: 0px 0px; }

nav.project-path { margin-top: 0px; }
nav.project-path .user-details-icon { padding-left: 10px; }

.wysiwygeditor {
  height: 200px;
  margin-bottom: 40px;
}
.ql-editor {
  background-color: #fff;
  font-size: 1rem;
}
.form-progress-bar .progress, .progress.project-sub-progress-bar, .progress.project-main-progress-bar { width: 100%; }
.progress-bar.project-main-progress-bar, .progress-bar.project-sub-progress-bar { margin-left: 0; margin-right: 0; }

.loading-mesg { font-weight: bold; }
.exec-project-context-language label { font-weight: bold; }
blockquote.blockquote { background-color: #fff; border: 1px solid #eee; padding: 1rem 1rem 0rem 1rem; }

/* ADDED sK */
.hovicon {
    display: inline-block;
    font-size: 45px;
    line-height: 90px;
    cursor: pointer;
    margin: 20px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #fff;
}
.hovicon.small {
    font-size: 20px;
    line-height:40px;
    width:40px;
    height:40px;
    margin:5px;
}
.hovicon.mini {
    font-size: 15px;
    line-height:32px;
    width:30px;
    height:30px;
    margin:0px;
}
.hovicon.auto-width {
    width: auto;
    height: auto;
    padding: 15px;
}
.hovicon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content:'';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hovicon:before {
    speak: none;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

/* Effect 1 */
 .hovicon.effect-1 {
    background: rgba(255, 255, 255, 0.1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}
.hovicon.effect-1:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px lightgrey;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}
/* Effect 1a */
 .hovicon.effect-1.sub-a:hover {
    background: rgba(211, 211, 211, 1);
    color: #41ab6b;
}
.hovicon.effect-1.sub-a:hover i {
    color: black;
}
.hovicon.effect-1.sub-a:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.fa-margin-top-4 {
	margin-top: 4px;
	float: right;
}

.float-right {
	float: right;
}
.heading { font-weight: bold; }

.target-audience-badges .badge + .badge { margin-left: 3px; }
.card-title .badge.float-right + .badge.float-right { margin-right: 3px; }
.btn-danger { color: #fff !important; }
.popover a { text-decoration: underline; }
.popover a:hover { text-decoration: none; color: #000; }
tr.table-striped {
    background-color: rgba(0,0,0,.05);
}
tr.grid-container, td.container-content { margin: 0; padding: 0; border-top: none; }
tr.grid-container td.container-content table { margin: 0; padding: 0; }
tr.grid-container td.container-content table th, tr.grid-container td.container-content table td { border-top: none; }
tr.grid-container td.container-content table tr td:first-child { background-color: darkgrey; }
div#faq .card-header .btn.btn-link i.fa { margin-right: 20px; }
.recording-led { width: 36px; height: 36px; float: right; margin-top: 14px; }
.recording-off { content:url(../img/led_off.png); }
.recording-on { content:url(../img/led_on.png); }
.dropdown.has-megamenu .container-fluid {
  width: 550px;
}

/* EBC logo specific, ranking in 2 columns */
.ebclogo .sjs-sortablejs-root {
  width: 100%;
}
.ebclogo .sjs-sortablejs-root > div {
  vertical-align: top;
  display: inline-block;
  width: 48% !important;
}
.ebclogo .sjs-sortablejs-root > div:last-child {
  margin-left: 2%;
}
.table-project-report .badge { min-width: 50px; }
.table-project-report .badge.badge-primary { background-color: transparent !important; color: #333 !important; border: 1px solid #999; margin-top: 2px;}
.show-report-details { font-size: 24px; line-height: 24px; padding-right: 10px; }

.project-report-heading-country { width: 25%; }
.project-report-heading-review-content { width: 25%; }
tr.cursor-hand, tr.cursor-hand * { cursor: pointer; }
#report-tab-content h5 { margin-bottom: 18px; }
.table-project-report .odd-row {
  background-color: #f9f9f9;
}
.table-project-report .even-row {
}

#readonlyreportfiltersettings span.badge { margin-left: 5px; padding-left: 7px; padding-right: 7px; }

audio {
    margin-bottom: 6px;
    border-radius: 10px;
    box-shadow: 10px 10px 5px #888;
}

.breadcrumb {
	color: inherit !important;
	background-color: inherit;
	padding: 0px;
}

.breadcrumb-item.active {
	color: inherit !important;
}

.breadcrumb-item+.breadcrumb-item::before { color: inherit;}

.project-report-explanations .explanations-heading {
  padding-top: 20px;
  font-weight: bold;
}
.project-report-chart { width: 15%; }
.project-report-chart-container { width: 100%; height: 150px; display: block;}
.chart-color-ref { width: 16px; height: 16px; }

@media print {
  .hide-in-print { display: none; }
}

.no-padding {
	padding: 0px;
}

.margin-top-5 {
	margin-top: 5px;
}

.pb-1 {padding-bootom: 1px;}
.pb-2 {padding-bootom: 2px;}
.pb-5 {padding-bootom: 5px;}

.ml-10 {margin-left: 10px;}
.mr-3 {margin-right: 3px;}
.mr-4 {margin-right: 4px;}
.mr-5 {margin-right: 5px;}
.mt-15 {margin-top: 15px;}
.mt-75 {margin-top: 75px;} /*only used for target language box in registration */

.mb-1 {margin-bottom: 1px;}
.mb-2 {margin-bottom: 2px;}

.lh-50 {line-height: 50px;}
.smallfont {font-size:14px; padding:5px;}

.max-height {height: 100%;}
.fa-orange {color: darkorange;}
.fa-lightyellow {color: lightyellow;}

/*.custom-radio {fill: darkorange !important;}  what is this...? */

/* Questions in report */
.table-primary>th {background-color:black !important;color:white;}
.table-primary-per-item>th {background-color:white !important;color:black;}

/* Sub-header report */
.table-report-details {background-color:darkgrey !important;}

/* Level 1 items in report */
.table-info>th {background-color:white !important;}
.table-info-per-item>th {background-color:black !important;color: white;}

.project-report-details {background-color: #F5F5F5;}

td.table-present {border-left: 3px solid black; border-right: 3px solid black; background-color: lightyellow}
//table tr:last-child td:last-child {background-color: yellow;}

div.quotation-total-incl-vat-wrapper, div.total-vendor-costs-wrapper, div.total-margin-wrapper, div.sub-total-words, div.sub-total-vendors, div.sub-total-costs-client, div.sub-total-work-client, div.total-costs-client { font-weight: bold; border-top: 1px solid #999; margin-top: 5px; padding-top: 5px; }
a.btn-expand {
  padding: 3px 6px 3px 6px;
  color: #333;
}
a.btn-expand:hover {
  background-color: darkgrey  !important;
  color: #333;
}

.project-margin {background-color: lightgrey;margin-top:25px;}
.project-margin-circle {height: 42px; line-height: 42px;border-radius: 50%;}

/*.sub-total-work-client { font-weight: bold; border-top: 1px solid #999; margin-top: 15px; padding-top: 5px; }*/

/* Change blue highlights in controls and other areas */

/* colour when slecting text on screen */
::-moz-selection { /* Code for Firefox */
  color: white;
  background: darkgrey;
}

::selection {
  color: white;
  background: darkgrey;
}

/* check box, radio button etc. */

/* This is the checked state */
.custom-radio .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-color: darkgrey;  /* darkgrey */
    border-radius: 50%;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  background-color: darkgrey;
	border-radius: 50%;
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25); /* black	, 25% opacity */
}

/* active state i.e. displayed while the mouse is being pressed down */
.custom-radio .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: darkgrey;
}

.custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: darkgrey;
}

/* the shadow; displayed while the element is in focus */
.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25); /* black	, 25% opacity */
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25); /* black	, 25% opacity */
}

.dropdown-item.active, .dropdown-item:active{
	color:white;
	text-decoration:none;
	background-color:darkgrey;
}

/* further styling dropdone items -perhaps later...
.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}
.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}
.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}
.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}
*/

.thead-fin {border-bottom: 1px solid black; font-weight: light;}

/* remove blue border glow input fields */
.form-control:focus {
  border-color: darkgrey;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6);
}

/* remove blue button focus  - border on click still blue..... 	*/

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
}

.btn:hover, .btn:active {
border-color: white;
box-shadow: none!important
}

.preview-documents a:hover, .preview-surveys a:hover { color: black; text-decoration: underline; }
.preview-documents i.fa, .preview-surveys i.fa { margin-right: 10px; }
#modalProjectSurveyPreview .modal-dialog {
    overflow-y: initial !important
}
#modalProjectSurveyPreview .modal-body{
    height: 720px;
    overflow-y: auto;
}

/* offset for sticky-top button block */
.sticky-offset{
  top: 75px;
}
.form-text > p  {
  margin-bottom: 7px !important;
}