@charset "utf-8";

/*@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Domine:400,700);*/

/*input[type=text],*/
/*input[type=password],*/
/*input[type=email],*/
/*input[type=number],*/
.form_input_height {

}

/*!* Change the white to any color ;) *!*/
/*input:-webkit-autofill,*/
/*input:-webkit-autofill:hover,*/
/*input:-webkit-autofill:focus,*/
/*input:-webkit-autofill:active  {*/
/*    -webkit-box-shadow: 0 0 0 30px white inset !important;*/
/*}*/

/*!*Change text in autofill textbox*!*/
/*input:-webkit-autofill {*/
/*    -webkit-text-fill-color: red !important;*/
/*    background-color:red !important;*/
/*}*/

/*input {*/
/*    background-color:red !important;*/
/*}*/

/* Removes number selector */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
}
/* Removes number selector for FireFox browser */
input[type=number] {
    -moz-appearance:textfield;
}

.select-wrapper + label {
    top:-1.85em !important;
    font-size:0.85em;
}

.formset-delete-btn:hover {
    background-color:darkred !important;
}

.form_input_height2 {
    height:45px !important;
    margin-bottom:0 !important;
}

input::-webkit-calendar-picker-indicator{
    display: none;
    -webkit-appearance: none;
}

input[type="date"]::-webkit-input-placeholder{
    visibility: hidden !important;
}

.formset-delete-btn:focus, .formset-delete-btn:active {
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.entry_form {
    /*padding: 0 15px;*/
}

.form {
    /*padding: 0 15px;*/
}

.form-row select {
margin-bottom:20px;

}

.form-row input {
margin-bottom:20px;
}


/*input[type=checkbox] {*/
/*    content: "\2714";*/
/*    border: 0.1em solid #000;*/
/*    border-radius: 0.2em;*/
/*    display: inline-block;*/
/*    width: 2em;*/
/*    height: 2em;*/
/*    padding-left: 0.2em;*/
/*    padding-top: 0.3em;*/
/*    margin-top: 1em;*/
/*    padding-bottom: 0.3em;*/
/*    margin-right: 1em;*/
/*    vertical-align: bottom;*/
/*    color: transparent;*/
/*    transition: .2s;*/
/*    outline: none;*/
/*}*/

textarea:focus, input:focus {
    outline: none;
}

*:focus {
    outline: none;
}

/* ------- placeholder text, looks better gray ----------------------------------------- */
/* should cover each browser */
::placeholder, :-ms-input-placeholder, ::-ms-input-placeholder {
    color: #afafaf !important;
    /*!important is required here because of bootstrap
       opacity: 1; /* FF */
}

/* ------- for errors on form ---------------------------------------------------------- */
.error_text {
    margin: 0;
    padding: 0;
    color: red!important;
    font-size: 12px;
    font-style: italic;
}

.field_error input, .field_error select { /* not implemented yet */
    border: 2px red solid;
}

/* ------- icons for form fields use font-awesome, view docs there --------------------- */

.inner-icon {
    position: relative;
    /* used to center icon to input */
    display: flex;
    flex-direction: row;
    align-items: center;
    vertical-align: top;
}

/* style icon */
.inner-icon .fa {
    position: absolute;
    text-align: center;
    height:2em;
    margin:0 0.7em;
}

/* align icon */
.left-icon .fa {
    left: 0;
}

.right-icon .fa {
    right: 0;
}

/* add padding  */
.left-icon input {
    padding-left: 30px;
}

.right-icon input {
    padding-right: 30px;
}

.non_required_bg {
    background: #f9f9f9;
}

.required_bg {
    background: #e6ffee;
}

/* ===== Sortable Field Styles ===== */
.sortable-container {
    margin-top: 10px;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 10px;
    background-color: #f8f9fa;
}

.sortable-header {
    margin-bottom: 8px;
}

.sortable-list {
    margin: 0;
    padding: 0;
}

.sortable-item {
    display: flex;
    align-items: center;
    padding: 8px;
    margin: 2px 0;
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    cursor: default;
}

.sortable-item .handle {
    cursor: move;
    margin-right: 8px;
    color: #6c757d;
}

.sortable-item .item-text {
    flex: 1;
    margin-right: 8px;
}

.sortable-item .remove-item {
    cursor: pointer;
    color: #dc3545;
}

.sortable-item .remove-item:hover {
    color: #bd2130;
}

.sortable-item:hover {
    background-color: #e9ecef;
}

.ui-sortable-helper {
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
