.SmallDiv
{
    margin-bottom: 15px;
}

input[type=text], select, input[type=number]
{
    border: 1px solid rgba(128, 128, 128, 0.42);
    width: 100%;
}

#SDiv
{
    margin: 10px 0 20px 0;
}

label
{
    margin: 0px;
    padding: 0px;
    height: 20px;
}

input[type=radio]
{
    margin-left: 5px;
    margin-top: 2px;
}


#LastPhrase {
    margin-bottom: 10px;
}

#RedAlert
{
    visibility: hidden;
    color: Red;
    height: 0px;
    margin-bottom: 10px;
}

.RdB
{
    width: max-content;
    margin-top: 1px;
    align-items: center;
    width: 250px;
}

#SelectS
{
    width: 250px;
    height: 20px;
    font-family: 'Segoe UI' , Arial, Verdana, Helvetica, sans-serif !important;
    height: 25px;
    border: 1px Solid #d0d0d4;
    vertical-align: middle;
    padding-top: 2px;
}


.RedBorder
{
    border: 1px solid red !important;
}

.NoBlockPadding
{
    margin-right:0px !important;
}

.IsMissing
{
    visibility:visible !important;
    height:auto !important;
    font-size: 10px;
    color: red;
    text-align:left;
}

.loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
}
.loader
{
    display: none;
    width:200px;
    height: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    text-align:center;
    margin-left: -50px;
    margin-top: -100px;
    z-index:2;
    overflow: auto;
}

.modall {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url('../images/bx_loader.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modall {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modall {
    display: block;
}