/*Custom radio buttons*/
div.smileys input[type="radio"] {
    -webkit-appearance: none;
    width: 40px;
    height: 40px;
    border: none;
    cursor: pointer;
    -webkit-transition: border 0.2s ease;
    transition: border 0.2s ease;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    margin: 0 5px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

div.smileys input[type="radio"]:hover, div.smileys input[type="radio"]:checked {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

div.smileys input[type="radio"]:focus {
    outline: 0;
}

    div.smileys input[type="radio"].Emoji_0 {
        background: url("../img/734.png") center;
        background-size: cover;
    }
    div.smileys input[type="radio"].Emoji_1 {
        background: url("../img/722.png") center;
        background-size: cover;
    }
    div.smileys input[type="radio"].Emoji_2 {
        background: url("../img/717.png") center;
        background-size: cover;
    }
    div.smileys input[type="radio"].Emoji_3 {
        background: url("../img/711.png") center;
        background-size: cover;
    }
    div.smileys input[type="radio"].Emoji_4 {
        background: url("../img/714.png") center;
        background-size: cover;
    }

.ui-datepicker td.highlightImageDate a, .ui-datepicker td.highlightImageDate a:hover {
    background-color: #ff6a00;
    color: #ffffff;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.highlightDiaryDate a, .ui-datepicker td.highlightDiaryDate a:hover {
    background-color: #ffd800;
    color: #ffffff;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.highlightDreamDate a, .ui-datepicker td.highlightDreamDate a:hover {
    background-color: #b200ff;
    color: #ffffff;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.highlightIntentionDate a, .ui-datepicker td.highlightIntentionDate a:hover {
    background-color: #1ca549;
    color: #ffffff;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.highlightTheWorkDate a, .ui-datepicker td.highlightTheWorkDate a:hover {
    background-color: #3fd7e1;
    color: #ffffff;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.highlightConditionDate a, .ui-datepicker td.highlightConditionDate a:hover {
    background-color: #ff0000;
    color: #ffffff;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.highlightPhysicalExerciseDate a, .ui-datepicker td.highlightPhysicalExerciseDate a:hover {
    background-color: #0026ff;
    color: #ffffff;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.highlightMentalExerciseDate a, .ui-datepicker td.highlightMentalExerciseDate a:hover {
    background-color: #45c63c;
    color: #ffffff;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.highlightBeliefDate a, .ui-datepicker td.highlightBeliefDate a:hover {
    background-color: #3fd7e1;
    color: #ffffff;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.highlightInsightDate a, .ui-datepicker td.highlightInsightDate a:hover {
    background-color: #b200ff;
    color: #ffffff;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.highlightValueDate a, .ui-datepicker td.highlightValueDate a:hover {
    background-color: #b200ff;
    color: #ffffff;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.highlightGoalDate a, .ui-datepicker td.highlightGoalDate a:hover {
    background-color: #bd31c9;
    color: #ffffff;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.highlightQuestionDate a, .ui-datepicker td.highlightQuestionDate a:hover {
    background-color: #ef19c6;
    color: #ffffff;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.highlightChallengeDate a, .ui-datepicker td.highlightChallengeDate a:hover {
    background-color: #244618;
    color: #ffffff;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.highlightWayDate a, .ui-datepicker td.highlightWayDate a:hover {
    background-color: #37b926;
    color: #ffffff;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.highlightStageDate a, .ui-datepicker td.highlightStageDate a:hover {
    background-color: #BF5A0C;
    color: #ffffff;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.highlightBookDate a, .ui-datepicker td.highlightBookDate a:hover {
    background-color: #1ca549;
    color: #ffffff;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.highlightChapterDate a, .ui-datepicker td.highlightChapterDate a:hover {
    background-color: #ff6a00;
    color: #ffffff;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.highlightYogaDate a, .ui-datepicker td.highlightYogaDate a:hover {
    background-color: #ff6a00;
    color: #bd31c9;
    border: 1px solid #ff6a00;
}

.ui-datepicker td.selectedDate a, .ui-datepicker td.selectedDate a:hover {
    background-color: #12b0de;
    color: #ffffff;
    border: 1px solid #BF5A0C;
}

.image-large {
    height: 400px;
    width: auto;
}

.image-thumbnail {
    height: 40px;
    width: auto;
}

.bg-image {
    background-image: url('../img/ram.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

main > div {
    background-color: white;
    opacity: 0.6;
}