.active-print {
    color: #0095e8 !important;
}
.bg1 {
    background: #50B167;
}
.bg2 {
    background: #E93622;
}
.bg3 {
    background: #D7B329;
}
.question .rounded {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
}
.l-0 {
    left: 0 !important;
}
.app-wrapper.flex-column.flex-row-fluid {
    margin-left: 0;
}
.size-q {
       width: 60px;
    height: 50px; 
    justify-content: center;
}
.size-a {
       width: 40px;
    height: 30px; 
    justify-content: center;
}
.menu-item .menu-link {
    padding: 0.65rem 0.65rem;
}

.form-control {
        border: 1px solid #8c8c8c !important;
}
.require {
    color: red;
}
.invalid {
    color: #ff0000;
    font-size: 12px;
}
.svg-icon.svg-icon-success {
    color: var(--kt-text-success) !important;
}
.svg-icon.svg-icon-danger {
    color: var(--kt-text-danger) !important;
}
.svg-icon.svg-icon-warning {
    color: var(--kt-text-warning) !important;
}

.nav-link .btn .btn-outline .btn-flex:hover {
    background: #eff8ff;
}

.text-grey {
    color:#666
}

.hover-elevate-up {
  transition: transform 0.3s ease;
}
.hover-elevate-up:hover {
  transform: translateY(-5%);
  transition: transform 0.3s ease;
}

.hover-elevate-down {
  transition: transform 0.3s ease;
}
.hover-elevate-down:hover {
  transform: translateY(5%);
  transition: transform 0.3s ease;
}

.hover-scale {
  transition: transform 0.3s ease;
}
.hover-scale:hover {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}

.hover-rotate-end {
  transition: transform 0.3s ease;
}
.hover-rotate-end:hover {
  transform: rotate(4deg);
  transition: transform 0.3s ease;
}

.hover-rotate-start {
  transition: transform 0.3s ease;
}
.hover-rotate-start:hover {
  transform: rotate(-4deg);
  transition: transform 0.3s ease;
}

.rotate {
  display: inline-flex;
  align-items: center;
}

.rotate-90 {
  transition: transform 0.3s ease;
  backface-visibility: hidden;
  will-change: transform;
}
.collapsible:not(.collapsed) > .rotate-90, .show > .rotate-90, .active > .rotate-90 {
  transform: rotateZ(90deg);
  transition: transform 0.3s ease;
}
[direction=rtl] .collapsible:not(.collapsed) > .rotate-90, [direction=rtl] .show > .rotate-90, [direction=rtl] .active > .rotate-90 {
  transform: rotateZ(-90deg);
}

.rotate-n90 {
  transition: transform 0.3s ease;
  backface-visibility: hidden;
  will-change: transform;
}
.collapsible:not(.collapsed) > .rotate-n90, .show > .rotate-n90, .active > .rotate-n90 {
  transform: rotateZ(-90deg);
  transition: transform 0.3s ease;
}
[direction=rtl] .collapsible:not(.collapsed) > .rotate-n90, [direction=rtl] .show > .rotate-n90, [direction=rtl] .active > .rotate-n90 {
  transform: rotateZ(90deg);
}

.rotate-180 {
  transition: transform 0.3s ease;
  backface-visibility: hidden;
  will-change: transform;
}
.collapsible:not(.collapsed) > .rotate-180, .show > .rotate-180, .active > .rotate-180 {
  transform: rotateZ(180deg);
  transition: transform 0.3s ease;
}
[direction=rtl] .collapsible:not(.collapsed) > .rotate-180, [direction=rtl] .show > .rotate-180, [direction=rtl] .active > .rotate-180 {
  transform: rotateZ(-180deg);
}

.rotate-n180 {
  transition: transform 0.3s ease;
  backface-visibility: hidden;
  will-change: transform;
}
.collapsible:not(.collapsed) > .rotate-n180, .show > .rotate-n180, .active > .rotate-n180 {
  transform: rotateZ(-180deg);
  transition: transform 0.3s ease;
}
[direction=rtl] .collapsible:not(.collapsed) > .rotate-n180, [direction=rtl] .show > .rotate-n180, [direction=rtl] .active > .rotate-n180 {
  transform: rotateZ(180deg);
}

.rotate-270 {
  transition: transform 0.3s ease;
  backface-visibility: hidden;
  will-change: transform;
}
.collapsible:not(.collapsed) > .rotate-270, .show > .rotate-270, .active > .rotate-270 {
  transform: rotateZ(270deg);
  transition: transform 0.3s ease;
}
[direction=rtl] .collapsible:not(.collapsed) > .rotate-270, [direction=rtl] .show > .rotate-270, [direction=rtl] .active > .rotate-270 {
  transform: rotateZ(-270deg);
}

.rotate-n270 {
  transition: transform 0.3s ease;
  backface-visibility: hidden;
  will-change: transform;
}
.collapsible:not(.collapsed) > .rotate-n270, .show > .rotate-n270, .active > .rotate-n270 {
  transform: rotateZ(-270deg);
  transition: transform 0.3s ease;
}
[direction=rtl] .collapsible:not(.collapsed) > .rotate-n270, [direction=rtl] .show > .rotate-n270, [direction=rtl] .active > .rotate-n270 {
  transform: rotateZ(270deg);
}

.font-sizer a{
    color: #fff;
}
.app-header {
    top: 50px !important;
}
.sticky {
  position: fixed;
  top: 0  !important;
  width: 100%;
}
.form-scroll {
    height: 80vh;
    overflow-y: scroll;
    padding: 10px;
}

.input-sm .form-control{
        padding: 0.5rem 0.7rem !important;
}

.card.card-dashed {
    border: 1px dashed #565656 !important;
}
 
marquee {
    color: #c63b00;
    font-weight: 500;
}


.highlight {
    position: relative;
    background: #60606014;
    border-radius: 0.375rem;
    padding: 0.50rem 1.5rem 0.50rem 1.5rem !important;
}



.form-check-input {
    display: none;
}

.fslightbox-source {
    background: #fff;
}