@font-face {
    font-family: 'AppFont';
    src: url('fonts/Ubuntu-Regular.ttf');
}
html, body {
    font-family: 'AppFont';
}
/*body{margin-top:20px; background-image:url(../img/backround.png);}*/
body{margin-top:20px;}
 .login-container {
 position: relative;
 margin: 5% auto;
 max-width: 340px;

 }
 .login-container .loginbox {
 position: relative;
 width: 340px !important;
 height: auto !important;
 padding: 0 0 20px 0;
 -webkit-box-shadow: 0 0 14px rgba(0,0,0,.1);
 -moz-box-shadow: 0 0 14px rgba(0,0,0,.1);
 box-shadow: 0 0 14px rgba(0,0,0,.1);
 }
 .bg-white {
 background-color: #fff !important;
 }
 .login-container .loginbox .loginbox-title {
 position: relative;
 text-align: center;
 width: 100%;
 height: 35px;
 padding-top: 10px;
 font-family: 'Lucida Sans','trebuchet MS',Arial,Helvetica;
 font-size: 20px;
 font-weight: normal;
 color: #444;
 }
 .login-container .loginbox .loginbox-social {
 padding: 0 10px 10px;
 text-align: center;
 }
 .login-container .loginbox .loginbox-social .social-title {
 font-size: 14px;
 font-weight: 500;
 color: #a9a9a9;
 margin-top: 10px;
 }
 .login-container .loginbox .loginbox-social .social-buttons {
 height: 80px;
 padding: 15px 35px;
 text-align: center;
 }
 .login-container .loginbox .loginbox-social .social-buttons .button-facebook {
 float: left;
 border: 2px solid #3b5998;
 color: #3b5998;
 border-radius: 50%;
 width: 50px;
 height: 50px;
 margin-right: 30px;
 background-color: #fff;
 }
 .login-container .loginbox .loginbox-social .social-buttons .button-twitter {
 float: left;
 border: 2px solid #29c1f6;
 color: #29c1f6;
 border-radius: 50%;
 width: 50px;
 height: 50px;
 margin-right: 30px;
 background-color: #fff;
 }
 .login-container .loginbox .loginbox-social .social-buttons .button-google  {
 float: left;
 border: 2px solid #ef4f1d;
 color: #ef4f1d;
 border-radius: 50%;
 width: 50px;
 height: 50px;
 margin-right: 30px;
 background-color: #fff;
 }
 .login-container .loginbox .loginbox-social .social-buttons .button-facebook i {
 font-size: 26px;
 line-height: 50px;
 }
 .login-container .loginbox .loginbox-social .social-buttons .button-twitter i {
 font-size: 26px;
 line-height: 50px;
 }
 .login-container .loginbox .loginbox-social .social-buttons .button-google i {
 font-size: 26px;
 line-height: 50px;
 }
 .login-container .loginbox .loginbox-or {
 position: relative;
 text-align: center;
 height: 20px;
 }
 .login-container .loginbox .loginbox-or .or-line {
 position: absolute;
 height: 1px;
 top: 10px;
 left: 40px;
 right: 40px;
 background-color: #ccc;
 }
 .login-container .loginbox .loginbox-or .or {
 position: absolute;
 top: 0;
 -lh-property: 0;
 left: -webkit-calc(50% - 25px);
 left: -moz-calc(50% - 25px);
 left: calc(50% - 25px);
 width: 50px;
 height: 20px;
 background-color: #fff;
 color: #999;
 margin: 0 auto;
 }
 .login-container .loginbox .loginbox-textbox {
 padding: 10px 40px;
 }
 .login-container .loginbox .loginbox-textbox .form-control {
 -webkit-border-radius: 3px !important;
 -webkit-background-clip: padding-box !important;
 -moz-border-radius: 3px !important;
 -moz-background-clip: padding !important;
 border-radius: 3px !important;
 background-clip: padding-box !important;
 }
 .login-container .loginbox .loginbox-forgot {
 padding-left: 40px;
 }
 .login-container .loginbox .loginbox-forgot a {
 font-size: 11px;
 color: #666;
 }
 .login-container .loginbox .loginbox-submit {
 padding: 10px 40px;
 }
 .login-container .loginbox .loginbox-signup {
 text-align: center;
 padding-top: 10px;
 }
 .login-container .loginbox .loginbox-signup a {
 font-size: 13px;
 color: #666;
 }
 .login-container .logobox {
 width: 340px !important;
 height: 50px !important;
 padding: 5px;
 margin-top: 15px;
 -webkit-box-shadow: 0 0 14px rgba(0,0,0,.1);
 -moz-box-shadow: 0 0 14px rgba(0,0,0,.1);
 box-shadow: 0 0 14px rgba(0,0,0,.1);
 background-color: #fff;
 text-align: left;
 }
 
.customActivity {
    list-style-type: disclosure-closed;
    font-size: 20px;
    text-align: left;
    margin: 0 auto;
    margin-top: 0px;
    width: 70%;
}

.customActivity li{
 padding-bottom:1rem;
}
.card{
    background:rgba(0,0,0,0.27);
}

.project-list-table {
 border-collapse: separate;
 border-spacing: 0 12px
 }
 .project-list-table tr {
 background-color: #fff
 }
 .table-nowrap td, .table-nowrap th {
 white-space: nowrap;
 }
 .table-borderless>:not(caption)>*>* {
 border-bottom-width: 0;
 }
 .table>:not(caption)>*>* {
 padding: 0.75rem 0.75rem;
/* //background-color: var(--bs-table-bg);*/
 border-bottom-width: 1px;
 box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
 }
 .avatar-sm {
 height: 2rem;
 width: 2rem;
 }
 .rounded-circle {
 border-radius: 50%!important;
 }
 .me-2 {
 margin-right: 0.5rem!important;
 }
 img, svg {
 vertical-align: middle;
 }
 a {
 color: #3b76e1;
 text-decoration: none;
 }
 .badge-soft-danger {
 color: #f56e6e !important;
 background-color: rgba(245,110,110,.1);
 }
 .badge-soft-success {
 color: #63ad6f !important;
 background-color: rgba(99,173,111,.1);
 }
 .badge-soft-primary {
 color: #3b76e1 !important;
 background-color: rgba(59,118,225,.1);
 }
 .badge-soft-info {
 color: #57c9eb !important;
 background-color: rgba(87,201,235,.1);
 }
 .avatar-title {
 align-items: center;
 background-color: #3b76e1;
 color: #fff;
 display: flex;
 font-weight: 500;
 height: 100%;
 justify-content: center;
 width: 100%;
 }
 .bg-soft-primary {
 background-color: rgba(59,118,225,.25)!important;
 }
.card-title {
   
     color: #fff;
}

header img{
   width:80%;
   height:80%;
}

table-striped tbody tr:nth-of-type(2n+1) {
  background-color: rgba(0,0,0,.05) !important;
}

.non_registered td{
/*    background-color: #f24343 !important;*/
    color:#f24343  !important;
}

.videoElement{

    display:none;
}

.searchElement{
    display:inline-block;
}

.showVideo .videoElement{

    display:inline-block;
}


.showVideo .searchElement{

     display:none;
}

.form-group{
    padding-bottom:5px;
}

.event-error {
  padding: 10px 16px;
  border-radius: 6px;
  background-color: #f8d6d6;
  color: red;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}

.event-message {
  padding: 10px;
  border-radius: 6px;
  background-color: #d1e7dd;
  color: #198754;
  margin-top: 18px;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 18px;
}


.cardError{
    background-color: #f8d6d6;
}

.cardSuccess{
    background-color: #d1e7dd;
}

.toggle-password.showing-password > .btn > .when-password-hidden {
    display: none;
}

.toggle-password:not(.showing-password) > .btn > .when-showing-password {
    display: none;
}

.txt-small {
    font-size: 0.8em;
}

.table-narrow-text td {
    white-space: nowrap;
}

.required-field > label::after {
    content: '*';
    color: #f00;
    font-weight: bold;
    margin-left: 0.2em;
}