html {
  background: #f2a900;
}

.splash {
  background-color: #f2a900;
}

.splash .loading path {
  fill: #fff;
}

header.header-main {
  background-color: #0000;
  height:8.5em;
/*  Header bottom border  */
  border-bottom: 1px solid #f2a900;
}

.logo {
  background: url('https://sharptopco.github.io/cloudcard-custom-assets/organizations/emoryuniversity/EU_shield_hz_280.jpg') top center no-repeat;
  display: inline-block;
  max-width: 400px !important;
  background-size: contain;
}

header.header-page {
  background-color:#012169;
}

/*photo section menu link behind*/
.header-page .tabs li a {
  border-bottom-color:#f2a900;
}

/*Pending,Approved,Denied,Downloaded,Done,Enroute links*/
.header-page .tabs li a:hover,
.header-page .tabs li a:focus

{
  color: #fff; 
}


/* Keep this block only if it looks good. */
/* Default violet color when selected pending, approved, denied, download, done and enroute 0033a0 */
.header-page .tabs a.active {
    border-bottom-color: #0033a0;
}

/*0033a0 MAIN BUTTONS and button links*/
.header-page .buttons button {
  background-color: #0033a0; 
  color: #fff; /* fff - text in button */
}

.header-page button {
  background-color: #f2a900; /*012169 I DONT KNOW???*/
  color: #fff; /*fff I DONT KNOW */
}

/* fff  Custom fields text before click */
.header-page .filters .filter:hover select,
.header-page .filters .filter:focus-within select {
    background-color: #0033a0;
    color: #fff; 
}

/* fff Custom fields text after click color */
.header-page .filters .filter:hover:after,
.header-page .filters .filter:focus-within:after {
    color: #fff; 
}

/* History Button */
button {
    background-color: #012169 
} 

router-view .buttons button.primary,
#accept-terms,
button.submit-login
{
    background-color: #0033a0; /* 0033a0 I DO NOT KNOW */
}


/* user account and org logged in */
.user-info {
    color: #013965;
}

/* Hover for SIGN OUT link */
.user-info a:hover,
.user-info a:focus {
    color: #0033a0; 
}

.open-nav {
    color: #ddd; /* ddd I DONT KNOW */
}

.open-nav:hover,
.open-nav:focus
{
    color: #fff; /* ddd I DONT KNOW */
}

.admin-links .fa,
ul.photo-requirements i{
    color: #f2a900; /*default #007bff - default #007bff -{{Color_2_Tint}} side menu icons*/
}

.sidebar-main {
  background: #007dba;
}

.admin-links a,
ul.photo-requirements {
  background-color: #007dba;
/*   color: #292929; */
}

.admin-links a:hover {
  background-color: #012169;
}

.footer {
    background: #012169; /*footer*/
}

/* Cropper view bug workaround */
.edit-photo--container img {
    margin: 0;
}

.edit-photo--container > img {
    margin: 0 auto;
}

/* Emory Shield Crop */
.cropper-view-box {
clip-path: polygon(0.00% 0.00%, 100.00% 0.00%, 99.80% 15.00%, 99.20% 30.00%, 97.50% 45.00%, 93.80% 60.00%, 87.00% 73.00%, 77.00% 85.00%, 64.50% 94.00%, 50.00% 100.00%, 35.50% 94.00%, 23.00% 85.00%, 13.00% 73.00%, 6.20% 60.00%, 2.50% 45.00%, 0.80% 30.00%, 0.20% 15.00%);

}

.current-photo--box {
clip-path: polygon(0.00% 0.00%, 100.00% 0.00%, 99.80% 15.00%, 99.20% 30.00%, 97.50% 45.00%, 93.80% 60.00%, 87.00% 73.00%, 77.00% 85.00%, 64.50% 94.00%, 50.00% 100.00%, 35.50% 94.00%, 23.00% 85.00%, 13.00% 73.00%, 6.20% 60.00%, 2.50% 45.00%, 0.80% 30.00%, 0.20% 15.00%);

  position: relative;
}

.edit-button {
position: absolute;
bottom: 34px;
left: 0;
right: 0;
}

.current-photo--inner-photo {
clip-path: polygon(0.00% 0.00%, 100.00% 0.00%, 99.80% 15.00%, 99.20% 30.00%, 97.50% 45.00%, 93.80% 60.00%, 87.00% 73.00%, 77.00% 85.00%, 64.50% 94.00%, 50.00% 100.00%, 35.50% 94.00%, 23.00% 85.00%, 13.00% 73.00%, 6.20% 60.00%, 2.50% 45.00%, 0.80% 30.00%, 0.20% 15.00%);

}