/*
https://colorid.github.io/cloudcard-custom-assets/Miami.css     
*/

html {
  background: #ffffff ;
}

.splash {
  background-color: #ffffff ;
}

.splash .loading path {
  fill: #fff;

}

header.header-main {
  background-color: #005030;
  height:10.5em;
  border-bottom: 3px solid #005030;
}

.header-page h1 {
    color: #005030;
}

.logo {
  background: url("https://colorid.github.io/cloudcard-custom-assets/miami-medium.png") top center no-repeat;
  max-width: 400px !important;
  background-size: contain;
}

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

.header-page .tabs li a {
  border-bottom-color: #005030;
  color: #005030;
}

.header-page .tabs li a:hover,
.header-page .tabs li a:focus
{
  color: #6d6d6d;
}

/* Keep this block only if it looks good. */
.header-page .tabs a.active {
	color: #f47321;
	border-bottom-color: #637076;
}

.header-page .buttons button {
  background-color: #005030;
  color: #ffffff;
}

.header-page button {
  background-color: #005030;
  color: #005030;
}

.header-page .buttons button:hover,
.header-page .buttons button:focus 
{
  background-color: #005030;
  color: #fff;

  /* Alternative if the above doesn't look so great.
  background-color: #6d6d6d;
  color: #fff;
   */
}

.header-page .filters .filter:hover select,
.header-page .filters .filter:focus-within select {
    background-color: #005030;
    color: #fff;
}

.header-page .filters .filter:hover:after,
.header-page .filters .filter:focus-within:after {
    color: #fff;
}

.header-page .filters select {
   
    background: #000;
    border: 1px solid #fff;
    border-radius: .3125em;
    box-shadow: none;
    color: #fff;

}

button {
    background-color: #005030;
}

button:hover,
button:focus {
    background-color: #005030;
}

router-view .buttons button.primary,
#accept-terms,
button.submit-login
{
    background-color: #005030;
}

router-view .buttons button.primary:hover,
router-view .buttons button.primary:focus,
#accept-terms:hover,
#accept-terms:focus,
button.submit-login:hover,
button.submit-login:focus
{
    background-color: #005030;
}

.user-info {
    color: #ffffff;
}

.user-info a {
    color: #ffffff;
}

.user-info a:hover,
.user-info a:focus {
    color: #6d6d6d;
}

.open-nav {
    color: #fff;
}

.open-nav:hover,
.open-nav:focus
{
    color: #6d6d6d;
}

.admin-links .fa {
    color: #6d6d6d; /*default #007bff*/
}

table th,
table td {
    background: #e8e8e8;
    color: #005030;
}

.footer {
    background: #005030;
}

.admin-links a {
    background: #ffffff;
    color: #005030;
	font-weight: bold;
	
}

.admin-links a:hover,
.admin-links a:focus {
    background: #ffffff;
	color: #f47321;
}

.sidebar-main,
.sidebar-mobile {
    background: #ffffff;
    color: #005030;
    border-right: 3px solid #005030;
    height: 100% !important;
}
    .nav-open {
		background: #ffffff;}
	


.sidebar-main h2,
.sidebar-mobile h2 {
    color: #005030 !important;
}

ul.photo-requirements {
	
	background-color:#ffffff;
}

.photo-requirements li i {
    color: #f47321;
}


.current-photo--status.approved, .current-photo--status.pending.good {
    background-color: #13c545 !important;
    color: #fff;
}

.current-photo--status.denied, .current-photo--status.pending.bad {
    background-color: #9e3039;
	color: #fff;
}

.current-photo--status.incomplete, .current-photo--status.pending.maybe {
          background-color: #ffb500 !important;
    color: #111111;
}
.current-photo--status.pending.unclassified{
    background-color: #ffb500;
    color: #111;
}
router-view .buttons button {
    background-color: #6d6d6d;
    color: #fff;
}
router-view .buttons button:hover {
    background-color: #fff;
    color: #6d6d6d;
    
}
photo-list-section-header.good-photos {
    background: #6cc24a;
  
}
photo-list-section-header div a {
    color: #3d3d3d;
  
}


router-view .buttons button.primary, #accept-terms, button.submit-login {
    background-color: #005030;
    color: #fff;
}

.header-page .search .fa-search {
	color: #3400e0;
}
/* Uncomment this block if the organization has a Plus Account.
img.photos--preview {
    border-bottom: 0px;
}
*/

/* Uncomment this block to hide the Download photos button.
   HOWEVER: if the client is downloading photos using an external tool (e.g. RapidCard Elite or the CloudCard Image Server), 
	they should be migrated over to using the `EXTERNAL` download strategy rather than hiding the download button.
button.download_button {
	display: none;
}
*/