body {
   overflow-y: scroll;
   overflow-x: hidden;
}
.centered {
   position: absolute;
   top: 50%;
   left: 50%;

   transform: translate(-50%, -50%);
}
table {
   width:100%;
}

table.pray th, table.pray th p, .modal-header {
   font-size: 25px;
   font-weight: bold;
   text-transform: uppercase;
   padding-top:25px;
}

table.pray td, table.pray td p, .modal-body {
   font-size: 20px;
}
table.pray td.reader {
   vertical-align: top;
   font-style: italic;
}
table.pray .cross {
   font-size: 85%;
   vertical-align: text-top;
}
table.pray .stand, table.pray .info {
   vertical-align: super;
   font-size: 75%;
   font-weight: bold;
}
a.infomodalopen {
   color: #000;
   text-decoration:none;
}
a.infomodalopen:hover, a.infomodalopen:focus {
   color: #000;
   text-decoration:none;
   outline: 0;
}
.row {
   margin-right: -5px;
   margin-left: -5px;
}
hr {
    margin-top: 5px;
    margin-bottom: 5px;
}
.table-sortable {
   position: relative;
}
.table-sortable .sortable-placeholder {
   height: 37px;
}
.table-sortable .sortable-placeholder:after {
   position: absolute;
   z-index: 10;
   content: " ";
   height: 37px;
   background: #f9f9f9;
   left: 0;
   right: 0;
}

#loadingOverlay {
   position:fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   z-index: 1050;
}
#loadingOverlay .loader, blockquote .loader {
   font-size: 5em;
}

header#header {
   position:fixed;
   top:0;
   left:0;
   right:0;
   height:90px;
   text-align: center;
   z-index: 1030;
   font-size: 2em;
}
header#header img {
   width: auto;
   height:auto;
   max-height:90%;
   max-width:90%;
}

header#header .logo {
   position: relative;
   width: 50%;
   height: 90px;
   text-align:center;
   float:left;
}
header#header .back {
   position: relative;
   width: 25%;
   height: 90px;
   text-align:center;
   float:left;
}
header#header .help {
   position: relative;
   width: 25%;
   height: 90px;
   text-align:center;
   float:right;
}


section#content {
   position:absolute;
   top:0;
   left:0;
   right:0;
   font-size: 1em;
}

section#content .container section {
   z-index: 10;
   display: none;
}

footer#footer {
   position:fixed;
   left:0;
   right:0;
   bottom:0;
   padding:5px;
   text-align: left;
   opacity: 0.90;
   z-index: 1030;

   line-height: 13px;
   font-size: 10px;
}
footer#footer .help {
   font-size: 1.5em;
   position: relative;
   width: 10%;
   text-align:center;
   float:right;
}
         
         
.menubtn {
   width:100%;
   min-height: 125px;
   position:relative;
   word-break: normal;
   white-space: unset;
   display: inline-block;
   cursor: pointer;
   text-align: center;
   text-decoration: none;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   padding: 0.375rem 0.75rem;
   border-radius: 0.25rem;
   transition: 0.15s;
   text-transform: uppercase;
}
.menubtn:hover, .menubtn:focus, .menubtn:active, .menubtn:visited {
   text-decoration: none;
}


.custom-file-input, .custom-file-label, .custom-file-label::after {
   height: 200px;
}
.custom-file {
   height: unset;
}

.custom-file-label::after {
    position: absolute;
    top:0;
    left:0;
    right:0;
    display: block;
    padding: 3rem 0.75rem;
    line-height: 1.5;
    content: "\f0ee";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    font-size: 30px;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
    text-align: center;
}