:root { --primary: #08a0e9; --light-primary: #E1F0FF }
::selection{ background-color: var(--primary)!important; color: white! important; }

.btn.btn-primary, .bg-primary, 
.btn.btn-active-primary:hover:not(.btn-active), 
.btn.btn-light-primary:hover:not(.btn-active),
.progress-bar, 
.badge-primary { 
	background-color: var(--primary)!important; 
	color: white!important; 
	border-color: var(--primary)!important;
}

.border-primary{
	border-color: var(--primary)!important;
}

.text-primary, 
.text-active-primary:hover, 
.btn.btn-light-primary,
.badge-light-primary{
	color: var(--primary)!important;
}


.badge-light-primary, 
.bg-light-primary,
.btn.btn-active-light-primary:hover:not(.btn-active){
	background: var(--light-primary)!important;
}

.input-image input, .company-name { padding-left: 50px }
.input-image img { position: absolute; width: 30px; top: 0; bottom: 0; margin: auto 0; left: 10px; }
.profile-picture-div a div { display:none; }
.profile-picture-div a:hover div { display: block; transition: all 0.5s ease; }
.company-list-body, .person-list-body{ max-height: 365px; overflow: auto; padding-right: 5px; background: white }
.company-list-body::-webkit-scrollbar, .person-list-body::-webkit-scrollbar { width: 5px; }
.company-list-body::-webkit-scrollbar-track, .person-list-body::-webkit-scrollbar-track { border-radius: 10px; }
.company-list-body::-webkit-scrollbar-thumb, .person-list-body::-webkit-scrollbar-thumb { background: #dce0e8; border-radius: 10px; }
.company-list-body::-webkit-scrollbar-thumb:hover, .person-list-body::-webkit-scrollbar-thumb:hover { background: #7E8299; }

.overlay-background:before{ width: 100%; height: 100%; min-height: 100%; content: ''; background: white; opacity: .7; position: fixed; z-index: 1; display: block; top: 0; transition: all 0.5s ease}

.form-control:disabled, .form-control[readonly] { opacity: .2; }
.form-control:disabled:hover { cursor: not-allowed; }
.item-hidden{ opacity: .2 }
.item-hidden img { filter: grayscale(1); }

.tagify.form-control { gap: 0 !important; }
.tagify.form-control-lg .tagify__tag { margin: 2px!important; }

#kt_docs_quill_basic p { margin-bottom: 1em }

.semi-donut {
    --percentage: 0;
    --fill: #08a0e9;
    width: 250px;
    height: 125px;
    position: relative;
    overflow: hidden;
    color: var(--fill);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    box-sizing: border-box;
}
.semi-donut:after {
    content: "";
    width: 250px;
    height: 250px;
    border: 40px solid;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) var(--fill) var(--fill);
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: 0;
    box-sizing: border-box;
    transform: rotate(calc( 1deg * ( -45 + var(--percentage) * 1.8 ) ));
    -webkit-animation: fillAnimation 1s ease-in; animation: fillAnimation 1s ease-in;
}

@-webkit-keyframes fillAnimation {
  0% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(135deg);
  }
}

@keyframes fillAnimation {
  0% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(135deg);
  }
}