.opt-fixed {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	align-items: end;
	z-index: 110;
	padding-right: 12px;
}

.opt-fixed .opt-fixed-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-shadow: var(--kt-engage-btn-box-shadow);
	border-width: 1px;
	border-style: solid;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 8px;
	border-radius: 6px;
	width: 66px;
	height: 70px;
	color: var(--kt-engage-btn-color);
	border-color: var(--kt-engage-btn-border-color);
	background-color: var(--kt-engage-btn-bg);
}

.hand-pointer {
	cursor: pointer;
}

.always-front {
	z-index: 109;
	position: relative;
	cursor: pointer;
}

.drawer-overlay {
    z-index: 108 !important;
}

.app-sidebar {
    z-index: 110 !important;
}

.transform-180 {
    transform: rotateZ(180deg);
    /*transition: transform .3s ease;*/
}


[data-theme=dark] .form-control.form-control-solid {
	/*border-bottom-style: dotted;
    border-bottom-color: #6c6e6c;*/
	background-color: #121612;
}

.card-border-left.open {
	border-left: 1rem solid var(--kt-success);
}

.card-border-left.close {
	border-left: 1rem solid var(--kt-primary);
}

.card.card-flush .card-footer {
    border-top: 0 !important
}

.symbol.symbol-line-25px {
    width: 20px;
    height: 50px
}

.ql-container {
	height: 300px;
}

.develop {
	background-color: rgb(169, 226, 169) !important;
}

textarea.comments {
	height:80px;
}

ul.survey-question {
	padding-left: 0 !important; 
    list-style: none;
}

.survey-question-container {
    margin-bottom: 10px;
    position: relative
}

.survey-question-container input[type="checkbox"] {
    display: none
}

.survey-question-container input[type="radio"] {
    display: none
}

.survey-question-container label {
    cursor: pointer
}


.survey-question-container .radio,
.survey-question-container .checkbox {
    display: inline-block;
    width: 25px;
    height: 25px;
    padding: 5px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 9;
    left: 8px;
    top: 7px
}

.survey-question-container .radio:after,
.survey-question-container .checkbox:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 3px;
    background: var(--kt-stepper-icon-bg-color-current);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    transform: translate(4px, 11px) rotate(-45deg);
    transform-origin: left;
    transition: all 150ms;
    transition-delay: 0ms
}

.survey-question-container .radio:before,
.survey-question-container .checkbox:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 3px;
    background: var(--kt-stepper-icon-bg-color-current);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    transform: translate(1px, 6px) rotate(45deg);
    transform-origin: left;
    transition: all 150ms;
    transition-delay: 150ms
}

.survey-question-container .checkbox {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.survey-question-container .wrapper {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    position: relative;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    padding: 10px 10px 10px 44px;
    font-weight: 500;
    cursor: pointer
}

.survey-question-container input[type="checkbox"]:checked~.checkbox:before,
.survey-question-container input[type="checkbox"]:checked~.radio:before,
.survey-question-container input[type="radio"]:checked~.checkbox:before,
.survey-question-container input[type="radio"]:checked~.radio:before {
    width: 7px;
    transition-delay: 0ms
}

.survey-question-container input[type="checkbox"]:checked~.checkbox:after,
.survey-question-container input[type="checkbox"]:checked~.radio:after,
.survey-question-container input[type="radio"]:checked~.checkbox:after,
.survey-question-container input[type="radio"]:checked~.radio:after {
    width: 13px;
    transition-delay: 150ms
}

.survey-question-container input[type="checkbox"]:checked~.wrapper,
.survey-question-container input[type="radio"]:checked~.wrapper {
    transition: all 450ms;
    background-color: var(--kt-stepper-icon-bg-color-current);
    color: #fff
}

.review_block_smiles ul,
.review_block_numbers ul {
    padding: 0;
    margin: 0 -3px;
    list-style-type: none;
    display: flex;
    justify-content: center
}

.review_block_smiles ul li,
.review_block_numbers ul li {
    display: list-item;
    margin: 0 3px;
    width: 100%
}

.container_smile {
    margin-bottom: 5px;
    position: relative
}

.container_smile input[type="radio"] {
    display: none
}

.container_smile label {
    cursor: pointer
}

.container_smile .radio {
    position: relative;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 15px;
    display: block;
    text-align: center
}

@media (max-width: 575px) {
    .container_smile .radio {
        padding: 10px
    }
}

.container_smile .radio:after {
    font-family: 'smiles';
    font-size: 42px;
    font-size: 2.625rem
}

@media (max-width: 1199px) {
    .container_smile .radio:after {
        font-size: 36px;
        font-size: 2.25rem
    }
}

@media (max-width: 575px) {
    .container_smile .radio:after {
        font-size: 30px;
        font-size: 1.875rem
    }
}

.container_smile .radio span {
    display: none
}

.container_smile .radio.smile_1:after {
    content: '\0041'
}

.container_smile .radio.smile_2:after {
    content: '\0042'
}

.container_smile .radio.smile_3:after {
    content: '\0043'
}

.container_smile .radio.smile_4:after {
    content: '\0044'
}

.container_smile .radio.smile_5:after {
    content: '\0045'
}

.container_smile .radio {
    transition: all 450ms
}

.container_smile .radio.smile_1:hover {
    background-color: #ff0033;
    color: #fff
}

.container_smile .radio.smile_2:hover {
    background-color: #ff5f7f;
    color: #fff
}

.container_smile .radio.smile_3:hover {
    background-color: #94b49b;
    color: #fff
}

.container_smile .radio.smile_4:hover {
    background-color: #68cd7f;
    color: #fff
}

.container_smile .radio.smile_5:hover {
    background-color: #4ccd6a;
    color: #fff
}

.container_smile input[type="radio"]:checked~.radio {
    transition: all 450ms;
    color: #fff
}

.container_smile input[type="radio"]:checked~.radio:after {
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease;
    display: block;
    transform: rotateY(360deg)
}

.container_smile input[type="radio"]:checked~.radio.smile_1 {
    background-color: #ff0033
}

.container_smile input[type="radio"]:checked~.radio.smile_2 {
    background-color: #ff5f7f
}

.container_smile input[type="radio"]:checked~.radio.smile_3 {
    background-color: #94b49b
}

.container_smile input[type="radio"]:checked~.radio.smile_4 {
    background-color: #68cd7f
}

.container_smile input[type="radio"]:checked~.radio.smile_5 {
    background-color: #4ccd6a
}





/* .stage {
	background-color: rgb(228, 159, 159) !important;
} */


/* .pillavailable {
	display: none;
} */

@media (min-width:992px) {

    .modal-xxl {
        --bs-modal-width: 1000px
    }
}

@media (min-width:1200px) {
    .modal-xxl {
        --bs-modal-width: 1400px
    }
}

@media print {
	.print_block {
	page-break-inside: avoid;
	}
}

.hardskill {
	color: var(--kt-text-danger);
}

.softskill {
	color: var(--kt-text-success);
}

.softskill {
	color: var(--kt-text-success);
}

.bg-always-dark {
    background-color: #131313 !important
}

.btn.btn-icon.btn-xs {
    height: calc(1.0em + 0.6rem + 2px);
    width: calc(1.0em + 0.6rem + 2px)
}

.nav-pills .nav-icon {
    margin-right: .0rem !important
}

.quill_big {
	height: 450px;
}

.table.table-row-top td {
    vertical-align: top;
}

.app-action-toggle {
    position: fixed;
    z-index: 105;
    bottom: 100px;
    right: 10px
}

.fc .fc-timegrid-event .fc-event-main-short {
	padding: 0rem 0rem !important
}

.shepherd-button {
	background: #ffffff;
	border-top: solid 4px #16202D;
	border-radius: 0;
	color: #16202D;
	display: flex;
	flex-grow: 1;
	font-family: "Red Hat Text", sans-serif;
	font-size: 1.2rem;
	justify-content: center;
	margin: 0;
	padding: 1rem;
	text-align: center;
	text-transform: uppercase;
}

.shepherd-button:hover {
	background: #16202D;
	color: #ffffff;
}

.shepherd-button.shepherd-button-secondary {
	background: #CAD5D5;
}
	
.shepherd-button.shepherd-button-secondary:hover {
	color: #CAD5D5;
	background: #16202D;
}
	
.shepherd-cancel-icon {
	font-family: "Red Hat Text", sans-serif;
}

.shepherd-element {
	border: solid 4px var(--kt-gray-900);;
}

.shepherd-element,
.shepherd-header,
.shepherd-footer {
	border-radius: 0;
}

.shepherd-element .shepherd-arrow {
	border-width: 0;
	height: auto;
	width: auto;
}

.shepherd-arrow::before {
	display: none;
}

.shepherd-element .shepherd-arrow:after {
	content: url('/assets/media/svg/misc/arrow.svg');
	display: inline-block;
}

.shepherd-element[data-popper-placement^='top'] .shepherd-arrow,
.shepherd-element.shepherd-pinned-top .shepherd-arrow {
	bottom: -35px;
}

.shepherd-element[data-popper-placement^='top'] .shepherd-arrow:after,
.shepherd-element.shepherd-pinned-top .shepherd-arrow:after {
	transform: rotate(270deg);
}

.shepherd-element[data-popper-placement^='bottom'] .shepherd-arrow {
	top: -35px;
}

.shepherd-element[data-popper-placement^='bottom'] .shepherd-arrow:after {
	transform: rotate(90deg);
}

.shepherd-element[data-popper-placement^='left'] .shepherd-arrow,
.shepherd-element.shepherd-pinned-left .shepherd-arrow {
	right: -35px;
}

.shepherd-element[data-popper-placement^='left'] .shepherd-arrow:after,
.shepherd-element.shepherd-pinned-left .shepherd-arrow:after {
	transform: rotate(180deg);
}

.shepherd-element[data-popper-placement^='right'] .shepherd-arrow,
.shepherd-element.shepherd-pinned-right .shepherd-arrow {
	left: -35px;
}

.shepherd-footer {
	padding: 0;
}

.shepherd-footer button:not(:last-of-type) {
	border-right: solid 4px #16202D;
}

.shepherd-has-title .shepherd-content .shepherd-cancel-icon {
	margin-top: -7px;
}

.shepherd-has-title .shepherd-content .shepherd-header {
	background: transparent;
	background-color: var(--kt-gray-900);
	font-family: "Red Hat Text", sans-serif;
	padding-bottom: 1rem;
	padding-left: 2rem;
}

.shepherd-has-title .shepherd-content .shepherd-header .shepherd-title {
	font-size: 1.2rem;
	color: var(--kt-gray-100);
	text-transform: uppercase;
}

.shepherd-text {
	font-size: 1.2rem;
	padding: 1rem;
}

.shepherd-text a, .shepherd-text a:visited,
.shepherd-text a:active {
	border-bottom: 1px dotted;
	border-bottom-color: var(--kt-gray-300);
	color: rgba(0, 0, 0, 0.75);
	text-decoration: none;
}

.shepherd-text a:hover, .shepherd-text a:visited:hover,
.shepherd-text a:active:hover {
	border-bottom-style: solid;
}