/*Aux Delices Styles*/
body{
  background-color: #f0f3ff;
  color: #36454f;    
}

.card-body{
    font-size:11px;
}

.side-by-side{
    display:inline-block;vertical-align:middle;
}

.main-content > #page-wrapper {
  background-color: #f0f3ff;
}

.panel-title{
    font-size:24px;
    font-weight:normal;
    color: #003366;
}

.card-title{
    font-size:24px;
    font-weight:normal;
    color: #00008f;
    text-align:left;
}

.card-subtitle{
    font-size:18px;
    font-weight:bold;
    color: #8c8c8c;
    text-transform:uppercase;
}

.subpanel-title{
    font-size:18px;
    font-weight:normal;
    color: #495D6A;
}

.toast-top-center { 
    top: 30%; 
    left: 50%; 
    margin-left: -150px; 
} 

.main-content > h1 {
  color: #ffff00;
}

.main-content > h2 {
  color: #ffff00;
}

.main-content > h3 {
  color: #ffff00;
}

.section-heading{
    font-size:14px;
    font-weight:bold;
    color: #122b40;
}

.info{
    font-size:12px;
    font-weight:normal;
    color: #8c8c8c;
}

.customer{
    font-size:12px;
    font-weight:bold;
    color: #8c8c8c;
}

.title{
    font-size:14px;
    font-weight:bold;
    color: #00008f;
    text-transform:uppercase;
    text-align:right;
}


.field-label{
    font-size:14px;
    font-weight:bold;
    color: #00008f;
    text-transform:uppercase;
    text-align:right;
    margin-right:5px;
}

.blink {
  font-size:14px;  
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
.mac_scroll::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
}

/* background of the scrollbar except button or resizer */
.mac_scroll::-webkit-scrollbar-track {
    background-color: #fff;
}

/* scrollbar itself */
.mac_scroll::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 4px solid #fff;
}

/* set button(top and bottom of the scrollbar) */
.mac_scroll::-webkit-scrollbar-button {
    display:none;
}