/*Full width*/
.LiveField,
.LiveField__container,
.LiveFieldSection,
.editor > .DraftEditor-root > .DraftEditor-editorContainer > .public-DraftEditor-content > div > *,
form.LiveFieldSection.Paperform__QuestionBlock {
    width:100% !important; 
    max-width:100% !important;
}

/*Basics*/
input, 
textarea,
select,
.PaperDateInput__input {
    border: 1px solid #BCBCBC !important;
    border-bottom: 3px solid #464646 !important;
    padding-top: 13px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
:focus {
    border: 2px solid #004E9A !important;
    padding: 2px;
}

:active {
    color:#004e9a;
}

label, .Address__input label {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400 !important;
}

/*Select Options*/
.Select-placeholder, 
.Select--single > .Select-control .Select-value {
    background-color: #ffffff;
    border-bottom: 3px solid #000000;
}
.Select-placeholder:focus {
    border: 2px solid #004E9A !important;
    padding: 2px;
}

.Select-control {
    border-radius: 0;
}
.Select-input {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Roboto, sans-serif;
}
/*Select Dropdown Arrow*/
.Select-arrow, 
.Select-arrow-zone:hover > .Select-arrow {
    border-top-color: #004e9a;
    border-width: 8px;
}

/*Yes-No*/
.YesNo .YesNo__button {
    display: inline;
    margin: 0.5rem;
}

/*Checkbox*/
.Choices {
    flex-wrap: wrap;
}
.Choices__label {
    padding-right: 1px;
}
.Choices__choice {
    margin-right: 10px;
    width: auto;
}
.Choices__choice.btn-raised {
    border-radius: 4px;
    box-shadow: none !important;
}
.btn-raised, .btn-raised:hover, .btn-raised:focus,
.btn-raised:active, .btn-raised[disabled]{
    box-shadow: none !important;
}


/*Question Specific*/

.Address__input span,
.Address__input.Address__input--error span {
    color: red;
}

/*Submit button*/
.submit .btn-raised {
    width: auto;
}
/*Alternative buttons*/
.BtnV2, .introjs-button {
    color: #ffffff !important;
    background-color: #004e9a;
}
/*Required*/
.LiveField--required .LiveField__header [data-block]:last-child > [data-offset-key]:last-child >:last-child [data-text]::after, 
.Field--required  .Field__headerlabel [data-block]:last-child > [data-offset-key]:last-child >:last-child [data-text]::after {
    color: red;
}

/*Attachments*/
.BtnV2.MultipleFiles__file {
    border-bottom: 2px solid black !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    color: #000000 !important;
    text-align: left !important;
}
/*Attachment button*/
.BtnV2.BtnV2--raised.BtnV2--primary.BtnV2--focusable {
    background: #004e9a;
    color: white;
}
/*Pagination*/    
button.btn-raised.btn-primary.Pagination__pagebutton {
    margin: 0 10px;
}
.Pagination__pagebutton.btn-raised{
    border-radius: 4px;
    margin: 0 5px;
}
:first-child.Pagination__btn.btn-raised:last-child,
.Pagination__btn.btn-raised,
.BtnV2, .introjs-button {
    border-radius: 4px !important;
}

/*Paperform Accordion - See 1025Supplier for HTML*/

/* some basic resets*/
.prfm-accordion table tr td {
    vertical-align: top;
    padding: .5rem;
}
.prfm-accordion details * {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    line-height: 1.5;
    font-size: calc(16px + 0.1vw)
}
/* unrelated default styling */
.prfm-accordion details ul {
    list-style-position: inside;
    margin-top: 1rem;
}
/* --------------------------------- */
/* details/summary magic starts here */

.prfm-accordion details {
    border-bottom: 1px solid black;
    display: block;
    /*max-width: 42em;*/
    margin: .5rem 0;
    width: auto;
}
.prfm-accordion summary {
    padding: .5rem 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.prfm-accordion h3.collapsible-summary-title {
    font-size: 1rem;
}
.prfm-accordion .collapsible-summary-description {
    margin-top: .5rem;
}
.prfm-accordion details > .collapsible-content {
    padding: 1rem;
}

/* Remove the summary element's default small collapsing arrow marker on the left, which points right to replace it with a better one positioned on the right and pointing down)*/
.prfm-accordion details>summary::marker, .prfm-accordion details>summary::-webkit-details-marker {
display: none;
}
.prfm-accordion details>summary::-moz-list-bullet {
list-style-type: none;
list-style: none;
display: none;
}
/* Create custom rotating down-up-arrow with an inline svg - replace with your own arrow if this caret isn't to your liking */

.prfm-accordion details>summary:after {
    content: ' ';
    width: 2rem;
    height: 2rem;
    display: inline-block;
    transform: rotate(90deg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="2rem" height="2rem"><path d="M0 0h24v24H0V0z" fill="none"/><path fill="lightgray" d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg>');
}
/* Rotate the arrow when the collapsible is open */
.prfm-accordion details[open]>summary:after {
    transform: rotate(-90deg);
}