/*------------------------------------------------------------------------------------------
MODAL STYLES
------------------------------------------------------------------------------------------*/

.jqmWindow {
    position: absolute;
    top: 45px;
    left:50%;
    width: 600px;
    margin: 0;
    padding: 0;
    overflow: visible;
    max-height: fit-content;
    margin-left:-300px;
    background-color: white;
    z-index: 999;
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari, Chrome */
    border-radius: 6px; /* CSS3 */
    border: solid #DCDCDC 1px;
    margin-bottom:20px;
    text-align: center;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);

}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
    width: expression(this.parentNode.offsetWidth+'px');
    height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed positioning emulation for IE6. Star selector used to hide definition from browsers other than IE6 For valid CSS, use a conditional include instead */
* html .jqmWindow {
   position: absolute;
   top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


img.loading_img{
    padding-bottom:20px;
    padding-top:10px;
}

p.loading_p{
    font-style:italic;
    font-size:0.8em;
    text-align:center;
    padding-bottom:5px;
    padding-top:40px;
}

.modalContainer{
    text-align: left;
    font-size:14px;
}

.modalTitle{
    background: #FFFFFF;
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari, Chrome */
    border-radius: 6px; /* CSS3 */
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    height:50px;
    border-bottom: solid #DCDCDC 1px;
}

.modalTitle.welcome{
    width:800px;
}

.modalTitle h3{
    font-size:20px;
    font-weight:bold;
    float:left;
    padding-top:15px;
    padding-left:15px;
    color:#000000;
}

.modalTitle a,
.modalTitle input[type=submit],
.modalTitle button {
    float:right;
    margin-right:15px;
    margin-top:7px;
}

.modal-title-actions {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.modal-title-actions button {
    float: none;
}

.modalContents{
    padding-left:20px;
    padding-right:20px;
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.modalContents.welcome{
    padding-left:20px;
    padding-right:20px;
    background-color:#FFFFFF;
}

.modalSection{
    width:100%;
    border-bottom: solid #E5E5E5 1px;
    padding-top:15px;
    padding-bottom:15px;
}

.last {
    border-bottom: none;
}

.modalSection.withSubHeadings{
    border-bottom: 0;
}


.modalSection h2,
.modalSection label{
    font-weight:bold;
    line-height:1.3em;
    padding-right: 5px;
    font-size: 12px;
}

.modalSection input, .modalSection select, .modalSection textarea{
    font-size: 13px;
    line-height: normal;
    padding: 6px;
}

.modalSection textarea{
    overflow:auto;
}

.modalSection input.datePicker{
    margin-right:5px;
    width:95px;
}

.modalSection p{
    margin-bottom:10px;
    line-height:1.3em;
}

.modalActions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.modalActions button {
    margin-right: 1rem;
}

.modalNotificationStrip{
    display:none;
    width:100%;
    font-weight: bold;
    padding:15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f79533;
    color:white;
    margin: 10px 0;
}

.successBar
{
    background-color: #4cb564;
    color:white;
}

.noticeBar
{
    background-color: #f79533;
    color:white;
}

.modalSpacer{
    float:left;
    width:100%;
    height:15px;
}

.loadingFrame{
    font-size:10px;
    padding-top:20px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}

#modal_Register
{
    left: 50%;
    width: 400px;
    margin-left: -200px;
}

.registration_partial_content h1
{
    font-size: 16px;
    font-weight: bold;
    line-height:1.4em;
}

.registration_partial_content .modalSection
{
    padding-bottom: 15px;
}

.modalFormBox label {
    font-size: 12px;
    font-weight: bold;
    float: left;
    margin-bottom: 5px;
    margin-top: 10px;
}

.modalFormBox input[type="text"], .modalFormBox input[type="password"],
.width100 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.modalFormBox input[type="submit"] {
    margin:0px;
}

.success {
    color: #4cb564;
    font-size: 12px;
    margin-bottom:0px;
}

.warning
{
    color: #FF6262;
    font-size: 12px;
    margin-bottom:0px;
}

.warning-message
{
    padding-top: 5px;
}
.form_section
{
    float: left;
    width:100%;
}

.heading-icon {
    float:left;
    margin-right:10px;
    font-size: 1.4rem !important;
}

.heading-content
{
    float:left;
}

.heading-content a
{
    font-size:13px;
}

.modalNotificationStripSuccess{
    background-color: #e4edf6;
    display:none;
    float:left;
    width:530px;
    border-bottom:solid #E5E5E5 1px;
    font-style: italic;
    padding:15px;
    margin-bottom:15px;
}

.modalNotificationStripSuccessTop {
    background-color: #e4edf6;
    display:none;
    width:100%;
    font-weight: bold;
    padding:15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px 0;
}

.modalNotificationStripWarning {
    width:100%;
    font-weight: bold;
    padding:15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #dd0000;
    color:white;
    margin: 10px 0;
}

.footerControls {
    background-color: #efefef;
    padding:20px 10px;
    border-top: 1px solid #dcdcdc;
    -moz-border-bottom-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-bottom-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.modalSection img.ui-datepicker-trigger,
.bodySection img.ui-datepicker-trigger {
    vertical-align: middle;
    margin-left: 4px;
}