/** general **/

@font-face {
	font-family: 'nunito-regular';
	src:url('/fonts/nunito/Nunito-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'nunito-regular';
	src:url('/fonts/nunito/Nunito-Bold.ttf');
	font-weight: bold;
	font-style: bold;
}

@font-face { 
    font-family:'Work Sans';
    font-display:block;
    font-style:normal;
    font-weight:400;
    src:url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBi8JoA.woff) format('woff')
}
    
@font-face {
    font-family:'Work Sans';
    font-display:block;
    font-style:normal;
    font-weight:700;
    src:url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QBi8JoA.woff) format('woff')
}

@font-face {
    font-family:'Work Sans';
    font-display:block;
    font-style:normal;
    font-weight:700;
    src:url(https://fonts.gstatic.com/s/worksans/v9/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QBi8JoA.woff) format('woff')
}

body {
    /*font-family: 'nunito-regular' !important;*/
    font-family: 'Work Sans' !important;
    color:#221638 !important;
    background-color:#fff !important;
    line-height: 1.5;
    font-size:14px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom:0 !important;
}

.avatar {
    width:38px !important;
    border-radius:50% !important;
}

.app {
    background-color:#F2F2F2;
}

a {
    text-decoration:none !important;
    color:#000 !important;
}

a:hover {
    color:#0288D1 !important;
}

.card {    
    box-shadow: 0 8px 30px rgb(0 0 0 / 20%) !important;
}

.card:hover {
    box-shadow: 0 8px 30px rgb(0 0 0 / 15%) !important;
}

.btn-primary {
    background-color:#0288D1 !important;
    border-color:#0288D1 !important;
    color:#fff !important;
}

.btn-primary:hover {
    color:#fff !important;
    background-color:#0170A8 !important;
}

/** pagination **/

.pag .pagination {    
    margin-top:40px;
    margin-bottom:40px;
}

.pag .pagination li {
    font-size:12px;
    font-weight:700;    
    margin-right:2px;
}

.pag .pagination li a {
    position: relative;
    display: block;    
    margin-left: -1px;
    line-height: 1.25;
    color: #0288D1 !important;
    background-color: #fff;
    border: 1px solid #e6ecf5;
    padding: 10px;
}

.pag .pagination li .active span {    
    background-color: #0288D1 !important;
    color: #fff;    
}

.pag .pagination li span {
    position: relative;
    display: block;    
    margin-left: -1px;
    line-height: 1.25;
    color: #0288D1 !important;    
    padding: 10px;
}

.pag .pagination li .active span {
    position: relative;
    display: block;    
    margin-left: -1px;
    line-height: 1.25;
    color: #0170A8 !important;    
    padding: 10px;
}

.pag .pagination li a:hover {
    background-color: #0288D1 !important; 
    text-decoration:none;   
    color:#fff !important;
}

/** embed video **/

.embed-container {
    --video--width: 1296;
    --video--height: 540;
  
    position: relative;
    padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
    overflow: hidden;
    max-width: 100%;
    background: black;
  }
  
  .embed-container iframe,
  .embed-container object,
  .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .embed-vimeo {     height: 0; padding-top: 25px; padding-bottom: 54.5%; margin-bottom: 10px; position: relative; overflow: hidden; }
.embed-vimeo iframe { top: 0; left: 0; width: 100%; height: 100%; position: absolute; }

.list-group-item-body {
    font-size:1rem;
}

.alert-danger {
    color: #fff;
    background-color: #EC7063;
    border-color: #EC7063;
}

.alert-warning {    
    color:#000;
    background-color:#F4D03F;
    border-color:#F4D03F;
}

.alert-success {
    color: #fff;
    background-color: #58D68D;
    border-color: #58D68D;
}

.alert-info {
    color: #fff;
    background-color: #0179a8;
    border-color: #0179a8;    
}

label {
    font-weight:bold !important;
}

.feed, .feed-publisher { 
    box-shadow: 0 8px 30px rgb(0 0 0 / 5%) !important;
}

.card-header {
    font-weight:400 !important;    
    font-size:1.1rem;
}

.las {
    font-size:1.2rem;
}

.nav-item.has-notified:before, .nav-link.has-notified:before {
    background-color:red !important;
}

.tooltip-inner {
    max-width:none !important;
}

.tooltip {
    box-shadow:none !important;
}

.badge {
    color:#fff !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #fff !important;
    color: #000 !important;
    padding:1rem;
}

.card-footer {
    padding:1rem;
}

.loading {
    padding:0;
}

.table .table {
    background-color:transparent;
}

.required {
    border: 1px solid red;
}

.table thead {
    background-color: rgba(20,20,31,.05);
}

.table tbody tr {
    border-bottom: 1px solid #ccc;    
}

.table thead tr th {
    text-transform: uppercase;
}

.underline {
    text-decoration:underline !important;
}

.underline:hover{
    text-decoration:none;
}

.card-footer > .btn {
    margin-right:1rem;
}

.ui-autocomplete {
    z-index:9999 !important;
}

.btn-group .dropdown-arrow, .dropdown .dropdown-arrow {
    left:0%;
}

.upercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.auth-floated .auth-announcement {
    background-color:#fff !important;    
}

.footer {
    background-color:#fff !important;
}