body{
  margin: 0;
  font-size: .875rem; 
  background-image: url('../svg/loading.svg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width:576px)
{
  .hide-in-mobile
  {
    display:none !important;
  }  
}

/* Medium devices (tablets, 768px and up) */
@media (max-width:768px) 
{
  .border-right
  {
    border:0px solid !important;
  }
  
  .border-left
  {
    border:0px solid !important;
  }  
  
  .border-bottom-dashed
  {
    border-bottom:1px dashed #dee2e6 !important;
  }
  
  actionbar
  {
    position: fixed !important;
    bottom:0px !important;
  }
  
  .hide-in-mobile
  {
    display:none !important;
  }
}

.logo svg { color:#F25653; }

.page-content { display:none; }

icon { text-align: center !important; }

::placeholder { opacity: 0.5 !important; }

.input-group-prepend .custom-select { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.input-group-append .custom-select { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }

.input-group-prepend input { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.input-group-append input { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }

.custom-switch label { cursor: pointer !important; }
.custom-switch input { cursor: pointer !important; }

.custom-control-input:checked~.custom-control-label::before 
{
    color: #fff;
    border-color: #dc3545;
    background-color: #F25653;
}



.card { box-shadow: 0px 0px 3px 0.1px #dee2e6 !important; }

.shadow { box-shadow: 0px 0px 3px 0.1px #dee2e6 !important; }
.shadow-up { box-shadow: 0px -1px 3px 0.1px #dee2e6 !important; }
.shadow-down { box-shadow: 0px 1px 3px 0.1px #dee2e6 !important; }

.border-lightsalmon { border-color: salmon !important; }
.border-salmon { border-color: #F25653 !important; }
.border-darksalmon { border-color: #dc3545 !important; }
.border-dimgrey { border-color: #27323F !important; }

.bg-lightsalmon { background-color: salmon !important; }
.bg-salmon { background-color: #F25653 !important; }
.bg-darksalmon { background-color: #dc3545 !important; }
.bg-dimgrey { background-color: #27323F !important; }

.text-lightsalmon { color: salmon !important; }
.text-salmon { color: #F25653 !important; }
.text-darksalmon { color: #dc3545 !important; }      
.text-dimgrey { color: #27323F !important; }

.svg-lightsalmon svg { color: salmon !important; }
.svg-salmon svg { color: #F25653 !important; }
.svg-darksalmon svg { color: #dc3545 !important; }
.svg-dimgrey svg { color: #27323F !important; }
.svg-lightgrey svg { color: rgba(0,0,0,.5) !important; }

.action-icon-off svg { color:#dee2e6 !important; }
.action-icon-on svg { color:#F25653 !important; }