/* Forms
-------------------------------------------------- */


/* Buttons
-------------------------------------------------- */

/* Primary = green */
/*
button,
.action.primary,
.action.secondary,
a.action.primary,
div#prpl-modal-inner-wrap .actions-toolbar button.action{
    background: #239e6b;
    border-radius: 4px;
    border: 1px solid #239e6b;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-family: 'Dosis', sans-serif;
    padding: 7px 18px;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    box-shadow: none;
    text-shadow: none;
}

.action.primary:hover,
a.action.primary:hover,
div#prpl-modal-inner-wrap .actions-toolbar button.action:hover{
    background: #b0d471;
    border-color: #b0d471;
    text-decoration: none;
    opacity: 1;
}

.action.primary:focus,
.action.primary:active,
a.action.primary:focus,
a.action.primary:active,
div#prpl-modal-inner-wrap .actions-toolbar button.action:focus,
div#prpl-modal-inner-wrap .actions-toolbar button.action:active{
    background: #7ea23e;
    border-color: #7ea23e;
    opacity: 1;
}
*/
/* Secondary = only border */
/*
button,
.action.secondary,
.modal-popup .modal-footer .action-primary{
    background: none;
    color: #239e6b;
}

button:hover,
.action.secondary:hover,
.modal-popup .modal-footer .action-primary:hover{
    background: none;
    color: #239e6b;
    border-color: #a6cf60;
    text-decoration: none;
}

button:focus,
button:active,
.action.secondary:focus,
.action.secondary:active,
.modal-popup .modal-footer .action-primary:focus,
.modal-popup .modal-footer .action-primary:active{
    background: none;
    color: #239e6b;
    border-color: #8db646;
    box-shadow: none;
}
*/
/* Gray */

.action.gray{
    background: #414650;
    border-color: #414650;
    text-decoration: none;
    color: #fff;
}

.action.gray:hover{
    background: #686b73;
    border-color: #686b73;
    color: #fff;
}

.action.gray:focus,
.action.gray:active{
    background: #353840;
    border-color: #353840;
    color: #fff;
}

/* Big */

.action.big{
    font-size: 16px;
    line-height: 24px;
    padding: 15px 18px;
}


/* Inputs
-------------------------------------------------- */

input[type="text"],
input[type="password"],
input[type="url"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="datetime"],
input[type="email"]{
    background: #fff;
    border: solid 1px #ced5d8;
    border-radius: 4px;
    box-shadow: none !important;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: #414650;
    height: 40px;
    padding: 0 8px;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="url"]:hover,
input[type="tel"]:hover,
input[type="search"]:hover,
input[type="number"]:hover,
input[type="datetime"]:hover,
input[type="email"]:hover{
    border-color: #414650;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus{
    border-color: #239e6b;
}

input.input-text::-webkit-input-placeholder{
    color: #9fa8ab;
}

input.input-text:-moz-placeholder{
    color: #9fa8ab;
    opacity: 1;
}

input.input-text::-moz-placeholder{
    color: #9fa8ab;
    opacity: 1;
}

input.input-text:-ms-input-placeholder{
    color: #9fa8ab;
}

input.mage-error,
select.mage-error,
textarea.mage-error{
    border-color: #dd4f2d;
}

div.mage-error[generated]{
    color: #dd4f2d;
    font-size: 12px;
    line-height: 1.33;
    margin-top: 4px;
}

/* Select */

select{
    border-radius: 4px;
    border: solid 1px #ced5d8;
    height: 40px;
    padding: 0 32px 0 8px;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAMAAAATZM5jAAAADFBMVEX///9BRlD6+vqgo6gmSyoEAAAANElEQVR4AbXLsRUAEADE0JD9dzbAeZzCrxPmBieOIPWRfXHIldn3h1SMvjykZvTFIU+ULxYwpAC/Wy7PNQAAAABJRU5ErkJggg==) no-repeat 100% 50%;
    background-size: 24px;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: #414650;
    text-overflow: ellipsis;
    box-shadow: none !important;
}

select:hover{
    border-color: #414650;
}

select:focus{
    border-color: #239e6b;
}

/* Textarea */

textarea{
    background: #fff;
    border: solid 1px #ced5d8;
    border-radius: 4px;
    box-shadow: none !important;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: #414650;
    padding: 8px;
    resize: vertical;
    min-height: 100px;
}

textarea:hover{
    border-color: #414650;
}

textarea:focus{
    border-color: #239e6b;
}


/* Fieldset
-------------------------------------------------- */

.fieldset > .field > .label,
.fieldset > .fields > .field > .label{
    color: #343b3e;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 8px;
    font-weight: 400;
}

.fieldset > .field.required > .label:after,
.fieldset > .fields > .field.required > .label:after,
.fieldset > .field._required > .label:after,
.fieldset > .fields > .field._required > .label:after{
    color: #dd4f2d;
}

.fieldset .field._with-tooltip > .label .field-tooltip{
    position: relative;
    top: auto;
    right: auto;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    text-align: center;
}

.fieldset .field._with-tooltip > .label:after{
    display: none;
}

.fieldset .field._with-tooltip .field-tooltip .field-tooltip-action:before{
    display: none;
}

.fieldset .field._with-tooltip .field-tooltip .field-tooltip-action:after{
    content: "info";
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 1.33;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    display: block;
    color: #9fa8ab;
}

.fieldset .field._with-tooltip .field-tooltip .field-tooltip-action:hover:after{
    color: #239e6b;
}

div.field-tooltip .field-tooltip-content{
    background: #fff;
    border-color: rgba(65, 70, 80, 0.12);
}

div.field-tooltip .field-tooltip-content:before{
    border-right-color: rgba(65, 70, 80, 0.12);
}

div.field-tooltip .field-tooltip-content:after{
    border-right-color: #fff;
}

.field[name*="company"]:not(._required) > .label:after,
.field.company:not(.required) > .label:after{
    content: "(optional)";
}


/* Checkbox
-------------------------------------------------- */

.custom-checkbox{

}

.custom-checkbox input[type="checkbox"]{
    display: none;
}

.custom-checkbox label{
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 32px;
    position: relative;
}

.custom-checkbox label:before{
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: solid 1px rgba(65, 70, 80, 0.12);
    background: #fff;
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 3px;
}

.custom-checkbox input[type="checkbox"]:checked + label:before{
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAMAAAB2Mu6sAAAAJFBMVEX///+Zy030+uqm0mLg78ibzVHj8c+dzVPy+een02Wr1Gyo02en7rynAAAASElEQVR42q3OMQ6AMAxDUeLQlsD970tR5cleKuHx/SE5dnY+8N6i4D0SPzvu7r1idPEVZlFncXeRX6FLsX9es9Cl0KXQpaj7vVMwAYTM2dfpAAAAAElFTkSuQmCC) 50% 50% no-repeat;
    background-size: 12px;
}

.custom-checkbox input[type="checkbox"][disabled] + label:before{
    opacity: .5;
}

.custom-checkbox input[type="checkbox"][disabled] + label{
    color: #9fa8ab;
}