/*
===============================================================================
 This file contain extra CSS rules to customize the YunoHost user portal and
 can be used to customize app tiles, buttons, etc...
===============================================================================
*/

body {
  background: #fff;
}

.login-form .form-group {
  border: 1px solid #bbb;
}

.user-container,
.user-menu a,
.link-btn,
.footer a {
  color: #555;
}

.user-menu a:hover,
.footer a:hover {
  color: #000;
}

.form-text:disabled:hover {
  background: #797b83;
}

.link-btn,
.link-btn:hover {
  background: none;
}

.bluebg {
  background: #3498db !important;
}
.bluebg:hover:after,
.bluebg:focus:after,
.bluebg:hover:before,
.bluebg:focus:before {
  background: #16527a !important;
}

.purplebg {
  background: #9b59b6 !important;
}
.purplebg:hover:after,
.purplebg:focus:after,
.purplebg:hover:before,
.purplebg:focus:before {
  background: #532c64 !important;
}

.redbg {
  background: #e74c3c !important;
}
.redbg:hover:after,
.redbg:focus:after,
.redbg:hover:before,
.redbg:focus:before {
  background: #921e12 !important;
}

.orangebg {
  background: #f39c12 !important;
}
.orangebg:hover:after,
.orangebg:focus:after,
.orangebg:hover:before,
.orangebg:focus:before {
  background: #7f5006 !important;
}

.greenbg {
  background: #2ecc71 !important;
}
.greenbg:hover:after,
.greenbg:focus:after,
.greenbg:hover:before,
.greenbg:focus:before {
  background: #176437 !important;
}

.darkbluebg {
  background: #34495e !important;
}
.darkbluebg:hover:after,
.darkbluebg:focus:after,
.darkbluebg:hover:before,
.darkbluebg:focus:before {
  background: #07090c !important;
}

.lightbluebg {
  background: #6a93d4 !important;
}
.lightbluebg:hover:after,
.lightbluebg:focus:after,
.lightbluebg:hover:before,
.lightbluebg:focus:before {
  background: #2b5394 !important;
}

.yellowbg {
  background: #f1c40f !important;
}
.yellowbg:hover:after,
.yellowbg:focus:after,
.yellowbg:hover:before,
.yellowbg:focus:before {
  background: #796307 !important;
}

.lightpinkbg {
  background: #f76f87 !important;
}
.lightpinkbg:hover:after,
.lightpinkbg:focus:after,
.lightpinkbg:hover:before,
.lightpinkbg:focus:before {
  background: #da0c31 !important;
}

/* Following colors are not used yet */
.pinkbg {
  background: #d66d92 !important;
}
.pinkbg:hover:after,
.pinkbg:focus:after,
.pinkbg:hover:before,
.pinkbg:focus:before {
  background: #992b52 !important;
}

.turquoisebg {
  background: #1abc9c !important;
}
.turquoisebg:hover:after,
.turquoisebg:focus:after,
.turquoisebg:hover:before,
.turquoisebg:focus:before {
  background: #0b4c3f !important;
}
.lightyellow {
  background: #ffc973 !important;
}
.lightyellow:hover:after,
.lightyellow:focus:after,
.lightyellow:hover:before,
.lightyellow:focus:before {
  background: #f39500 !important;
}
.lightgreen {
  background: #b5f36d !important;
}
.lightgreen:hover:after,
.lightgreen:focus:after,
.lightgreen:hover:before,
.lightgreen:focus:before {
  background: #77cf11 !important;
}
.purpledarkbg {
  background: #8e44ad !important;
}
.purpledarkbg:hover:after,
.purpledarkbg:focus:after,
.purpledarkbg:hover:before,
.purpledarkbg:focus:before {
  background: #432051 !important;
}