body
{
margin-bottom:40px;    
}

.cust
{
    background-color:#ffffff;
    border-top:0px;
    border-bottom:0px;
    border-right:0px;
    border-left:0px;
}
/****************************************************************************/

.scroll-300 {
    height:300px;
    overflow-y: scroll;
}

.scroll-400 {
    height:400px;
    overflow-y: scroll;
}

.scroll-450 {
    height:450px;
    overflow-y: scroll;
}

.scroll-500 {
    height:500px;
    overflow-y: scroll;
}

.scroll-520 {
    height:520px;
    overflow-y: scroll;
}
/****************************************************************************/

.f24
{
    font-size: 24px; 
}

.f20
{
    font-size: 20px; 
}

.f15
{
    font-size: 15px; 
}
.f12
{
    font-size: 12px; 
}
.f10
{
    font-size: 10px; 
}
/****************************************************************************/

.btn-group-xs > .btn, .btn-xs 
{
    padding: .25rem .4rem;
    font-size: .875rem;
    line-height: .5;
    border-radius: .2rem;
}
/****************************************************************************/
.popover-header 
{
    color: blue;
    font-size: 18px;
    background-color:#ddd;
}
.popover-body 
{
    color: black;
    font-size: 12px;
}

/****************************************************************************/
.form-control-xs 
{
    height: calc(1em + .375rem + 2px) !important;
    padding: .125rem .25rem !important;
    font-size: .75rem !important;
    line-height: 1.5;
    border-radius: .2rem;
}

progress
{
    width: 150px;
    height: 20px;

}

.displaynone
{
    display:none;
}

.btn-pw
{
    border-color:silver;
    border-top-right-radius: 5px;
    border-bottom-right-radius:5px;
}

/*********************************************************************************/
[type="file"] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  white-space: nowrap;
  width: 1px;
}
 
[type="file"] + label {
  background-color: #000;
  /*border-radius: 4rem;*/
  color: #000;
  cursor: pointer;
  display: inline-block;
  padding-left: 2rem 4rem;
}
  
[type="file"]:focus + label,
[type="file"] + label:hover {
    background-color: #f15d22;
}
  
[type="file"]:focus + label {
  outline: 1px dotted #000;
}

/******************************************************************************/

.spinner{
    position: absolute;
    height: 100px;
    width: 500px;
    top: 5%;
    left: 50%;
    margin-left: -50px;
    margin-top: 50px;
    background-size: 100%;
}

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}