.card{
    box-shadow:0 1px 2px 0 rgba(33, 33, 33, 0.14), 0 0 1px 0 rgba(0, 0, 0, 0.14);
    border-radius:0.25rem !important;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -webkit-transition:all 0.2s ease;
    transition:all 0.2s ease;
    border:0 solid transparent;
    position:relative;
    margin-bottom:20px;
    width:100%;
    word-wrap:normal;
    background:var(--color-white-100);
}

.card.card-outline.card-primary{
    border-top:2px solid var(--color-bg-primary);
}

.card.card-outline.card-complete{
    border-top:2px solid var(--color-success);
}

.card.card-outline.card-success{
    border-top:2px solid var(--color-success);
}

.card.card-outline.card-info{
    border-top:2px solid transparent;
}

.card.card-outline.card-danger{
    border-top:2px solid var(--color-danger-bg);
}

.card.card-outline.card-warning{
    border-top:2px solid var(--color-bg-warning);
}

.card .card-header{
    background:transparent;
    border-radius:0;
    border-bottom:0;
    padding:16px 20px 7px 20px;
    position:relative;
    z-index:3;
    min-height:42px;
}

.card .card-header > .row{
    margin-left:-15px;
    margin-right:-15px;
}

.card .card-header.separator:after{
    content:"";
    height:1px;
    background:rgba(0, 0, 0, 0.08);
    left:16px;
    right:16px;
    position:absolute;
    bottom:0;
}

.card .card-header + .card-body{
    padding-top:0;
}

.card .card-header .card-title{
    font-family:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    text-transform:uppercase;
    display:inline-block;
    letter-spacing:0.06em;
    font-size:10.5px;
    font-weight:500;
    margin:0;
    padding:0;
    line-height:normal;
    overflow:hidden;
    text-overflow:ellipsis;
    filter:alpha(opacity=40);
    -webkit-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}

.card .card-header .card-controls{
    float:right;
    margin-top:-3px;
}

.card .card-header .card-controls ul{
    margin:0;
    padding:0;
}

.card .card-header .card-controls ul li{
    padding-left:0;
    display:inline-block;
    list-style:none;
    line-height:0;
}

.card .card-header .card-controls:after{
    content:"";
    display:table;
    clear:both;
}

.card .card-header.card-header-hover .card-title{
    opacity:0.4;
}

.card .card-header.card-header-hover:hover .card-title{
    opacity:1;
}

.card.card-collapsed .card-header .card-controls .card-icon-collapse:before{
    font-family:"Font Awesome 6 Pro";
    content:"\e0a4";
}

.card-collapsed .card-body{
    display:none;
}

.card.card-maximized .card-header .card-controls .card-icon-maximize:before{
    font-family:"Font Awesome 6 Pro";
    content:"\f78c";
    font-size:12px;
}

.card.card-default{
    border:0 solid transparent;
    box-shadow:0 1px 2px 0 transparent, 0 0 1px 0 rgba(0, 0, 0, 0);
    border-radius:4px;
}

.card.card-default > .card-header{
    color:inherit;
}

.card.card-bordered{
    border:1px solid rgba(220, 222, 224, 0.7);
}

.card.card-borderless{
    border:none;
    box-shadow:none;
}

.card.card-condensed .card-header{
    padding:9px 13px 0 13px;
    min-height:32px;
}

.card.card-condensed .card-header .card-title{
    opacity:0.4;
}

.card.card-condensed .card-body{
    padding:13px;
}

.card.card-hover .card-header .card-title{
    opacity:0.4;
}

.card.card-hover:hover .card-header .card-title{
    opacity:1;
}

.card.card-transparent{
    background:transparent;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.card.card-transparent .card-body{
    background:transparent;
}

.card.full-height{
    height:100%;
}

.card.full-height .card-body{
    height:auto;
    width:100%;
    height:100%;
}

.card.card-featured{
    -webkit-box-shadow:-1px 1px 3px 0 rgba(121, 129, 135, 0.14);
    box-shadow:-1px 1px 3px 0 rgba(121, 129, 135, 0.14);
    width:calc(100% - 50px);
    float:right;
}

.card.card-featured .card-title h4{
    font-family:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size:16px;
    text-transform:uppercase;
    color:inherit;
}

.card.card-featured .card-body h3{
    line-height:34px;
    font-size:26px;
}

.card.card-featured .footer .username{
    line-height:8px;
    padding-top:10px;
    font-size:16px;
}

.card.card-featured .footer .buttons li{
    display:inline;
    list-style:none;
    font-weight:bold;
    margin-left:20px;
}

.card.card-featured .footer .buttons li:first-child{
    margin-left:0;
}

.card.card-featured .footer .buttons .heart{
    color:var(--color-danger-bg);
}

.card.card-featured .footer .buttons .comment{
    color:var(--color-blue-gray-dark);
}

.card.card-featured .ribbon{
    width:38px;
    height:38px;
    margin-left:-39px;
    float:left;
    -webkit-box-shadow:inset -3px 0 3px 0 rgba(0, 0, 0, 0.14);
    box-shadow:inset -3px 0 3px 0 rgba(0, 0, 0, 0.14);
}

.card.card-featured .ribbon.green{
    background:var(--color-bg-primary);
}

.card.card-featured .ribbon.blue{
    background:var(--color-bg-primary);
}

.card.hover-fill:hover{
    background:#f3f3f4;
}

.card.hover-stroke:hover{
    border:1px solid #dcdee0;
}

.card .card-body{
    padding:20px;
}

.card .card-body.no-padding .row{
    margin-left:0;
    margin-right:0;
}

.card .card-body.no-bottom-padding{
    padding-bottom:0;
}

.card .card-body.no-top-padding{
    padding-top:0;
}

.card .card-body .title{
    margin-top:0;
}

.card .card-body.scrollable{
    margin-bottom:20px;
}

.card-progress{
    background:rgba(255, 255, 255, 0.8);
    bottom:0;
    left:0;
    position:absolute !important;
    right:0;
    top:0;
    display:none;
    z-index:2;
}

.card-progress > .progress,
.card-progress > .progress.progress-small{
    height:3px;
}

.card-progress > .progress-circle-indeterminate,
.card-progress > .card-bar-indeterminate{
    display:block;
    left:50%;
    margin-left:-17px;
    margin-top:-17px;
    position:absolute;
    top:50%;
}

.card-progress > .progress-circle-indeterminate{
    width:35px;
    height:35px;
}

.card-maximized{
    position:fixed !important;
    left:280px;
    top:59px;
    bottom:0;
    right:0;
    z-index:600;
    margin:0;
    width:auto;
}

.card .pgn-wrapper{
    position:absolute;
    z-index:602;
    left:0 !important;
    top:0 !important;
}

.card-header a:not(.btn){
    color:inherit;
    opacity:0.4;
    padding-top:10px;
    padding-bottom:10px;
}

.card-header a:not(.btn).card-refresh{
    -webkit-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
    position:relative;
    padding:0;
    display:inline-block;
}

.card-header a:not(.btn).card-refresh.refreshing{
    opacity:1;
}

.card-header .dropdown-menu .dropdown-item{
    padding:0 20px !important;
}

.card-header .dropdown-menu .dropdown-item:hover{
    opacity:1;
    background-color:transparent;
}

.card-header a[data-toggle]:hover{
    opacity:1;
}

.card-icon{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-size:20px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1;
    text-transform:none;
    speak:none;
    color:inherit;
}

.card-icon-close:before{
    font-family:"Font Awesome 6 Pro";
    content:"\f00d";
    font-size:12px;
}

.card-icon-maximize:before{
    font-family:"Font Awesome 6 Pro";
    content:"\f31e";
    font-size:12px;
}

.card-icon-refresh:before{
    font-family:"Font Awesome 6 Pro";
    content:"\f111";
    font-size:12px;
}

.card-icon-collapse:before{
    font-family:"Font Awesome 6 Pro";
    content:"\e0a7";
    font-size:12px;
}

.card-icon-settings:before{
    font-family:"Font Awesome 6 Pro";
    content:"\f013";
    font-size:12px;
}

.card-icon-refresh-lg-master,
.card-icon-refresh-lg-white{
    width:15px;
    height:15px;
    display:block;
    background-size:cover;
    -webkit-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}

.card-icon-refresh-lg-master.fade,
.card-icon-refresh-lg-white.fade{
    opacity:0.1;
}

.card-icon-refresh-lg-master{
    background-image:url("../img/progress/progress-circle-lg-master-static.svg");
}

.card-icon-refresh-lg-white{
    background-image:url("../img/progress/progress-circle-lg-white-static.svg");
}

.card-icon-refresh-lg-master-animated,
.card-icon-refresh-lg-white-animated{
    position:absolute;
    right:0;
    top:0;
    width:15px;
    height:15px;
    display:block;
    background-size:cover;
    opacity:0;
    -webkit-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}

.card-icon-refresh-lg-master-animated.active,
.card-icon-refresh-lg-white-animated.active{
    opacity:1;
}

.card-icon-refresh-lg-master-animated{
    background-image:url("../img/progress/progress-circle-lg-master.svg");
}

.card-icon-refresh-lg-white-animated{
    background-image:url("../img/progress/progress-circle-lg-white.svg");
}

.card-scroll{
    height:100px;
}

.social-card{
    padding-bottom:0;
    margin-bottom:0;
    background:var(--color-white-100);
    float:left;
    position:relative;
    border-radius:4px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px;
    margin-bottom:20px;
    width:300px;
    border:1px solid #dcdee0;
}

.social-card .circle{
    position:absolute;
    right:20px;
    top:20px;
    display:block;
    border-radius:50%;
    border:2px solid #f3f3f4;
    width:9px;
    height:9px;
    background:var(--color-info-bg-light);
    z-index:1;
}

.social-card .circle:hover{
    cursor:pointer;
}

.social-card.full-width{
    width:100% !important;
}

.social-card.status{
    background:rgba(210, 240, 255, 0.6);
    border-radius:4px;
    padding:15px 25px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid transparent;
}

.social-card.status:hover, .social-card.status.hover{
    border-color:var(--color-info-bg-lighter) !important;
}

.social-card.status h5{
    font-size:12px;
    margin:0;
    color:var(--color-blue-gray-dark);
}

.social-card.status h5 .time{
    color:var(--color-blue-gray-dark);
}

.social-card.status h2{
    color:var(--color-blue-gray-dark);
    font-size:25px;
    line-height:32px;
    margin:0;
    font-weight:normal;
}

.social-card.status .reactions{
    opacity:0.45;
    font-size:12px;
    padding:0;
    margin:5px 0 0;
    padding:0;
}

.social-card.status .reactions li{
    display:inline-block;
    list-style:none;
    padding:0;
}

.social-card.status .reactions li a{
    color:var(--color-blue-dark);
}

.social-card.status .circle{
    width:9px;
    height:9px;
    border:none;
    background:var(--color-bg-primary);
}

.social-card .card-header,
.social-card .card-footer{
    background-color:var(--color-white-100);
    -webkit-transition:background 0.2s ease;
    transition:background 0.2s ease;
}

.social-card.share .card-header{
    padding:15px 15px 12px;
    border-bottom:1px solid #dcdee0;
    border-top-right-radius:2px;
    border-top-left-radius:2px;
}

.social-card.share a.card-header:hover{
    background:rgba(210, 240, 255, 0.6);
    border-color:var(--color-bg-primary-lighter);
    cursor:pointer;
}

.social-card.share a.card-header:hover h6{
    opacity:0.6;
}

.social-card.share .card-header.last{
    border-bottom:none;
}

.social-card.share .card-header .user-pic{
    float:left;
    border-radius:50%;
    overflow:hidden;
    margin-right:10px;
}

.social-card.share .card-header .user-pic > img{
    width:30px;
    height:30px;
}

.social-card.share .card-header h5{
    font-weight:bold;
    font-size:14px;
    margin:0;
    line-height:22.7px;
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    letter-spacing:-0.006em;
    margin-top:-3px;
}

.social-card.share .card-header h6{
    font-size:12px;
    margin:0;
    opacity:0.45;
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    opacity:0.45;
}

.social-card.share .card-description{
    padding:12px 16px 11px;
    font-size:14px;
    line-height:21px;
    margin:0;
}

.social-card.share .card-description p{
    margin-bottom:4px;
}

.social-card.share .card-description .via{
    opacity:0.45;
    display:block;
    font-size:12px;
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.social-card.share .card-content{
    position:relative;
}

.social-card.share .card-content .buttons{
    left:17px;
    padding:0;
    position:absolute;
    top:10px;
}

.social-card.share .card-content .buttons li{
    display:inline-block;
    list-style:none;
    margin-right:10px;
}

.social-card.share .card-content .buttons li a{
    color:var(--color-white-100);
}

.social-card.share .card-feed{
    overflow:hidden;
    position:relative;
    max-height:400px;
}

.social-card.share .card-feed:hover .buttons{
    opacity:1;
}

.social-card.share .card-feed .buttons{
    position:absolute;
    top:5px;
    right:0;
    opacity:0;
}

.social-card.share .card-feed .buttons li{
    display:inline-block;
    list-style:none;
}

.social-card.share .card-feed .buttons li a{
    color:var(--color-white-100);
    opacity:0.8;
    padding:5px;
}

.social-card.share .card-feed > *{
    max-width:100%;
}

.social-card.share .card-footer{
    padding:14px 16px 11px;
    font-size:12px !important;
}

.social-card.share a.card-footer:hover{
    background:rgba(210, 240, 255, 0.6);
    cursor:pointer;
}

.social-card.share a.card-footer:hover .reactions,
.social-card.share a.card-footer:hover .time{
    opacity:0.8;
}

.social-card.share .card-footer .time{
    float:left;
    opacity:0.45;
    font-family:"Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    margin-top:1px;
}

.social-card.share .card-footer .reactions{
    float:right;
    margin:0;
    padding:0;
    opacity:0.45;
}

.social-card.share .card-footer .reactions li{
    display:inline-block;
    list-style:none;
}

.social-card.share .card-footer .reactions li a{
    color:inherit;
}

.social-card.share .card-description,
.social-card.share .card-feed,
.social-card.share .card-footer{
    border-color:transparent;
    border-style:solid;
}

.social-card.share .card-description{
    border-width:1px;
}

.social-card.share .card-feed{
    border-width:0 1px;
    margin-top:-2px;
}

.social-card.share .card-footer{
    border-width:0 1px 1px 1px;
}

.social-card.share.share-other .card-description{
    padding-bottom:0;
}

.social-card.share.share-other .card-footer{
    padding-top:0;
    border-radius:0;
}

.social-card.share.share-other a.card-footer:hover{
    background:var(--color-white-100);
}

.social-card.share.share-other .card-header{
    border-top:1px solid var(--color-blue-dark-14);
}

.social-card.share.share-other .circle{
    background:var(--color-bg-warning);
}

.social-card.col1{
    width:300px;
}

.social-card.col2{
    width:620px;
}

.social-card.col3{
    width:920px;
}

.social-card img{
    width:100%;
}

@media (min-width:991px) and (max-width:1070px){
    .day .card:first-child .col-md-4:first-child{
        width:100%;
        margin-bottom:20px;
    }

    .day .card:first-child .col-md-4:nth-child(2),
    .day .card:first-child .col-md-4:nth-child(3){
        width:50%;
    }
}