.btn-radio:not(.active) {
	opacity: 0.3;
}

.externalLink:after {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f35d";
  	padding: 5px;
}

[data-letters]:before {
	content:attr(data-letters);
	display:inline-block;
	font-size:1em;
	width:2.5em;
	height:2.5em;
	line-height:2.5em;
	text-align:center;
	border-radius:50%;
	background: #5a68d0;
	vertical-align:middle;
	color:white;
}

.profile:before {
	content:attr(data-letters);
	display:inline-block;
	font-size:1em;
	width:2.5em;
	height:2.5em;
	line-height:2.5em;
	text-align:center;
	border-radius:50%;
	background: #007bff;
	vertical-align:middle;
	color:white;
}

.profile-dropdown:before {
	font-size:2em;
}

.note-editor{
	width: 100% !important;
}

.alert-custom{
	background-color: #800080;
	border-color: #800080;
	color: #fff;
}

.chat-left {
  background-color: #0a7ce2 !important;
    border-color: #0a7ce2 !important;
    color: #fff !important;
}
.chat-left::after, .chat-left::before {
    border-right-color: #0a7ce2 !important;
}

.chat-empty {
	background-color: transparent !important;
	  border-color: transparent !important;

  }
  .chat-empty::after, .chat-empty::before {
	  border-right-color: red !important;
	  display: none;
  }

/*
.chat-left {
    background-color: #58575c !important;
    border-color: #58575c !important;
    color: #fff !important;
}
.chat-left::after, .chat-left::before {
    border-right-color: #58575c !important;
}
*/
.toggle { height: auto !important;}

.modal-header { background-color: #fafafa;}

.dropdown-menu { padding: .0rem 0 !important;}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #002d5c !important;
}

.dropdown-item.hover, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #007bff !important;
}

.breadcrumb-item+.breadcrumb-item::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 1000;
    padding-right: .5rem;
    color: #6c757d;
    content: "\f105";
}

.disabledLink {
	pointer-events: none;
  	cursor: default;
}

.sk-cube-grid {
	width: 80px;
	height: 80px;
	margin: 100px auto;

}

.sk-cube-grid .sk-cube {
	width: 33%;
	height: 33%;
	background-color: #2c189e;
	float: left;
	-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
	animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube3 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.sk-cube-grid .sk-cube4 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube5 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.sk-cube-grid .sk-cube6 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.sk-cube-grid .sk-cube7 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.sk-cube-grid .sk-cube8 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.sk-cube-grid .sk-cube9 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
	0%, 70%, 100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
	} 35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1);
	}
}

@keyframes sk-cubeGridScaleDelay {
	0%, 70%, 100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
	} 35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1);
	}
}


.steps {
	list-style-type: none;
	padding: 0;
  }
  .steps li {
	display: inline-block;
	margin-bottom: 1px;
  }
  .steps li a, .steps li p {
	background: #e5f4fd;
	padding: 8px 2px;
	color: #0077bf;
	display: block;
	font-size: 15px;
	position: relative;
	text-indent: 12px;
  }
  .steps li a:hover, .steps li p:hover {
	text-decoration: none;
  }
  .steps li a:before, .steps li p:before {
	border-bottom: 18px solid transparent;
	border-left: 12px solid #fff;
	border-top: 18px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	margin-top: -18px;
  }
  .steps li a:after, .steps li p:after {
	border-bottom: 18px solid transparent;
	border-left: 12px solid #e5f4fd;
	border-top: 18px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	/*right: -12px;*/
	left:100%;
	top: 50%;
	width: 0;
	margin-top: -18px;
	z-index: 1;
  }
  .steps li.active a, .steps li.active p {
	background: #0077bf;
	color: #fff;
  }
  .steps li.active a:after, .steps li.active p:after {
	border-left: 12px solid #0077bf;
  }
  .steps li.undone a, .steps li.undone p {
	background: #eee;
	color: #333;
  }
  .steps li.undone a:after, .steps li.undone p:after {
	border-left: 12px solid #eee;
  }
  .steps li.undone p {
	color: #aaa;
  }

  .required label:after {
    color: #e32;
    content: ' *';
    display:inline;
}

.modal-lg {
	max-width: 70% !important;
}

.customTooltip * {
	color: #4a4a4a;
	font-size: 17px;
}

.introjsLink {
	color: #007bff;
}

.fa, .far, .fas {
    font-family: "Font Awesome 6 Free";
}

.customTooltip .introjs-tooltip-title {
color: #0a41c9;
}

/*


.dt-button-collection .dt-button.buttons-columnVisibility {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0.25em 1em !important;
    margin: 0 !important;
    text-align: left !important;
	color: red;
}
.dt-button-collection .buttons-columnVisibility:before,
.dt-button-collection .buttons-columnVisibility.active span:before {
    display:block;
    position:absolute;
    top:1.2em;
    left:0;
    width:12px;
    height:12px;
    box-sizing:border-box;
}
.dt-button-collection .buttons-columnVisibility:before {
    content:' ';
    margin-top:-8px;
    margin-left:10px;
    border:1px solid black;
    border-radius:3px;
}
.dt-button-collection .buttons-columnVisibility.active span:before {
    font-family: 'Arial' !important;
    content:'\2714';
    margin-top: -15px;
    margin-left: 12px;
    text-align: center;
    text-shadow: 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}
.dt-button-collection .buttons-columnVisibility span {
    margin-left:17px;
}
*/

.form-check-label {
	margin-right: 15px;
}

.custom-control {
	position: relative;
	z-index: 1;
	display: inline;
	min-height: 1.5rem;
	padding-left: 0;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
}

.add-one{
	color:green;
	text-align:center;
	font-weigth: bolder;
	cursor:pointer;
	margin-top:10px;
}

.delete{
	color:white;
	background-color:rgb(231, 76, 60);
	text-align:center;
	font-weight:700;
	border-radius:5px;
	min-width:20px;
	cursor:pointer;
}

#singlebutton{
	width:100%;
	margin-top:20px;
}

.title{
	text-align:center;
	font-size:40px;
	margin-bottom:40px;
}

.dynamic-element{
	margin-bottom:0px;
}



.autocomplete-items {
	position: absolute;
	border: 1px solid #d4d4d4;
	border-bottom: none;
	border-top: none;
	z-index: 99;
	/*position the autocomplete items to be the same width as the container:*/
	top: 100%;
	left: 0;
	right: 0;
}
.autocomplete-items div {
	padding: 10px;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
	/*when hovering an item:*/
	background-color: #e9e9e9;
}
.autocomplete-active {
	/*when navigating through the items using the arrow keys:*/
	background-color: DodgerBlue !important;
	color: #ffffff;
}

.small-padding td {
	padding: 0.1rem !important;
	padding-left: 1.5rem !important;
}

.question-title {
	font-size: 16px;
    font-weight: 600;
    margin-top: -1px;
	display: block;
    margin-left: 5px;
	color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

.description {
	margin-left: 5px !important;
}

/* Height fix for select2
.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
}
*/

.select2-results__option1 {
	padding-left: 0 !important;
}

.brand-link {
    height: 150px !important;
}

.brand-image {
    max-height: 130px !important;
}

.user-lodge-logo {
    max-width: 90% !important;
}

.custom-message-dropdown {
    left: inherit !important;
    right: 0px !important;
}

.custom-profile-dropdown {
    padding: 0 1rem !important;
}

.custom-profile-text {
    color: #000 !important;
}

.add-new-button {
    padding: 8px 10px;
}

.datatable-search-div {
    margin-right: -8px;
}

.datatable-export-excel-image {
    position: absolute;
    top: 10px;
    left: 0;
    width: 200px;
}

.image_full{
    display:block;
}

.image_mobile{
    display:none;
}

@media (max-width: 640px) and (min-width: 320px){
    .image_full{
        display:none;
    }

    .image_mobile{
        display:block;
    }
}

.image-show-box {
    background-color: dimgray !important;
}

.left-12 {
    border-left: 12px !important;
}

.with-80 {
    width: 80% !important;
}

.with-40 {
    width: 40% !important;
}

.with-10 {
    width: 10% !important;
}

.with-auto {
    width: auto !important;
}

.input-file-msg {
    color: #6e6e6e;
    font-size: 12px;
}

.display-inline{
    display: inline
}

.font-size-x-large{
    font-size: x-large
}

.color-darkgrey{
    color: #a9a9a9;
}

.box-bgcolor-purple{
    background-color: #7f4ce8 !important;
}

.display-inline-block{
display: inline-block;
}

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

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

#companies_length {
margin-top: 30px !important;
}

#companies_filter {
margin-top: -40px !important;
}

table.dataTable {
border-collapse: collapse !important;
}

tr.level-1 .tt-details-control .expander::after {
margin-left: 20px;
}

@media screen and (max-width: 767px) {
#companies_filter {
    margin-top: 0px !important;
}
}

.border-0-solid {
border-top: 0px solid !important;
}

.history-chat-background {
background-color: #f7f7f7;
}

.history-chat-header-background {
background-color:#e7eeff
}

.history-card-left {
margin-left: -15px;
margin-top: -5px;
}

.history-card-right {
margin-right: -15px;
margin-top: -5px;
}

.float-left {
float: left;
}

.float-right {
float: right;
}

.float-none {
float:none !important
}

.height-100 {
height:100%;
}

.history-title-box-font {
font-size: .875rem
}

.padding-top-0 {
padding-top: 0rem;
}

.history-file-ico {
color: #697582;
font-size: 0.875rem;
}

.display-none {
display:none
}

.width-100 {
width: 100%
}

.new-button-dropdown {
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
}

.new-button-dropdown-options {
position: absolute;
transform: translate3d(0px, 38px, 0px); top: 0px;
left: 0px;
will-change: transform;
}

.change-lodge-text {
pointer-events:none;
cursor:default;
}

.required-ico{
color: red;
font-size: .80em;
}

.disabled-link {
cursor: not-allowed;
opacity: 0.5;
}
.disabled-link > a {
color: currentColor;
display: inline-block;  /* For IE11/ MS Edge bug */
    pointer-events: none;
    text-decoration: none;
}

.opacity-20 {
    opacity: 20%;
}

.btn:not(.disabled).active{
    opacity: 100%;
}

.color-blue{
    color: #0a41c9;
}

.color-green{
    color: #008000FF;
}

.color-red {
    color: red;
}

.was-validated .form-control:valid ~ .invalid-feedback,
.was-validated .form-control:valid ~ .invalid-tooltip,
.form-control.is-valid ~ .invalid-feedback,
.form-control.is-valid ~ .invalid-tooltip,
.was-validated .custom-select:valid ~ .invalid-feedback,
.was-validated .custom-select:valid ~ .invalid-tooltip,
.custom-select.is-valid ~ .invalid-feedback,
.custom-select.is-valid ~ .invalid-tooltip {
    display: none;
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip,
.form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
    display: block;
}

.lodgeBoard-user-img {
    margin: 0 auto;
    padding: 3px;
    width: 90px;
}

input[type="file"]::file-selector-button {
    width: 136px;
    color: transparent;
}

input[type="file"] {
    position: relative;
}

/* Faked label styles and icon */
input[type="file"]::before {
    position: absolute;
    pointer-events: none;
    top: 10px;
    left: 16px;
    height: 20px;
    width: 20px;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E");
}

input[type="file"]::after {
    position: absolute;
    pointer-events: none;
    top: 8px;
    left: 40px;
    color: #0964b0;
    content: "Select a File";
}

/* ------- From Step 1 ------- */

/* file upload button */
input[type="file"]::file-selector-button {
    border-radius: 4px;
    padding: 0 16px;
    height: 40px;
    cursor: pointer;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.16);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
    margin-right: 16px;
    transition: background-color 200ms;
}

/* file upload button hover state */
input[type="file"]::file-selector-button:hover {
    background-color: #f3f4f6;
}

/* file upload button active state */
input[type="file"]::file-selector-button:active {
    background-color: #e5e7eb;
}


.cookie-consent {
    position:fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index:9999;
    border-radius:0px;
    height: fit-content;
}