/* general form */
.form-material.form-material-appy label {
    font-family: raleway;
    letter-spacing: 0.2em;
    font-weight: 500;
}
.form-material.form-material-appy > .form-control:focus {
    background-color: transparent;
    -webkit-box-shadow: 0 2px 0 #b2a584;
    box-shadow: 0 2px 0 #b2a584;
}

.form-material.form-material-appy > .form-control:focus ~ .input-group-addon {
    -webkit-box-shadow: 0 2px 0 #b2a584;
    box-shadow: 0 2px 0 #b2a584;
}

.form-material {
    font-family: "Open Sans";
}

.form-control {
    border-radius: 0px;
    appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px; 
}

.form-material .form-control[disabled], .form-material .form-control[readonly], .form-material fieldset[disabled] .form-control {
    border-bottom: none;
    -webkit-box-shadow: 0 1px 0 #e6e6e6;;
    box-shadow: 0 1px 0 #e6e6e6;;
}

.has-error.form-material-appy .form-control, .has-error.form-material-appy .input-group-addon {
    border-color: transparent;
    -webkit-box-shadow: 0 2px 0 #e4467e;
    box-shadow: 0 2px 0 #e4467e;
}



.has-error.form-material-appy .form-control:focus, .has-error.form-material-appy > .form-control:focus ~ .input-group-addon  {
    border-color: transparent;
    -webkit-box-shadow: 0 2px 0 #e4467e;
    box-shadow: 0 2px 0 #e4467e;
}

/* general sections */
.appy-text-label {
    font-family: raleway;
    letter-spacing: 0.2em;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

.appy-upload-photo-button {
    cursor: pointer;
}


/* buttons */
.btn {
    min-width: 0px !important;
    padding-left: 1.3em;
    padding-right: 1.3em;
    font-weight: 500;
    font-family: raleway;
    letter-spacing: 0.4em;
}

.btn.btn-is-circle.btn-appy {
    min-width: 0px !important;
    font-family: 'Raleway', sans-serif;
    padding: 0;
    margin: 0;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.4;
    font-weight: normal;
    vertical-align: auto;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: color 0.12s ease-out;
    transition: color 0.12s ease-out;
    -webkit-transition-property: background, border-color, color, opacity;
    transition-property: background, border-color, color, opacity;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}

.btn.appy-plain-gold {
    background-color: transparent;
    color: #b2a584;
}

.btn.appy-plain-gold:hover {
    color: #000000;
    text-shadow: 0px 0px 6px rgba(185, 185, 185, 0.5);
}

.btn.appy-gold {

    background-color: #b2a584;
    color: #ffffff;
}

.btn.appy-gold:hover {
    background-color: #444444;
    color: #ffffff;
    text-shadow: 0px 0px 6px rgba(185, 185, 185, 0.5);
}

.btn.appy-light-gray{

    background-color: #bdbdbd;
    color: #ffffff;
}

.btn.appy-light-gray:hover {
    background-color: #444444 !important;
    color: #ffffff !important;
    text-shadow: 0px 0px 6px rgba(185, 185, 185, 0.5);
}

a.btn.appy-light-gray  > i, a.btn.appy-light-gray   > svg {
    color: #ffffff;
    float: left;
}


.btn.btn-appy {
    min-width: 0px !important;
    font-family: 'Raleway', sans-serif;
    padding: 13px 25px;
    margin: 0 0 1rem 0;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 1.4;
    font-weight: normal;
    vertical-align: top;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: color 0.12s ease-out;
    transition: color 0.12s ease-out;
    -webkit-transition-property: background, border-color, color, opacity;
    transition-property: background, border-color, color, opacity;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    border-radius: 0px;
}

.btn.btn-is-circle {
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.btn.btn-is-circle.btn-xs {
    width: 30px;
    height: 30px;
}

.btn.btn-is-circle.btn-sm-3 {
    width: 35px;
    height: 35px;
}

.btn.btn-is-circle.btn-sm-2 {
    width: 40px;
    height: 40px;
}

.btn.btn-is-circle.btn-sm-1 {
    width: 45px;
    height: 45px;
}

.btn.btn-is-circle.btn-sm {
    width: 50px;
    height: 50px;
    padding-left: 4px;
}

.btn.btn-is-circle.btn-md {
    width: 80px;
    height: 80px;
}

.btn.btn-is-circle.btn-lg {
    width: 100px;
    height: 100px;
}

.btn.btn-no-border {
    border: none !important;
}

.btn.btn-appy-white {
    background-color: #ffffff;
    border: 1px solid #000000;
}

.btn.btn-appy-white:hover {
    background-color: #000000;
    color: #ffffff;
}

.btn.btn-appy-gold {
    background-color: #ffffff;
    border: 1px solid #b2a584;
    color: #b2a584;
}

.btn.btn-appy-gold:hover {
    background-color: #000000;
    border: 1px solid #000000;
    color: #ffffff;
}

.btn.btn-appy-white-gray {
    background-color: #ffffff;
    border: 1px solid #444;
    color:  #444;
}

.btn.btn-appy-white-gray:hover {
    background-color: #444;
    color: #ffffff;
}



/* colors */
.text-appy-gold {
    color: #b2a584;
}

.bg-appy-gold {
    background-color: #b2a584;
}