/*#region Container */
.repairDiagnosticContainer {
    display:inline-block;
    width:100%;
}

.repairDiagnosticControl {
    display:inline-block;
    width:100%;
}

.repairDiagnosticAssetSelection {
    display:inline-block;
    width:100%;
}
/*#endregion*/

/*#region Buttons*/
#switchProperty {
    margin:auto;
    float:left;
    margin-bottom:5px;
}

input[type=submit].basketButton {
    margin:auto;
    float:right;
}

.buttonContainer {
    margin-top:1em;
}


/*#endregion*/

/*# Region stepSearch*/

#diagnosticContainer  #stepSearchBox {
   display:inline-block;
   /*   width:100%;
    max-width:600px;*/
    margin-top:5px;
    margin-bottom:1em;
}
/*endregion*/


/*#region Steps*/
.rootStepsContainer {
    display:flex;
    flex-wrap:wrap;
  /*  width:100%;
    max-width:500px;*/
}

.stepControl {
   width:100%;
    display:flex;
    flex-wrap:wrap;
    align-self:flex-end;
}

.stepTitle {
    width:100%;
    font-size:1.25em;
    font-weight:700;
    padding-bottom:10px;
    padding-top:5px;
}

.stepDesc {
    width:100%;
}

.nextButton{
    width:100%;
}

.stepPath {
    width:100%;
    order:-1;
    margin-bottom:5px;
}
/*#endregion*/

/*#region Basket*/
.basketContainer {
    border: 1px solid grey;
    display:flex;
    flex-wrap:wrap;
    margin: 5px 5px 5px 5px;
    padding:5px 5px 5px 5px;
}

.basketContainer .rowContainer {
    width:100%;
    margin:5px 5px 5px 5px;
    padding: 0px 0px 5px 0px;
    border-bottom:1px dashed lightgrey;
}

.rowContainer .basketDeleteButton {
    margin:auto;
    float:right;
}

.basketButtonContainer input[type=submit]{
    margin:auto;
    float:right;
}

.basketContainer .emptyBasket {
    width:100%;
    margin:10px 10px 10px 10px;
}

/*#endregion*/

.hideSubControl {
    display:none;
}

/* The Modal (background) */
.switchWarning {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1500; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.switchWarningContent {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  display:flex;
  flex-direction:column;
}

#SwitchWarningMessage {
    font-size:20px;
    
}

/* asset selected cannot be diagnosed*/
.diagnosticWarningMessage{
    font-size:1.2em;
    font-weight:600;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* label & text stylings*/

.addressTextLabel{
    padding-top:1em;
}
#AddressText{
    font-weight:600;
}
#diagnosticContainer .rent-accounts-container{
    background-color:none;
    padding:1em 0;
}
#repairDiagnosticContainer .rent-accounts-title{
    font-size:1.2em;
    font-weight:600;
}

/*#region External Diagnostics */

.form-external-diagnostic .errorMessage,
.externalErrorMessage {
    display:block;
    font-size:1em;
    font-weight:bold;
    color:red;
    border: 2px solid red;
    padding:1em;
    margin:1em 0px 1em 0px;
}

.form-external-diagnostic #HeaderText {
    font-size:2.25em;
    font-weight:bold;
}

.form-external-diagnostic #IntroText {
    font-size:1.1em;
}

.form-external-diagnostic #pnlContainer {
    margin-top:1.5em;
}

.form-external-diagnostic #lblRepairsTitle {
    font-size:1.25em;
}


/*#endregion */

.hr {
    border-bottom:1.5px solid;
    width:100%;
   padding: 0.5em 0;
    margin: 0.5em 0;
}