/******************************
  These styles are shared by
    EIR.aspx,
    EIR_SPA.aspx,
    ... user controls on these pages
*/

/*** 
* Styles for both EIR.aspx and EIR_SPA.aspx
*/

.eir-shared .main-container {
    padding-top: 60px;
}

.eir-shared .page-title {
    margin: 0;
    padding: 20px 0;
}

.eir-shared #timeoutMessage {
    padding-bottom: 20px;
}

.eir-shared .label-required-fields {
    font-weight: bold; 
    color: #888888; 
}

.eir-shared .form-table {
    border-collapse: separate;
    border-spacing: 0 2px;
}

.eir-shared #dynamicFormTable {
    border-spacing: 0;
}

.eir-shared .form-table td {
    border: none;
    padding: 0;
}

.eir-shared .form-table-padding td {
    padding: 1px;
    padding-left: 0;
}

.eir-shared .ucTableCellRow td {
    padding-left: 0px !important;
}

.eir-shared .ucTableCellRow .ucTableCell100 .tc_body > span:not([bind-item-type='12']) {
    white-space: normal;
}
.eir-shared .tc_indent {
    width: 0px;
    margin: 0;
    border: none;
}

.ucTableCell100 {
    height: auto;
}

input, 
textarea, 
select, 
label { 
    font-size: 12.8px !important; 
}
input.ucButton {
    font-size: 11px !important;
}

.ucLabelTop {
    margin-top: 5px;
    font-size: 12.8px !important; 
}

.tc_body .ucLabelTop {
    margin-top: 0;
}

.eir-shared .ucLabelHeader {
	width: 574px;
}

.ucLabelTop_RequiredField,
.ucLabelTop_Sm_RequiredField,
.ucLabelTopsch_RequiredField,
.ucLabelTop_tsk_RequiredField,
.ucLabelTop_dpAdvSrh_RequiredField,
.ucLabelTop_EIRLoc_RequiredField,
.ucLabelTop_ele1_RequiredField,
.ucLabelTop_selLoc_RequiredField,
.ucLabelTop_dtlFrm_RequiredField,
.ucLabelTop_dspGI_RequiredField,
.ucLabelTop_dspSum_RequiredField,
.ucLabelTop_csm_RequiredField {
    display: inline-block;
    width: auto;
    margin: 5px 0;
}

.eir-shared .ucRadioButtonList, 
.eir-shared .ucCheckBoxList {
    display: table;
	width: 540px;
}

.eir-shared .form-table td > label {
    white-space: nowrap;
}

.eir-shared .form-table table.ucRadioButtonListOneColumn td label, 
.eir-shared .form-table table.ucCheckBoxListOneColumn td label {
    white-space: normal;
}

.eir-shared table.ucRadioButtonList label {
    padding-top: 3px;
    /*display: inline-block !important;*/
}

.eir-shared span[longstring="1"] > input[type="checkbox"] + label,
.eir-shared span[longstring="1"] > input[type="radio"] + label {
    max-width: 263px !important; 
}

.eir-shared .mce-tinymce {
    margin-top: 20px;
}

.eir-shared #ucEIRAttach_btUpload {
    margin-top: 5px;
}

.eir-shared .captcha-container {
    padding-top: 7px;
}

.eir-shared #recaptcha_widget {
    margin-top: 15px;
}

.eir-shared .csValidator {
    position: relative;
    top: -20px;
    left: 10px;
}

.eir-shared .back-link,
.eir-shared .next-link {
    margin-right: 15px;
    font-size: 1em;
    color: #1F83FF;
}

.eir-shared .cancel-link {
    margin-right: 15px;
    font-size: 1em;
    color: #3C495A;
}

/* Firefox styles */
.k-ff .ucButton[disabled="disabled"] {
    color: #999999;
}

.k-ff .ui-datepicker select.ui-datepicker-month, 
.k-ff .ui-datepicker select.ui-datepicker-year {            
    height: 22px;
}

/* waiting icon - kendo progress */
.eir-shared .k-loading-mask {
    position: fixed;
    background-color: #000000;
    opacity: 0.5; 
    cursor: wait; 
}
        
/* error alert pop-up */
.eir-shared .k-dialog.k-alert .k-content {
    max-width: 500px;
    text-align: left;
    line-height: 1.4;
}

/* Cancel Application pop-up */
.eir-shared .k-confirm .k-dialog-buttongroup {
    padding-top: 10px;
}
.eir-shared .k-dialog.k-confirm .k-dialog-buttongroup .k-button {
    min-width: 70px;
    width: auto !important;
    padding-left: 0.75em !important;
    padding-right: 0.75em !important;
}


/*** 
* Task DT_1421 Searchable DropDownList
*   styles from changeset 46505
*/
.site-name {
    display: inline;            
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.build-name {
    display: inline;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.loc-address {
    display: inline;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}


/*** 
* Styles for only EIR.aspx (tab view)
*/

#eirForm {
    height: 100%;
    padding: 0;
}

#eirForm .eir-left-pane {
    z-index: 2;
    position: fixed;
    top: 109px;
    left: 0;
    box-sizing: border-box;
    width: 242px;  /* content 240px + border 2px */
    height: calc(100% - 109px);
    padding: 90px 0;
    background-color: #FFFFFF;
    border-right: 2px solid #B5BDCB;
}

@media (max-height: 900px) {
    #eirForm .eir-left-pane {
        padding-top: 10vh;
    }
}

#eirForm .eir-menu-tabs {
    box-sizing: border-box;
    height: 100%;
    padding: 0 15px;
    overflow-x: visible;
    overflow-y: auto;
}

#eirForm .eir-right-pane {
    z-index: 2;
    position: absolute;
    top: 109px;
    right: 0;
    box-sizing: border-box;
    width: calc(100% - 242px);
    height: calc(100% - 109px);
    padding: 0 80px;
}

#eirForm .main-container {
    position: relative;
    margin-top: 0;
    max-width: 980px;
    width: 100%;
    padding: 60px 220px;
}

#eirForm hr.section-divider {
    position: absolute;
    left: 0;
    margin-top: 40px;
    width: 100%;
}

#eirForm h2.section-title { 
    margin-top: 80px;
    font-size: 16px;
}

#eirForm #formTable {
    margin-top: 20px;
    width: 100%;
}

#eirForm #lbSubmitMessage {
    line-height: 1.5;
}

#eirForm .buttons-container {
    position: fixed;
    bottom: 0;
    left: 242px;
    right: 0;
    padding: 10px 15px;
    text-align: right;
    background-color: #FAFAFA;
    border-top: 1px solid #B5BDCB;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#eirForm .cancel-link {
    position: absolute;
    left: 30px;
    line-height: 38.5px;
}

#eirForm .back-link,
#eirForm .next-link {
    line-height: 38.5px;
}

#eirForm .back-link + .next-link {
    padding-left: 15px;
    border-left: 1px solid #B5BDCB;
}

/*** 
* Styles for only EIR_SPA.aspx (single-page view)
*/

#eirSpaForm .main-container {
    position: relative;
}

#eirSpaForm .fields-container {
    margin-bottom: 0;
    padding: 60px 220px 0;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#eirSpaForm .buttons-container {
    margin-top: 0;
    padding: 10px 15px;
    text-align: right;
    background-color: #FAFAFA;
    border-top: 1px solid #B5BDCB;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#eirSpaForm #formTable {
    margin-top: 80px;
    width: 100%;
}

#eirSpaForm .form-section {
    padding: 40px 0;
}

#eirSpaForm hr.section-divider {
    position: absolute;
    left: 0;
    margin-top: -40px;
    width: 100%;
}

#eirSpaForm h2.section-title { 
    margin-top: 0;
    font-size: 16px;
}


/*** 
* Styles for Location section (some code in ucIRLocation.ascx)
*/

.eir-shared .location-form-section .form-fill {
    position: absolute;
    left: -100px;
    top: -100px;
    margin: 0px; 
    width: 0px; 
    height: 0px; 
}

#ucLocationLatLngTable {
    display: none;
}

/*** 
* Styles for Dynamic Form sections (only EIR_SPA.aspx)
*/

#eirSpaForm .dynamic-IR-cell {
    padding-bottom: 40px;
}

/* the first dynamic section */
#eirSpaForm .dynamic-section-cell {
    padding-top: 40px;
}

/* dynamic sections after the first */
#eirSpaForm .dynamic-section-row ~ .dynamic-section-row > .dynamic-section-cell {
    padding-top: 80px;
}

.k-multiselect-wrap {
    height: 19px !important;
    min-height: 19px !important;
}

.msg-content {
    max-height: 400px;
    overflow-y: auto;
    background-color: #dedee0;
}

.msg-label {
    font-weight: 700;
    margin: 10px;
}

.msg-items {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    margin: 10px
}

.msg-footer {
    font-weight: 700;
    margin: 10px
}