/*#region Default Styles*/
body.sim {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/*#endregion*/

/*#region Sim Element Styles*/
.sim-entirePageDiv {
    width: 98%;
    padding: 10px;
}

.sim-header {
    width:100%;
    overflow:hidden;
}

#sim-headerText {
    width:100%;
    height:100%;
}

.sim-mainContent {
    padding-left:5px;
    padding-right:5px;
    margin-left: 235px;
}

.sim-footer {
    clear: both;
    text-align: center;
    padding-top:20px;
    overflow:hidden;
}

.sim-menu {
    clear: both;
    float: left;
    width:100%;
}
.sim-menu a {
    display: block;
    cursor:pointer; cursor:hand;
}
.sim-topLayout {
    text-align:left;
}
.sim-topLayout a {
    float:left;
}
.sim-sideLayout {
    width:235px;
}

table.sim-table {
    border-collapse: collapse;
    border-spacing:0;
    border-width: 0px;
    text-align:center;
}
table.sim-table td,
table.sim-table th {
    padding:5px 20px;
    margin:1px;
}
/*#endregion*/

.sim-permanent-footer {
    clear:both;
    width:100%;
    margin:0;
    padding:0;
    text-align:left;
    padding-bottom:20px;
}
#simTenantMsg {
   float:left;
   padding-top:10px;
   padding-bottom: 20px;
   padding-left:10px;
}
#simTenantMsg a {
   text-decoration:none;
}
#siteseal {
    float:right;
    margin-top:-16px;
    margin-right:10px;
}

.sim-widget,
.sim-widget-forPreview {
    width:100%;
    display:inline-block;
}

#simLoggedInLine, 
#locationLine {
    float:right;
    margin-right:20px;
}

#simLoggedInLine a, 
#locationLine a {
    text-decoration:none;
}

.sim-menu a.no-pointer {
    cursor:default;
}

.text-danger {
    color:red;
    font-style:oblique;
    font-size:90%;
}

.col-md-2,
.col-md-10 {
    display:inline-block;
    margin-bottom:8px;
    margin-right:8px;
}

.control-label {
    width:140px;
    font-weight:bold;
    vertical-align:top;
}

#AutoPayConf .control-label {
    width:180px;
    font-weight:normal;
    vertical-align:top;
}

#ResetPasswordWidget .control-label,
#MoveInWidget .control-label{
    width:150px;
}


#MoveInWidget .text-danger {
    width:330px;
    display:inline-block;
}


#ReservationConfirmation .control-label {
    width:120px;
}

.form-control {
    width:130px;
    margin-right:10px;
}

#PaymentWidget .control-label {
    width:180px;
}

#PaymentWidget .form-control {
    width:136px;
}


#ResetPasswordWidget .form-control {
    width:100px;
}

.form-group input[type=submit] {
    padding: 0 20px;
    margin-top:5px;
}

.required:after { 
    content:" *"; 
    color: #993399; 
    font-weight:bold;
} 

.form-horizontal {
    width:40%;
}

.form-horizontal-width-inherit {
    width: inherit;
}

h3 {
    margin-bottom:5px;
}

.form-horizontal hr {
    margin-bottom:20px;
}

#balanceDetailHeader {
    margin-top:10px;
}

#balanceDetailHeader p {
    margin:2px 0;
}

#OtherLocationWidget li,
#OtherLocationWidget li p {
    margin:0;
}

#OtherLocationWidget li {
    margin-bottom:10px;
}

#OtherLocationWidget li p:first-child {
    font-size:110%;
    font-weight:100;
}

#ReservationConfirmation {
    width:35%;
}

#ReservationConfirmation h3 {
    margin-top:55px;
}

#ReservationConfirmation p {
    margin:5px 0;
}

div.error-message {
    border: 1px solid red;
    padding:20px;
    width:500px;

    font-weight:bold;
    color:red;
    font-style:oblique;
    font-size:95%;
}

table.sim-table th {
    border: 1px solid;
    text-align: center;
}

table.sim-table td {
    border: 1px solid;
    text-align: left;
}

.spinner {
    background-image: url("Images/spinner.gif") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 40px 40px;

    margin:10px;
    width:100%;
    height:100px;
}

#externalWizzard .actions.clearfix .spinner {
    margin:0;
    height:35px;
    width:58px;
    color:white;
    background-color:white;
    font-size:0;
    background-size: 35px 35px !important;
    cursor:default; 
}

#MoveInWidget .col-md-10 {
    width:290px !important;
    height:22px !important;
}

#MoveInWidget a[href="#finish"] {
    background-color:rosybrown;
}

#MoveInWidget div input.btn-default {
    visibility:hidden;
}

#MoveInWidget input[type=text] {
    display:inline-block;
    width:220px;
}

#MoveInWidget h4 {
    margin:5px;
}

#MoveInWidget td {
    padding-bottom:2px;
    padding-top: 2px;
}

#MoveInWidget div.steps a {
    padding-top:5px;
    padding-bottom:5px;
}

#MoveInWidget .content {
    min-height:380px !important;
}

#MoveInWidget > .steps > ul > li {
    width:25%;
}

#MoveInWidget > .steps > ul > li:nth-child(1){
    width: 20% !important
}
#MoveInWidget > .steps > ul > li:nth-child(2){
    width: 20% !important
}
#MoveInWidget > .steps > ul > li:nth-child(3){
    width: 35% !important
}
#MoveInWidget > .steps > ul > li:nth-child(4){
    width: 25% !important
}

#MoveInWidget-p-2 div {
    display:inline-block;
}

#MoveInWidget label.error {
    margin:0;
    margin-right:10px;
}

#paySpinner,#prorateSpinner,
#reservationSpinner {
    height:22px;
    width:22px;
    padding:0;
    margin:0;

    background-image: url("Images/spinner.gif") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 22px 22px;
}

.sim-widget {
    text-align:left;
}

.wizard > .content > .body input[type=radio] {
    display:inline !important;
}

.form-group {
    /*height:30px;*/
    margin-bottom: 10px;
}

/*Keeping Error message in block and not inline with the UI Elements*/
.field-validation-error {
    display: block;
    margin-bottom: 10px;
}

/*Bootstrap class*/
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

/*for password strength in password reset window*/
#meter_wrapper {
    border: 1px solid grey;
    margin-top: 9px;
    width: 100px;
    height: 3px;
    border-radius: 3px;
}

#meter{
 width:0px;
 height:3px;
}

#pass_type {
    font-size: 13px;
    color: grey;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.fontInherit{
     font-family: inherit;
}

/*Below style keeps the wizard preview window in place*/
/*.sim-body{
    position: relative;
}*/

.clearfix.content {
    min-height: 18em;
    width: 100%;
}
.wizard > .actions {
    width: 90%;
}