:root {
    --main-color: #009db5;
    --main-color-hover: #01899e;
}
.bg_gradient_app {
    background: rgba(0,157,181,1);
    background: linear-gradient(45deg, rgba(0,157,181,0.35) 0%, rgba(0,157,181,0.5) 35%, rgba(0,157,181,0.7) 100%);
}
.bg_gradient_orange {
    background: rgba(255,60,0,1);
    background: linear-gradient(75deg, rgba(255,60,0,0.5) 0%, rgba(255,60,0,0.7) 35%, rgba(255,60,0,0.9) 100%);
}
.bg_gradient_pink {
    background: rgba(255,65,129,1);
    background: linear-gradient(45deg, rgba(255,65,129,0.5) 0%, rgba(255,65,129,0.7) 35%, rgba(255,65,129,0.9) 100%);
}


.text-diit {
    color: var(--main-color);
}

.btn.btn-primary {
    color: #fff;
    border-color: var(--main-color);
    background-color: var(--main-color);
}
.btn-check:active+.btn.btn-primary, .btn-check:checked+.btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show>.btn.btn-primary {
    color: #fff;
    border-color: var(--main-color-hover);
    background-color: var(--main-color-hover) !important;
}
.bg-primary {
    --bs-bg-opacity: 1;
    background-color: var(--main-color) !important;
}

.aside {
    display: flex;
    flex-direction: column;
    width: 300px;
}
.aside:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    background: rgba(0,157,181,1);
    background: linear-gradient(45deg, rgba(0,157,181,0.35) 0%, rgba(0,157,181,0.5) 35%, rgba(0,157,181,0.7) 100%);
}

@media (min-width: 992px) {

.header-fixed .wrapper {
    padding-top: 0;
}
.aside {
    width: 300px;
}
.wrapper {
    padding-left: 300px;
    padding-top: 27px;
}
.content {
    padding: 0 0 30px 0;
}
}

@media (min-width: 1200px) {

.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1100px;
}

}

@media (min-width: 1400px) {

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px;
}

}

/*.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {*/
/*    width: 1200px;*/
/*}*/

/*.aside:before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    width: 20px;*/
/*    background-color: #f3f6f9;*/
/*    border-top-left-radius: 40px;*/
/*    border-bottom-left-radius: 40px;*/
/*}*/
.aside .menu>.menu-item>.menu-link .menu-icon {
    background-color: rgba(255, 255, 255, .35);
    transition: all ease .3s;
}
.aside .menu>.menu-item>.menu-link.active .menu-icon,
.aside .menu>.menu-item>.menu-link:hover .menu-icon {
    background-color: #ffffff;
}
.aside .menu>.menu-item>.menu-link .menu-icon i {
    color: #333333 !important;
}
.aside .menu>.menu-item>.menu-link.active .menu-icon i {
    color: #555555 !important;
}
.aside .menu>.menu-item>.menu-link:hover .menu-icon i {
    color: #555555 !important;
}
.aside .menu-state-bg .menu-item .menu-link.active,

.menu-state-bg .menu-item .menu-link:hover:not(.disabled):not(.active),
.menu-state-bg .menu-item.hover>.menu-link:not(.disabled):not(.active) {
    background-color: transparent;
}
.aside .menu-item .menu-link .menu-icon {
    margin-right: 0.85rem;
}
.aside .menu-item .menu-link .menu-title {
    /*color: #444444;*/
    font-weight: 700;
    color: #ffffff;
}
.aside .menu-item .menu-link.active .menu-title {
    color: #ffffff;
}

.card-child.card,
.card-pregnant.card {
    overflow: hidden;
    /*background: transparent;*/
}
.card-child.card .card-body,
.card-pregnant.card .card-body {
    z-index: 2;
}
.card-child.card .card-overlay {
    position: absolute;
    content: "";
    width: 600px;
    height: 600px;
    bottom: 120px; /*top: -230px*/
    right: 50%;
    transform: translateX(50%);
    z-index: 0;
    background: rgba(0,157,181,1);
    background: linear-gradient(-45deg, rgba(0,157,181,0.3) 0%, rgba(0,157,181,0.5) 35%, rgba(0,157,181,0.7) 100%);
    border-radius: 50%;
}
.card-pregnant.card .card-overlay {
    position: absolute;
    content: "";
    width: 700px;
    height: 700px;
    right: 10px; /*top: -230px*/
    bottom: 50%;
    transform: translateY(50%);
    z-index: 0;
    background: rgba(255,65,129,1);
    background: linear-gradient(-45deg, rgba(255,65,129,0.5) 0%, rgba(255,65,129,0.7) 35%, rgba(255,65,129,0.9) 100%) !important;
    border-radius: 50%;
}


/*CAROUSEL*/
.splide {
    padding: 0 50px;
}
.splide__slide .symbol .symbol-label {
    transition: all ease-in .2s;
}
.splide__slide.is-active .symbol .symbol-label {
    /*width: 120px;*/
    /*height: 120px;*/
    transform: scale(1.2);
    background: rgba(0,157,181,1);
    background: linear-gradient(45deg, rgba(0,157,181,0.3) 0%, rgba(0,157,181,0.5) 35%, rgba(0,157,181,0.8) 100%);
}
.splide__slide .symbol .symbol-label span {
    transition: all ease-in .2s;
}
.splide__slide.is-active .symbol .symbol-label span {
    color: #ffffff !important;
}
.splide__arrow {
background: rgba(0,0,0,.05);
height: 3em;
width: 3em;
}
.splide__arrow--prev {
left: 0;
}
.splide__arrow--next {
right: 0;
}

.splide__slide .symbol .symbol-label.is-selected {
    background: rgba(0,157,181,1) !important;
}
.splide__slide .symbol .symbol-label.is-selected div {
    color: #ffffff !important;
}
/*OPTION GROWTH AREA*/
.option_growth_area {
    background-color: #ffffff;
}
.option_growth_area.active {
    /*background-color: #999;*/
}

.option_growth_area div {
    color: #3f4254;
}
.option_growth_area.active div {
    color: #ffffff;
}
.option_growth_area.active i {
    color: #ffffff !important;
}

/*ITEM CARD MONITORING*/
.card-monitoring-item.card {
    overflow: hidden;
}
.card-monitoring-item.card .card-body {
    z-index: 2;
}
.card-monitoring-item.card .card-overlay {
    position: absolute;
    content: "";
    width: 180px;
    height: 180px;
    top: -80px;
    left: -100px;
    /*transform: translateX(50%);*/
    /*z-index: 0;*/
    background: rgba(0,157,181,1);
    background: linear-gradient(45deg, rgba(0,157,181,0.2) 0%, rgba(0,157,181,0.4) 35%, rgba(0,157,181,0.7) 100%);
    /*background-color: rgba(0,157,181,1);*/
    border-radius: 50%;
}
.card-monitoring-item p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.card-monitoring-item .kt_btn_rate_pikler_indicator .active.value_no .symbol .symbol-label,
.card-monitoring-item .kt_btn_rate_coexist_indicator .active.value_no .symbol .symbol-label {
    background-color: red !important;
}
.card-monitoring-item .kt_btn_rate_pikler_indicator .active.value_no span,
.card-monitoring-item .kt_btn_rate_coexist_indicator .active.value_no span{
    color: red !important;
    font-weight: 700 !important;
}
.card-monitoring-item .kt_btn_rate_pikler_indicator .active.value_yes .symbol .symbol-label,
.card-monitoring-item .kt_btn_rate_coexist_indicator .active.value_yes .symbol .symbol-label {
    background-color: limegreen !important;
}
.card-monitoring-item .kt_btn_rate_pikler_indicator .active.value_yes span,
.card-monitoring-item .kt_btn_rate_coexist_indicator .active.value_yes span{
    color: limegreen !important;
    font-weight: 700 !important;
}
.card-monitoring-item .kt_btn_rate_pikler_indicator .active.value_st .symbol .symbol-label,
.card-monitoring-item .kt_btn_rate_coexist_indicator .active.value_st .symbol .symbol-label {
    background-color: dodgerblue !important;
}
.card-monitoring-item .kt_btn_rate_pikler_indicator .active.value_st span,
.card-monitoring-item .kt_btn_rate_coexist_indicator .active.value_st span {
    color: dodgerblue !important;
    font-weight: 700 !important;
}
.card-monitoring-item .kt_btn_rate_pikler_indicator .active.value_no .symbol .symbol-label i,
.card-monitoring-item .kt_btn_rate_pikler_indicator .active.value_yes .symbol .symbol-label i,
.card-monitoring-item .kt_btn_rate_pikler_indicator .active.value_st .symbol .symbol-label i,

.card-monitoring-item .kt_btn_rate_coexist_indicator .active.value_no .symbol .symbol-label i,
.card-monitoring-item .kt_btn_rate_coexist_indicator .active.value_yes .symbol .symbol-label i,
.card-monitoring-item .kt_btn_rate_coexist_indicator .active.value_st .symbol .symbol-label i {
    color: #ffffff !important;
}

.card-monitoring-item .kt_btn_rate_stressor_indicator .active.value_stressor_no .symbol .symbol-label {
    background-color: limegreen !important;
}
.card-monitoring-item .kt_btn_rate_stressor_indicator .active.value_stressor_no span{
    color: limegreen !important;
    font-weight: 700 !important;
}
.card-monitoring-item .kt_btn_rate_stressor_indicator .active.value_stressor_yes .symbol .symbol-label {
    background-color: red !important;
}
.card-monitoring-item .kt_btn_rate_stressor_indicator .active.value_stressor_yes span{
    color: red !important;
    font-weight: 700 !important;
}
.card-monitoring-item .kt_btn_rate_stressor_indicator .active.value_stressor_no .symbol .symbol-label i,
.card-monitoring-item .kt_btn_rate_stressor_indicator .active.value_stressor_yes .symbol .symbol-label i{
    color: #ffffff !important;
}