/*checkbox buttons*/
input[type=checkbox].with-fontA-bell {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    input[type=checkbox].with-fontA-bell + label:before {
        font-family: "Font Awesome 7 Pro";
        font-weight: 300;
        display: inline-flex;
        content: "\f0f3";
        letter-spacing: 10px;
        font-size: 1.2em;
        color: #FF7B08;
        margin-top: -0.15em;
    }

    input[type=checkbox].with-fontA-bell:checked + label:before {
        content: "\f0f3";
        font-weight: 900;
        font-size: 1.2em;
        color: #FF7B08;
        letter-spacing: 10px;
    }

    input[type=checkbox].with-fontA-bell:focus + label:before {
        /*
            font-weight: bold;
        color: orange;

        */
    }

/*radio buttons*/
input[type=radio].with-fontA {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    input[type=radio].with-fontA + label:before {
        font-family: "Font Awesome 7 Pro";
        font-weight: 300;
        display: inline-block;
        content: "\f111";
        letter-spacing: 10px;
        font-size: 1.2em;
        color: #C4C4F7;
        width: 1.4em;
        margin-top: -0.15em;
    }

    input[type=radio].with-fontA:checked + label:before {
        content: "\f00c";
        font-weight: 900;
        font-size: 1.2em;
        color: #00df70;
        letter-spacing: 10px;
    }

    input[type=radio].with-fontA:focus + label:before {
        font-weight: bold;
        color: #00df70;
    }

.DropdownActionsBtn {
    padding: 0.6rem 0.8rem;
    box-shadow: none !important;
}

.feat_checkbox_clicker {
    width: 2em;
    height: 2em;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0.6em;
    z-index: 99;
}

.reminder_border {
    border-left: 2px dotted #d7d7f9;
}

.edit_label {
    font-weight: 600;
    display: flex;
    flex-wrap: nowrap;
}

.btn-goal-link {
    border-bottom: 0.06em solid #d5d5d5;
}

    .btn-goal-link:last-of-type {
        border-bottom: 0;
    }

#GoalList, #CompletedGoalList {
    margin: 0 -0.5em;
    padding: 0;
    list-style: none;
}

.task_list_goals {
    position: relative;
    padding: 0.5em 0.5em;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.goal_ideas_ul {
    margin: 0;
    padding: 0;
    list-style: none;
    -moz-column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 1em;
    column-count: 2;
    column-gap: 1em;
}

    .goal_ideas_ul Li {
        margin: 0;
        padding: 0.2em 0;
    }

.goal_idea_btn {
    border: 1px solid #22a7ee;
    padding: 0.6rem 1rem 0.6rem 0.6em;
    white-space: normal;
}

.goal_idea_img {
    width: 3em;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.8em;
}

.goal_idea_text {
    display: inline-block;
    vertical-align: middle;
    max-width: 76%;
    line-height: normal;
}
/*
.btn-goal-link:first-of-type .MoveUpGoalBtn {
    display: none !important;
}

.btn-goal-link:last-of-type .MoveDownGoalBtn {
    display: none !important;
}
*/
.goal_modal_check {
    width: 2em;
    margin: 0 0 auto 0;
}

.goal_modal_bg {
    background-color: white;
    border-radius: 0.5em;
    box-shadow: 0.1em 0.2em 0.6em rgba(0,0,0,0.08);
    padding: 0.5em 1em;
    z-index: 3;
    border: 2px solid #F8C206;
    overflow-wrap: break-word;
    word-break: break-word;
}

.goal_modal_index {
    z-index: 2;
    position: relative;
}

.GoalTest {
    white-space: pre;
}

.starburst_bg1 {
    background-image: url(/content/images/Goals/starburst_bg1.svg);
    background-size: 60%;
    background-position: center 0em;
    background-repeat: no-repeat;
    position: absolute;
}

.starburst_bg2 {
    width: 10em;
    position: absolute;
    z-index: 0;
    margin: auto;
    top: -5em;
}

.GoalText {
    overflow-wrap: break-word;
    word-break: break-word;
}

@media (hover: hover) {
    /*hovers only*/
}

@media only screen and (min-device-width : 48em) and (max-device-width : 64em) {
    /* IPAD ONLY*/
}

@media only screen and (min-width : 48em) and (max-width : 64em) {
}

@media only screen and (min-device-width : 48em) and (max-device-width : 64em) and (orientation : portrait) {
    /* IPAD VERTICAL ONLY*/
}

@media screen and (max-width: 86em) {
    .goal_ideas_ul {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media screen and (max-width: 50em) {
}

@media screen and (max-width: 46em) {
    /*mobile fixes & ipad narrow*/
}

@media screen and (min-width:34em) and (max-width: 46em) {
}

@media screen and (max-width: 34em) {
    .reminder_border {
        border-left: 0;
    }

    .starburst_bg1 {
        background-position: center 1.8em;
    }
}