﻿.ql-primary-bg-color {
    background-color: #3498db !important;
}

.ql-primary-text-color {
    color: #3498db !important;
}

.ql-btn-bg-color {
    background-color: #3498db !important;
    color: white;
}

.btn.ql-btn-bg-color:hover {
    background-color: #3498db !important;
    color: white;
    border-color: #1A73E8;
    box-shadow: 0 14px 26px -12px rgba(26, 115, 232, 0.4), 0 4px 23px 0 rgba(26, 115, 232, 0.15), 0 8px 10px -5px rgba(26, 115, 232, 0.2);
}
input {
    outline: none;
    margin: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
    font-size: 14px;
    font-family: inherit
}

.input-group {
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #666;
}
.input-group-sm {
    position: relative;
    margin-bottom: 2px;
    border-bottom: 1px solid #666;
}

.input-icon {
    position: absolute;
    font-size: 18px;
    color: #ccc;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

.input--style-1 {
    padding: 9px 0;
    color: #666
}

    .input--style-1::-webkit-input-placeholder {
        color: #555
    }

    .input--style-1:-moz-placeholder {
        color: #555;
        opacity: 1
    }

    .input--style-1::-moz-placeholder {
        color: #555;
        opacity: 1
    }

    .input--style-1:-ms-input-placeholder {
        color: #555
    }

    .input--style-1:-ms-input-placeholder {
        color: #555
    }


.select--no-search .select2-search {
    display: none !important
}


.quest-select {
        display: block;
        width: 100%;
        padding: 0.5rem 1rem 0.5rem 0;
        -moz-padding-start: -3px;        
        font-size: 20px;
        padding-left:2%;
        font-weight:bold;
        line-height: 1.5rem;
        color: #495057;
        background-color: transparent;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: right 0 center;
        background-size: 16px 12px;
        border: 1px solid #d2d6da;
        border-radius: 0.375rem;
        transition: 0.2s ease;
        appearance: none;
        border: none;
    }

   
@media (prefers-reduced-motion: reduce) {
    .quest-select {
        transition: none;
    }
}

.quest-select:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.quest-select[multiple],
.quest-select[size]:not([size="1"]) {
    padding-right: 0;
    background-image: none;
}

.quest-select:disabled {
    color: #6c757d;
    background-color: #f0f2f5;
}

.quest-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}

.quest-select-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.75rem;
    font-size: 0.75rem;
    border-radius: 0.125rem;
}

.quest-select-lg {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 0.75rem;
    font-size: 0.875rem;
    border-radius: 0.5rem;
}



.form-ctrl {
    display: block;
    width: 100%;
    padding: 0.5rem 0;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #495057;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #d2d6da;
    appearance: none;
    border-radius: 0.375rem;
    transition: 0.2s ease;
    border:none;
}

@media (prefers-reduced-motion: reduce) {
    .form-ctrl {
        transition: none;
    }
}

.form-ctrl[type="file"] {
    overflow: hidden;
}

    .form-ctrl[type="file"]:not(:disabled):not([readonly]) {
        cursor: pointer;
    }

.form-ctrl:focus {
    color: #495057;
    background-color: transparent;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.form-ctrl::-webkit-date-and-time-value {
    height: 1.5rem;
}

.form-ctrl::placeholder {
    color: #adb5bd;
    opacity: 1;
}

.form-ctrl:disabled {
    background-color: #f0f2f5;
    opacity: 1;
}

.form-ctrl::file-selector-button {
    padding: 0.5rem 0;
    margin: -0.5rem 0;
    margin-inline-end: 0;
    color: #495057;
    background-color: transparent;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: all 0.15s ease-in;
}

@media (prefers-reduced-motion: reduce) {
    .form-ctrl::file-selector-button {
        transition: none;
    }
}

.form-ctrl:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: rgba(0, 0, 0, 0.05);
}

.form-ctrl-plaintext {
    display: block;
    width: 100%;
    padding: 0.5rem 0;
    margin-bottom: 0;
    line-height: 1.5rem;
    color: #344767;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

    .form-ctrl-plaintext:focus {
        outline: 0;
    }

    .form-ctrl-plaintext.form-ctrl-sm,
    .form-ctrl-plaintext.form-ctrl-lg {
        padding-right: 0;
        padding-left: 0;
    }

.form-ctrl-sm {
    min-height: unset;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    border-radius: 0.125rem;
}

    .form-ctrl-sm::file-selector-button {
        padding: 0.25rem 0.75rem;
        margin: -0.25rem -0.75rem;
        margin-inline-end: 0.75rem;
    }

.form-ctrl-lg {
    min-height: unset;
    padding: 0.75rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 0.5rem;
}

    .form-ctrl-lg::file-selector-button {
        padding: 0.75rem 0.75rem;
        margin: -0.75rem -0.75rem;
        margin-inline-end: 0.75rem;
    }

textarea.form-ctrl {
    min-height: unset;
}

textarea.form-ctrl-sm {
    min-height: unset;
}

textarea.form-ctrl-lg {
    min-height: unset;
}

.form-ctrl-color {
    width: 3rem;
    height: unset;
    padding: 0.5rem;
}

    .form-ctrl-color:not(:disabled):not([readonly]) {
        cursor: pointer;
    }

    .form-ctrl-color::-moz-color-swatch {
        border: 0 !important;
        border-radius: 0.375rem;
    }

    .form-ctrl-color::-webkit-color-swatch {
        border-radius: 0.375rem;
    }

    .form-ctrl-color.form-ctrl-sm {
        height: unset;
    }

    .form-ctrl-color.form-ctrl-lg {
        height: unset;
    }


/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
    display: none;
}