.btn-welcome{
  color:#fff;
  background-color:#57ad68;
  border-color:#57ad68
}
.btn-welcome:hover{
  color:#fff;
  background-color:#4d965b;
  border-color:#4d965b
}
.btn-welcome.focus,.btn-welcome:focus{
  box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
}
.btn-welcome.disabled,.btn-welcome:disabled{
  color:#fff;
  background-color:#57ad68;
  border-color:#57ad68
}
.btn-welcome:not(:disabled):not(.disabled).active,.btn-welcome:not(:disabled):not(.disabled):active,.show>.btn-welcome.dropdown-toggle{
  color:#fff;
  background-color:#4d965b;
  border-color:#4d965b
}
.btn-welcome:not(:disabled):not(.disabled).active:focus,.btn-welcome:not(:disabled):not(.disabled):active:focus,.show>.btn-welcome.dropdown-toggle:focus{
  box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-outline-welcome{
  color:#57ad68;
  background-color:transparent;
  background-image:none;
  border-color:#57ad68
}
.btn-outline-welcome:hover{
  color:#fff;
  background-color:#57ad68;
  border-color:#57ad68
}
.btn-outline-welcome.focus,.btn-outline-welcome:focus{
  box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
}
.btn-outline-welcome.disabled,.btn-outline-welcome:disabled{
  color:#57ad68;
  background-color:transparent
}
.btn-outline-welcome:not(:disabled):not(.disabled).active,.btn-outline-welcome:not(:disabled):not(.disabled):active,.show>.btn-outline-welcome.dropdown-toggle{
  color:#fff;
  background-color:#57ad68;
  border-color:#57ad68
}
.btn-outline-welcome:not(:disabled):not(.disabled).active:focus,.btn-outline-welcome:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-welcome.dropdown-toggle:focus{
  box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
}
.bg-welcome{
  background-color:#57ad68!important
}
a.bg-welcome:focus,a.bg-welcome:hover,button.bg-welcome:focus,button.bg-welcome:hover{
  background-color:#4d965b!important
}

.header {
  position: fixed;
  z-index: 1000;
  
  width: 100vw;
}

.header .navbar{
  background-color:#1c8678!important;
  top: 0;
  height: 4rem;
}
.header .navbar-brand {
  color: #f3f3f3;
  text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.7)
}
.header .navbar-nav > a {
  color: #f3f3f3;
}
.header .header-bottom{
  background-color:#57ad68!important;
  top: 0.5rem;
  position: relative;
  height: 1rem;
}
.nav-link {
  color: #212529;
}
.nav-link:focus,.nav-link:hover {
  color: #212529;
  /*background-color: rgba(0,0,0,.03);*/
}

.sidemenu-welcome {
  border-right: 1px solid #dee2e6;
  position: sticky!important;
  top: 5.5rem;
  height: calc(100vh - 5.5rem);
}
.nav-welcome .nav-sep {
  border-top:1px solid #dee2e6;
}
.nav-welcome .nav-link {
  border:1px solid transparent;
  border-radius:.25rem
}
.nav-welcome .nav-link:focus, .nav-welcome .nav-link:hover {
  border:1px solid #dee2e6;
  border-radius:.25rem
}

.content-welcome {
  top: 2rem;
  position: relative;
  margin-bottom: 50px;
}
.invalid-feedback-welcome {
    /* display: none; */
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}
.valid-feedback-welcome {
    /* display: none; */
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #28a745;
}
.is-invalid-welcome{
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc354…%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E');
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.is-valid-welcome {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8… 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.toast-header-success-welcome {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #ffffff;
    background-color: #28a745;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
}
.toast-header-danger-welcome {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #ffffff;
    background-color: #bd2130;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
}
.toast-header-warning-welcome {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #212529;
    background-color: #d39e00;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
}
.toast-header-primary-welcome {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #fff;
    background-color: #0062cc;
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
}

[v-cloak] { display:none; }
.flag-wrapper {
 width: 100%;
 display: inline-block;
 position: relative;
 box-shadow: 0 0 2px black;
 overflow: hidden;
 margin-bottom: 20px;
}
.flag-wrapper:after {
 padding-top: 75%;
 /* ratio */
 display: block;
 content: '';
}
.flag-wrapper .flag {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-size: cover;
}
.no-wrap {
 white-space: nowrap;
 margin-bottom: 8px;
 overflow: hidden;
}