:root {
    --fontSize: 14px;
    --primary: #2E4864;
    --font: Helvetica, Arial, sans-serif;
    --inputfontsize: 14px;
    --bodyBGColor: #EBEDF0;
    --inputBorderRadius: 3px;
    --inputBackgroundColor: #EBEDF0;
    --inputTextColor: #5E6278;
    --inputLabelColor: #3F4254;
    --btnColor: #FE6602;
    --danger: #F44336;

    --buttonBGColor: #FE6602;

    --inputFontSize: 1rem;
    --inputBorderRadius: 3px;
    --inputBorderColor: transparent;
    --inputBGColor: #EBEDF0;
    --inputTextColor: #5E6278;
    --inputLabelColor: #3F4254;
    --inputReadonlyBGColor: rgb(222, 222, 222);

    --inputWithButtonBorderColor: transparent;
    --inputWithButtonBGColor: #f5f8fa;
    --inputWithButtonTextColor: #5E6278;
    --inputWithButtonBGHoverColor: #bdbdbd;
    --inputWithButtonTextHoverColor: #5E6278;

    --loginFormDisplay: none;
    --loginFormPopupTitleFontSize: 1.15rem;
    --loginFormPopupTitleColor: #000000;
    --loginFormPopupTitleFontWeight: 300;

    --linkFontSize: 1rem;
    --linkTextColor: #0291CD;
    --linkHoverTextColor: #2E4864;

    --backToLinkFillColor: #ccc;
}

html {
    font-size: var(--fontSize);
}

html,
body, 
div, 
a, 
#buttons_block INPUT.button,
#recordcontrolsadd_block INPUT.button,
#center_block INPUT.button,
#fields_block td,
#fields_block th,
#header_block h1,
#header_block .tableheader,
#header_block.tableheader,
table,
tbody,
th,
tr,
td,
td a,
input, 
textarea,
select,
label {
    font-family: var(--font);
}

body {
    margin: 0;
    padding: 0;
    background: var(--bodyBGColor);
}

.bibledose-swal-popup .swal2-popup {
    padding: 0 0 1.25em !important;
}

.bibledose-swal-popup .swal2-popup div {
    margin-bottom: 10px;
    color: var(--inputLabelColor);
    font-weight: 300;
}

.bibledose-swal-popup .swal2-popup input:not([type='checkbox']) {
    border: 1px solid; 
    border-color: var(--inputBorderColor);
    margin-top: 10px;
    background-color: var(--inputBGColor);
    width: 100%;
    height: 38px;
    box-sizing: border-box;
    border-radius: var(--inputBorderRadius);
    color: var(--inputTextColor);
    outline: none;
    padding: 0 10px;
}

.bibledose-swal-popup .swal2-popup input[type='checkbox'] {
    border: 1px solid; 
    border-color: var(--inputBorderColor);
    background-color: var(--inputBGColor);
    border-radius: var(--inputBorderRadius);
    color: var(--inputTextColor);
    outline: none;
}

.bibledose-swal-popup .swal2-popup div label {
    display: block;
    text-align: left;
    color: var(--inputLabelColor);
    font-size: var(--inputFontSize);
    font-weight: 300;
}


.bibledose-swal-popup .swal2-popup input.disabled,
.bibledose-swal-popup .swal2-popup a.disabled {
    pointer-events: none;
}

.bibledose-swal-popup .swal2-popup input.disabled {
    background-color: var(--inputReadonlyBGColor);
}

.bibledose-swal-popup .swal2-popup .swal2-html-container {
    margin-top: 0 !important;
}

.bibledose-swal-popup .swal2-popup .swal2-image {
    margin: 0 auto !important;
    padding: 30px 0 20px 0;
    max-width: 300px;
    width: 100%;
}

.bibledose-swal-popup .swal2-popup .swal2-actions {
    margin-top: 0 !important;
}

.bibledose-swal-popup .swal2-popup #swal2-title {
    font-size: var(--loginFormPopupTitleFontSize) !important;
    font-weight: var(--loginFormPopupTitleFontWeight) !important;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
    color: var(--loginFormPopupTitleColor) !important;
}

.bibledose-swal-popup .swal2-popup .swal2-validation-message {
    margin: 0 0 1rem 0 !important;
}

.bibledose-swal-popup .swal2-popup #forgot_password_block {
    display: none;
}

.bibledose-swal-popup .swal2-popup #forgot_password_block #swal2-title {
    padding-bottom: 0 !important;
}

.bibledose-swal-popup .swal2-popup .requiredField {
    color: red;
    padding-left: 2px;
}

.bibledose-swal-popup .swal2-popup .swal2-footer .requiredField {
    font-size: 12px;
}

.bibledose-swal-popup .swal2-popup .swal2-styled.swal2-confirm {
    background-color: var(--buttonBGColor);
}

.bibledose-swal-popup .swal2-popup a {
    color: var(--linkTextColor);
    font-size: var(--linkFontSize);
    transition: all 500ms ease;
    text-decoration: none;
}

.bibledose-swal-popup .swal2-popup a:hover {
    color: var(--linkHoverTextColor);
}

.bibledose-swal-popup  {
    background-color: var(--bodyBGColor) !important;
}

.bibledose-swal-popup .swal2-popup .backToLinkDiv {
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

.bibledose-swal-popup .swal2-popup a.backToLink {
    box-sizing: border-box;
    align-items: center;
    display: flex;
    padding: 8px 10px;
}

.bibledose-swal-popup .swal2-popup a.backToLink svg {
    fill: var(--backToLinkFillColor);
}

.bibledose-swal-popup .swal2-popup {
    margin-top: 30px !important;
}