/*
  Created: 10-07-2018
  Edited:  07-02-2020
  Version: 1.17
*/

/* ---------- Elements Start ---------- */
uppercase
{
 display: inline-block;
 text-transform: uppercase; 
}

lowercase
{
 display: inline-block;
 text-transform: lowercase;
}

span[class*="required"]:after 
{
 content: ' *';
 font-weight: 500;
}
/* ---------- Elements End ---------- */

/*
    Notes:
    Allows you to create a highlighted element to emphasize a point to the user 
*/
/* ---------- Note Start ---------- */

.note /* default setup */
{
 padding: 1.25rem;
 margin-top: 1.25rem;
 margin-bottom: 1.25rem;
 border-width: 0 0 0 .25rem;
}

/*.note-ok 
{
 color: rgb(56, 141, 60);
 background-color: rgba(56, 141, 60, 0.1);
 border-color: rgba(56, 141, 60, 0.5);
}

.note-background-ok 
{
 background-color: rgba(56, 141, 60, 0.1);
}

.note-foreground-ok 
{
 color: rgb(56, 141, 60);
}

.note-info
{
 color: rgb(48, 63, 158);
 background-color: rgba(48, 63, 158, 0.1);
 border-color: rgba(48, 63, 158, 0.5);
}

.note-background-info 
{
 background-color: rgba(48, 63, 158, 0.1);
}

.note-foreground-info
{
 color: rgb(48, 63, 158);
}

.note-warning
{
 color: rgb(244, 123, 0);
 background-color: rgba(244, 123, 0, 0.1);
 border-color: rgba(244, 123, 0, 0.5);
}

.note-background-warning 
{
 background-color: rgba(244, 123, 0, 0.1);
}

.note-foreground-warning 
{
 color: rgb(244, 123, 0);
}

.note-hazard 
{
 color: rgb(189, 40, 40);
 background-color: rgba(189, 40, 40, 0.1);
 border-color: rgba(189, 40, 40, 0.5);
}

.note-background-hazard 
{
 background-color: rgba(189, 40, 40, 0.1);
}

.note-foreground-hazard 
{
 color: rgb(189, 40, 40);
}

.note-default
{
 color: rgb(120, 120, 120);
 background-color: rgba(120, 120, 120, 0.1);
 border-color: rgba(120, 120, 120, 0.5);
}

.note-background-default 
{
 background-color: rgba(120, 120, 120, 0.1);
}

.note-foreground-default 
{
 color: rgb(120, 120, 120);
}*/
/* ---------- Note End ---------- */

.section-block 
{
 margin: 0;
 font-weight: 500;
 padding: 16px 24px;
}

/*
    Notes:
    Enables individual table row hovering when the width of the browser reaches a minimum of 768px
*/
/* ---------- Command Bar Start ---------- */
.command-bar 
{
 margin: 0 0 1.25rem 0;
 padding: 1rem 1.5rem;
}

 /*.command-bar .button 
 {
  outline: 0;
  padding: 0.5rem 1rem;
  background-color: black;
  color: #fff;
  border: none;
  border-radius: 0.1875rem;
  cursor: pointer;
 }*/
/* ---------- Command Bar Start ---------- */

.toolbar 
{
 display: flex;
 padding: 16px 24px;
 align-items: center;
}

 .toolbar a,
 .toolbar span a 
 {
  text-decoration: none;
 }

.searchicon 
{
 font-size: 1.5rem;
}

#loading 
{
 font-size: 8rem;
}

.returnurl 
{
 width: 20px;
 height: 20px;
 border-radius: 50%;
}