:root {
--frm-color-primary: #1E90FF;
--frm-color-secondary: #EDF3F8;
}
#forms-form-wrapper {
background-color: var(--frm-color-primary);
}
.card-header.forms-form-header{
background-color: var(--frm-color-secondary);
padding: 20px;
}
.card .card-header.forms-form-header h6 {
color:var(--frm-color-primary);
font-size: 40px;
font-weight: 700;
}
#requiredMessage .text-muted.required{
color: var(--frm-color-secondary)!important;
}
.form-group.ng-scope>label{
color: var(--frm-color-secondary);
}
.form-group.ng-scope>input{
background-color: var(--frm-color-secondary);
color: var(--frm-color-primary);
border: none;
}
.form-group.ng-scope>input::placeholder {
color: var(--frm-color-primary);
}
.form-group.ng-scope>.label-subtext{
color: var(--frm-color-secondary);
font-style: italic;
margin:0px;
}
.label-subtext{
color: var(--frm-color-secondary);
font-style: italic;
margin:0px;
}
.form-group.ng-scope>.label-subtext>p{
margin:0px;
}
.label-subtext>p{
margin:0px
}
.form-group.ng-scope>textarea{
background-color: var(--frm-color-secondary);
color: var(--frm-color-primary);
border: none;
}
.form-group.ng-scope>textarea::placeholder {
color: var(--frm-color-primary);
}
.form-group.ng-scope>.redactor-container>.redactor-box.redactor-styles-on{
background-color: var(--frm-color-secondary);
color: var(--frm-color-primary);
border: none;
}
.redactor-styles{
color: var(--frm-color-primary);
}
.re-button.re-button-icon{
background-color: var(--frm-color-primary);
}
.re-button.re-button-icon>i{
fill: var(--frm-color-secondary);
color: var(--frm-color-secondary);
}
.checkbox span.label-text:after{
border-color: var(--frm-color-secondary);
}
.checkbox input[type=checkbox]:checked+span.label-text:after{
background-color: var(--frm-color-primary);
border-color: var(--frm-color-secondary);
color: var(--frm-color-secondary);
}
.select2-container--default{
background-color: var(--frm-color-secondary)!important;
color: var(--frm-color-primary);
}
.select2-container--default.select2-container--open .select2-selection--single{
background-color: var(--frm-color-secondary)!important;
color: var(--frm-color-primary);
border-color: var(--frm-color-secondary) !important;
}
.select2-search__field{
background-color: var(--frm-color-secondary);
color: var(--frm-color-primary);
}
.select2-search__field:focus {
background-color: unset;
color: var(--frm-color-secondary);
}
.select2-results__options>li{
background-color: var(--frm-color-secondary);
color: var(--frm-color-primary);
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
background-color: var(--frm-color-primary);
color: var(--frm-color-secondary);
}
.select2-container--default .select2-selection--single{
background-color: var(--frm-color-secondary);
border-color: var(--frm-color-secondary);
}
.select2-container--default .select2-selection--single span.select2-selection__rendered{
color: var(--frm-color-primary);
}
.select2-container--default .select2-search--dropdown .select2-search__field{
border-color: var(--frm-color-primary);
}
.select2-container--open .select2-dropdown--below {
border-color: var(--frm-color-secondary);
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
color: var(--frm-color-primary);
}
.select2-container--default .select2-selection--single .select2-selection__arrow::before{
border-color: var(--frm-color-primary);
}
.select2-container--default .select2-selection--single .select2-selection__clear span::before{
background-color: var(--frm-color-primary);
}
.select2-container--default .select2-selection--single .select2-selection__clear span::after{
background-color: var(--frm-color-primary);
}
.radiobox span.label-text:before{
border-color: var(--frm-color-secondary);
}
.radiobox input[type=radio]:checked + span.label-text:before{
border-color: var(--frm-color-secondary);
}
.radiobox span.label-text:after {
background-color: var(--frm-color-secondary);
}
.file-upload-field-input{
padding: 20px;
}
.file-upload-field-input:not(.view-only){
background-color: var(--frm-color-secondary);
color: var(--frm-color-primary);
}
.file-upload-field-input:not(.view-only) .file-drop {
border-color: var(--frm-color-primary);
}
.file-upload-field-input:not(.view-only) .file-list:last-of-type>li {
border-color: var(--frm-color-primary);
}
.file-upload-field-input:not(.view-only) .file-list:last-of-type>li button{
border-color: var(--frm-color-primary);
background-color: var(--frm-color-primary);
color: var(--frm-color-secondary);
}
.file-upload-field-input:not(.view-only) .file-list:last-of-type>li button>svg{
color: var(--frm-color-secondary);
fill: var(--frm-color-secondary);
}
.btn-list>.btn-secondary{
border-color: var(--frm-color-primary);
background-color: var(--frm-color-primary);
color: var(--frm-color-secondary);
}
.appointment-intake-form-wrapper{
border-color: var(--frm-color-primary);
background-color: var(--frm-color-secondary);
color: var(--frm-color-primary);
}
.appointment-intake-form-field-block .btn.btn-primary{
border-color: var(--frm-color-primary) !important;
background-color: var(--frm-color-primary) !important;
color: var(--frm-color-secondary);
}
.appointment-intake-form-field-block h4{
color: var(--frm-color-primary);
}
.appointment-intake-form-field-block h5.ng-binding{
color: var(--frm-color-primary);
}
.form-actions.btn-list>.btn.btn-primary{
border-color: var(--frm-color-secondary) !important;
background-color: var(--frm-color-secondary) !important;
color: var(--frm-color-primary);
font-size: 24px !important;
padding: 0px 20px !important;
font-weight: 700 !important;
}
[uib-datepicker-popup-wrap] .dropdown-menu {
background-color: var(--frm-color-secondary);
border-color: var(--frm-color-secondary);
}
[uib-datepicker-popup-wrap] .uib-datepicker-popup table th, [uib-datepicker-popup-wrap] .uib-datepicker-popup table td {
color: var(--frm-color-primary);
}
[uib-datepicker-popup-wrap] .uib-datepicker-popup table th>small.ng-binding {
color: var(--frm-color-primary);
}
.btn-info {
border-color: var(--frm-color-primary) !important;
background-color: var(--frm-color-primary) !important;
color: var(--frm-color-secondary) !important;
}
