html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.containerCenter {
    width: 400px;
    margin: 0 auto;
}


.containerCenterMedium {
    width: 750px;
    margin: 0 auto;
}

.containerWide {
  /*  width: 100%;*/
    margin: 0 20px;
}
.containerCenterWide {
    width: 940px;

}

.containerTable {

    margin: 6px;
}

.bottomTxt {
    font-size: 0.7em;
}


.bottomButtons {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
}

    .bottomButtons button, .bottomButtons a {
        padding: 10px 20px 10px 20px;
        margin: 0px 10px 0px 10px;
        width: 90px;
    }

.bottomButtonsWide {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
}

    .bottomButtonsWide button, .bottomButtonsWide a {
        padding: 10px 20px 10px 20px;
        margin: 0px 10px 0px 10px;
        width: 200px;
    }

.bottomButtonsError {
    display: flex;
    justify-content: center;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

.form-question{
    font-weight:bold;
}

hr:not([size]) {
    height: 3px;
    margin: 6px;
    margin: 0px 0px 15px 0px;
}

#consXLimg {
    width: 300px;
    height: 75px;
}
#PTimg {
    width: 300px;
    height: 75px;
}

.containerCenter h3{
    font-size:1.1em;
}

.list-group .status {
    margin-left: 35px;
    font-size: 0.8em;
}

.list-group .statusSundry {
    margin-left: 35px;
    font-size: 0.65em;
}

.list-group .sundryOption {
    font-size: 0.7em;
    color:dimgray;
}

.xeroBtn {
    /*    background: url('/img/xeroAddBtn.svg') no-repeat;
    background-size: cover;*/
    width: 290px; /* Adjust the width and height according to your image size */
    height: 45px;
    border: none; /* Remove default button styles */
    cursor: pointer;
    top: 200px;
    color: white;
    background-color: #0C7CA0;
    font-size: 1.3em;
}

.qboBtn {
    /*    background: url('/img/qboAddBtn.svg') no-repeat;
    background-size: cover;*/
    width: 290px; /* Adjust the width and height according to your image size */
    height: 45px;
    border: none; /* Remove default button styles */
    cursor: pointer;
    top: 300px;
    color: white;
    background-color: #2CA01C;
    font-size:1.3em;
}
.qboBtnBlue {
    /*    background: url('/img/qboAddBtn.svg') no-repeat;
    background-size: cover;*/
    width: 290px; /* Adjust the width and height according to your image size */
    height: 45px;
    border: none; /* Remove default button styles */
    cursor: pointer;
    top: 300px;
    color: white;
    background-color: #0077C5;
    font-size: 1.3em;
}

.qboHidden {
    width: 10px; /* Adjust the width and height according to your image size */
    height: 10px;
    border: none; /* Remove default button styles */
    cursor: pointer;
    top: 1px;
    color: white;
    background-color: white;
    font-size: 1.3em;
}

.form-center {
    text-align: center;
}

.IconBtn {
    /*    background: url('/img/xeroAddBtn.svg') no-repeat;
    background-size: cover;*/
    width: 320px; /* Adjust the width and height according to your image size */
    height: 65px;
    cursor: pointer;
    top: 200px;
    color: dimgray;
    background-color: white;
    font-size: 1.3em;
    font-weight: 400;
    align-items: center;
    border-radius: 6px;
}
.logoBtn {
    width: 30px; /* Adjust the width as per your logo size */
    height: 30px; /* Adjust the height as per your logo size */
    margin-right: 10px; /* Adjust the spacing between the logo and text */
}
.logoBtnText {
    white-space: nowrap; /* Prevent the text from wrapping */
}

/* Title in Wizards */
.title {
    font-size: 1em;
}

.subTitle {
    font-weight: normal; /* Resets the font weight to default (normal) */
    font-size: inherit; /* Ensures the font size matches the parent (can be adjusted if needed) */
    text-align: right; /* Makes sure the text inside the span is right aligned */
    font-size: 0.8em;
}

.inputBoxS {
    width: 70px; /* Set the desired width */
}
.inputBoxM {
    width: 130px; /* Set the desired width */
}
.inputBoxW {
    width: 200px; /* Set the desired width */
}

table#transTable em {
    font-size: 0.65em; /* Or use a specific size like 0.8em */

}

table#transTable td {
    padding: 2px; /*Or use a specific size like 0.8em */
    margin:0px;
}

/* Menu */
.nav-pills {
    font-size: 0.9em;
}

.nav-link {
    padding: 2px 26px 2px 26px;
}