﻿.pangea-common-widgets-form-inline-form {
    height: 1.5em !important;
}

.pangea-common-widgets-form-legend {
    float: left;
    padding: 0.5em;
    margin: 0;
    font-size: 1em;
    background-color: #b8b8b8;
    color: #666666;
    font-weight: bold;
    width: 100%;
}

.pangea-common-widgets-form-legend i {
    margin-right: 0.5em;
}

.pangea-form-row {
    float: left;
    width: 100%;
}

.pangea-form-row-flex {
    display: flex;
}

.pangea-common-page-wrap form, 
.pangea-common-page-wrap label, 
.pangea-common-page-wrap input, 
.pangea-common-page-wrap select, 
.pangea-common-page-wrap textarea {
    width: 100%;
    height: auto;
}

.pangea-common-page-wrap .rz-form-field-label {
    width: auto;
}

/*doubling up pangea-common-page-wrap class declaration to add more weight to the specificity*/
.pangea-common-page-wrap.pangea-common-page-wrap .rz-form-field-content input:hover, .pangea-common-page-wrap.pangea-common-page-wrap .rz-form-field-content input:focus {
    border: 1px solid;
} 



/*.pangea-common-page-wrap  .rz-form-field-content > :not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):hover, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover {
    border: 1px;
    box-shadow: none;
}

.pangea-common-page-wrap  .rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus {
    border: 1px;
    box-shadow: none;
}

.pangea-common-page-wrap  .rz-form-field-content > :not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content input:not(:disabled):not(.rz-state-disabled):focus-within, .rz-form-field-content .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus-within {
    border: 1px;
    box-shadow: none;
}*/
.pangea-common-widgets-form-title {
    float: left;
    width: 100%;
    height: auto;
    padding: 0.5em;
    background-color: gray;
    color: white;
}

.pangea-common-widgets-form-title h3 {
    padding: 0;
    margin: 0;
    font-weight: bold;
}

.pangea-common-widgets-form-divider {
    float: left;
    width: 100%;
    height: 2em;
    display: block;
}

.pangea-common-page-wrap label {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 0.05rem;
    margin-top: 0.5rem;
}
.radzen_formfield_text_center label{
    font-size: 1rem;
    font-weight:normal;
    margin:0;
    padding-left:0.6em;
    color:midnightblue;
}



.pangea-common-page-wrap p.pangea-common-error {
    font-weight: bold;
    font-size: 0.9em;
    color: red;
    margin: 0;
    margin-top: 0.25em;
}

.pangea-common-page-wrap input, 
.pangea-common-widgets-search-wrap input {
    float: left;
    display: block;
    padding: .375rem .75rem;
    padding-right: 0;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid black;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.pangea-common-page-wrap input.pangea-common-widgets-form-input-small {
    width: 5em;
}

.pangea-common-page-wrap input.pangea-common-widgets-form-input-flex {
    flex-grow: 1;
    width: auto;
    margin-right: 0;
}


.pangea-common-page-wrap input[type="file"] {
    color: transparent;
    margin : 0.1rem 0;
}

.pangea-common-page-wrap select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    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 .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .pangea-common-page-wrap input[readonly], .pangea-common-page-wrap select[readonly] {
        background-color: transparent;
        border-color: #ced4da;
        color: black;
        opacity: 0.8;
    }

.pangea-common-page-wrap textarea {
    float: left;
    width: 100%;
    padding: 0.25em;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid black;
    border-radius: .25rem;
}

.pangea-common-widgets-form-checkbox {
    float: left;
    width: 100%;
    height: auto;
}


.pangea-common-widgets-form-checkbox > input {
    float: left;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: .25em;
}

.pangea-common-widgets-form-checkbox > label {
    width: calc(100% - 3em);
    text-indent: 1em
}



.pangea-common-widgets-radio-button {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-left: 1em;
    padding-right: 1em;
    line-height: 1em;
}

.pangea-common-widgets-radio-button:hover {
    background-color: revert;
    border-color: revert;
    color: #6c757d;
}



.pangea-common-widgets-form-input-text {
    float: left;
    width: 3em;
    padding: 0;
    font-size: 0.7em;
    margin: 1.25em 0.5em 0 0;
    text-align: right;
}

.pangea-common-widgets-form-input-clear-button {
    float: right;
    margin-top: -1.95em;
    margin-right: 1em;
}


.pangea-common-widgets-form-input-currency {
    text-indent: 2em;
}

.pangea-common-widgets-form-input-currency-label {
    float: left;
    margin-left: 1em;
    margin-top: -2em;
    color: #bbbbbb;
}

.pangea-common-widgets-form-disabled-clicks-active {
    background-color: #ececec !important;
    color: #8890a3 !important;
    border: 1px solid #ced4da !important;
}


.pangea-common-widgets-form-disabled {
    pointer-events: none;
    cursor: default;
}

.pangea-common-widgets-form-disabled button {
    background-color: #ececec !important;
    color: #8890a3 !important;
    border: 1px solid #ced4da !important;
}

.pangea-common-widgets-form-disabled input,
.pangea-common-widgets-form-disabled textarea,
input:disabled, 
textarea:disabled {
    color: #AAA !important;
    background: #F5F5F5 !important;
}

.pangea-common-widgets-form-disabled .pangea-common-widgets-panel-body-toggle i {
    background-color: #ececec !important;
    color: #8890a3 !important;
    border: 1px solid #ced4da !important;
}

.pangea-common-widgets-form-disabled .pangea-common-widgets-button.pangea-common-widgets-list-button, 
.pangea-common-widgets-form-disabled .pangea-common-widgets-button.pangea-common-widgets-button-tight {
    color: #a2a2a2 !important;
    background-color: #ececec !important;
}



@media (min-width: 768px) {

    .pangea-common-widgets-radio-button:hover {
        background-color: #6c757d;
        border-color: #6c757d;
        color: #fff;
    }

}

@media (min-width: 1200px) {

    .pangea-common-widgets-form-input-clear-button {
        display: none;            
    }            

}