@import url("./Standard.css");
/*@import url("./focus-style-fix.css"); */
/*@import url("../../jadu/bundles/pulsar/libs/font-awesome/css/font-awesome.min.css"); */




/*-----------------------------------------------------------*/
/************* [BEGIN] General: UMN Branding ****************/
/* Changes the branding colors in Jadu to match UMN standard */
/*************************************************************/

/* Set the header top border to the UMN maroon color */
header {
    border-top: 10px solid #7a0019;
}

/* Set the alert link color to the UMN maroon color */
a.button.alert__link {
    background-color: #7a0019;
    border-color: #7a0019;
}

/* Changing background color of aside on login page */
aside#flash-message-alert-error-0 {
    border: 1px solid #f0f0f0;
    background-color: #f0f0f0;
}

/* Set the all buttons to the UMN maroon color */
.button, .button:visited {
    background-color: #7a0019;
    border-color: #7a0019;
    display: inline-block;
    /* padding-top: 1rem; -- 20231220 - Removing this as it does not appear to be necessary */
}

/* Set additional buttons to UMN maroon color */
input[type=submit], input[type=submit]:hover {
	background-color: #7a0019;
    border-color: #7a0019;
}

/* Set the "next" button to the UMN maroon color */
.button--primary, .button--primary:hover, .button--primary:visited, .button-primary:focus, .button-primary:active, .form--form-builder.form--block .form__control .table-details .data-table .button, .form--form-builder.form--block .form__control .table-content > .button, .form--form-builder.form--block .form__control .table-details .data-table .button:visited, .form--form-builder.form--block .form__control .table-content > .button:visited {
    background-color: #7a0019;
    border-color: #7a0019;
}

/* Styling for secondary button on hover to theme them with UMN colors */
.button--secondary, .button--secondary:hover, .button--secondary:visited, .button--secondary:focus, .button--secondary:active, .form__block .calendar--event-booking .button, .form--form-builder .alert__link, .form--form-builder.form--block .form__component--event-booking .button, .form--form-builder.form--block .form__control .table-details .button, .form__component--file-upload .button, .form__block .calendar--event-booking .button:visited, .form--form-builder .alert__link:visited, .form--form-builder.form--block .form__component--event-booking .button:visited, .form--form-builder.form--block .form__control .table-details .button:visited, .form__component--file-upload .button:visited {
    background-color: #7a0019;
    border-color: #7a0019;
}

/* Styling for tables to theme them with UMN colors */
.data-table th {
    background-color: #7a0019;
}

/* Styling for checkboxes to theme them with UMN colors */
.form__checkbox:checked {
    background-color: #7a0019;
}

/* Styling for radio buttons to theme them with UMN colors */
.form__radio:checked {
    background-color: #7a0019;
}

/* Styling for progress bar to theme them with UMN colors */
.progress-bar--success .progress-bar__indicator {
    background: #ffcc33;
}

/* Styling for progress bar to theme them with UMN colors */
.progress-bar__indicator {
    background: #ffcc33;
}

/* Styling for all html tables in Jadu to theme them with UMN colors */
table th {
    background-color: #7a0019;
}

.form--form-builder .integrated-component {
    flex-wrap: wrap;
}

/******************* {END] General: UMN Branding *******************/
/*-----------------------------------------------------------------*/




/*----------------------------------------------------------------------*/
/********************** [BEGIN] General: Formatting *********************/
/* Changes to the "File Upload" element to make errors more visible *****/
/************************************************************************/
/* Hide the "Register" button on the login page */
aside#flash-message-alert-error-0 a.button.alert__link[href$="register"] {
    display: none;
}

/* Move the lookup button below a dropdown */
.integrated-component input[type=text], .integrated-component select {
    flex: 0 0 100%;
}

/* Add space between a dropdown and the lookup button */
.form--form-builder .integrated-component .button {
    margin-top: 0.3em;
}

/* Hide the breadcrumb navigation from the end user */
.breadcrumb {
    display: none;
}

/* Add padding around items in a list for readability */
.list--form-summary .list__item-title {
    padding-right: 2.5rem;
}

/* Hide the breadcrumb in the navigation */
nav.breadcrumb {
    display: none;
}

/* Adding border around repeatable question */
.table-content {
    height: 100% !important;
    border: 1px solid;
    overflow: hidden;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
}

/******************* [END] General: Formatting *******************/
/*---------------------------------------------------------------*/




/*-----------------------------------------------------------------------*/
/********************** [BEGIN] Bug Fix: File Upload *********************/
/* Changes to the "File Upload" element to make errors more visible ******/
/*************************************************************************/

/* Adding color to file upload error icon */
.dz-error-mark path {
    fill: #CC0000;
    stroke: white;
}

/* Adding color to file upload error icon */
.dz-success-mark path {
    fill: #4BB543;
    stroke: white;
}

/* Increase margin to show the icons better */
.xforms_dropzone .dz-preview .dz-error-message {
    margin-top: 3em;
}

/******************* [END] Bug Fix: File Upload *******************/
/*-------------------------------------------------------*/




/*------------------------------------------------------*/
/************** [BEGIN] Custom: Loading Icon ************/
/* Creates the loading symbol when a form is submitted **/
/********************************************************/

/* Add the white overlay on the screen to prevent clicking anything on the form */
#overlay {
    background: #ffffff;
    color: #666666;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    float: left;
    text-align: center;
    padding-top: 25%;
    opacity: .80;
  }

/* Add spinner styling */
.spinner {
margin: auto;
left: 0;
right: 0;
top: 38%;
bottom: 0;
position: fixed;
text-align: center;
z-index: 50001;
}

/* Add spinner styling */
.spinner > div {
width: 18px;
height: 18px;
background-color: #7a0019;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

/* Add spinner animation */
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}

/* Add spinner animation */
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}

/* Add spinner animation */
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}

/* Add spinner animation */
@keyframes sk-bouncedelay {
0%, 80%, 100% { 
  -webkit-transform: scale(0);
  transform: scale(0);
} 40% { 
  -webkit-transform: scale(1.0);
  transform: scale(1.0);
}
  }
/******************* [END] Custom: Loading Icon *******************/
/*----------------------------------------------------------------*/




/*--------------------------------------------------------------------*/
/**************** [BEGIN] Component: Display Field/ Area **************/
/***** Custom styling of Display Field and Display Area Elements ******/
/**********************************************************************/

/* Add a grey color to display text and display areas using custom CSS class */
.umn-display {
	background-color: #f0f0f0;
}

/******************* [END] Component: Display Field/Text Area *******************/
/*------------------------------------------------------------------------------*/




/*-------------------------------------------------------------*/
/**************** [BEGIN] IC: CXM - Existing Case **************/
/***** Custom styling for the "CXM - Existing Case" IC *********/
/***************************************************************/

.form__control[data-secondary="cxmCaseAccessCodeVerified_Hidden"] {
    opacity: 0 !important;
}

.umn-alert-box {    
    box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
    margin: 0.5rem;
}

.umn-alert-info {
    color: #a94442;
    font-size: 55px;
    margin: 0;
    padding: 0.5rem;
}

.umn-alert-error {
    color: #a94442;
    font-size: 55px;
    margin: 0;
    padding: 0.5rem;
}

.umn-alert-message {
    padding-top: 0 !important;
}

.umn-flex-container {
    display: inline-flex;
    flex-flow: none;
    vertical-align: middle;
    justify-content: space-around;
    align-items: center;
    list-style: none;
    padding: 0 1rem 0 1rem;;
}

.umn-flex-item {
    padding: 0.35rem;
    text-align: center;
}

/******************* [END] IC: CXM - Existing Case *******************/
/*-------------------------------------------------------------------*/