/* Enter styles with PHP here */


.tag {
    display: inline-block;
    width: auto;
    height: 38px;
    background-color: #8cc63f;
    -webkit-border-radius: 3px 4px 4px 3px;
    -moz-border-radius: 3px 4px 4px 3px;
    border-radius: 3px 4px 4px 3px;
    border-left: 1px solid #8cc63f;
    /* This makes room for the triangle */
    position: relative;
    color: #fff;
    font-weight: 300;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    line-height: 38px;
    padding: 0 10px 0 10px;
}

.button-default {
    background-color: #8cc63f;
}

.button-nav {
    background-color: #8cc63f;
}

.active-variant .choosen-benefit {
    background-color: #8cc63f !important;
    color: #fff !important;
}

.tab .active {
    background-color:  !important;
    color:  !important;
}

.benefit-calc {
    color: #8cc63f !important;
}

.datepicker-row {
color: #000 !important;
}

.datepicker-table td.is-today {
color: #8cc63f !important;
}

.datepicker-date-display,
.datepicker-table td.is-selected {
    background-color: #8cc63f !important;
    color: #fff !important;
}

.datepicker-date-display .year-text,
.datepicker-date-display .date-text {
    color: #fff !important;
}

.datepicker-cancel {
    background-color: #F37220 !important;
    color: #fff !important;
    margin-right: 10px;
}

.datepicker-done {
    background-color: #8cc63f !important;
    color: #fff !important;
    margin-right: 10px;
}

.input-field input[type=text]:focus {
    border-bottom: 1px solid #8cc63f !important;
    box-shadow: 0 1px 0 0 #8cc63f !important;
}

.select-wrapper input.select-dropdown:focus,
.input-field input[type=text].valid {
    border-bottom: 1px solid #8cc63f !important;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #8cc63f !important;
    -webkit-box-shadow: 0 1px 0 0 #8cc63f !important;
    box-shadow: 0 1px 0 0 #8cc63f !important;
}

.input-field .prefix.active,
.input-field input[type=text]:focus + label,
.input-field label,
input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #8cc63f !important;
}

.dropdown-content li > a, .dropdown-content li > span {
    color: #8cc63f !important;
}

ul > li > a.active-variant {
    background-color: #8cc63f !important;
    color: white !important;
}

li.disabled a {
    color: rgba(0, 0, 0, 0.42) !important;
    pointer-events: none !important;
    cursor: default !important;
    background-color: rgba(0, 0, 0, 0.2) !important;
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: #b6ff51 !important;
}

.switch label .lever:before,
.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #8cc63f !important;
}

[type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:before,
[type="radio"].with-gap:checked+span:after {
    border: 2px solid #8cc63f !important;
}

[type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:after {
    background-color: #8cc63f !important;
}

input[type="checkbox"]:checked + span:not(.lever):before {
    border-right: 2px solid #8cc63f !important;
    border-bottom: 2px solid #8cc63f !important;
}

.main-content div.nav-content, .main-content div.nav-content ul.tabs {
border-radius: 10px;
padding: 5px 5px 0px 5px;
}

.main-content li.tab a.active:focus {
border-radius: 10px 10px 0px 0px;
}

li.tab a.active {
border-radius: 10px;
}

.ql-editor > p {
color: #000 !important;
}