/*!
 * CSS for Exam Timetables
 * Copyright The University of Edinburgh
 */
#result-container{min-height: 300px;}
.card-custom-venue-heading{padding-top:0.1em;}
.custom-venue-list{list-style-type:none; padding-left:0;}
.custom-spacer-bottom{margin-bottom:1em;}
.custom-spacer-right{margin-right:1em;}
.custom-update-flag{font-size:1em;}
.custom-searching-text{font-size:2.2em; font-weight:300;}
.skeleton{animation: fadein 2s;}
.skeleton-text{background-repeat: no-repeat; background-image: linear-gradient(#dddddd 100%, transparent 0); background-size: 75%; height:1em; margin-top:10px;}
.skeleton-button{background-repeat: no-repeat; background-image: linear-gradient(#dddddd 100%, transparent 0); background-size: 100%; height:26px; width:10em; margin-right:2em; margin-top:1em; display:inline-block;}
.skeleton-button-long{background-repeat: no-repeat; background-image: linear-gradient(#dddddd 100%, transparent 0); background-size: 100%; height:26px; width:20em; margin-right:2em; margin-top:1em; display:inline-block;}
.skeleton-results{margin-top:1em; background-repeat: no-repeat; width:100%; height:295px;
    background-image:
            linear-gradient(90deg, rgba(221, 221, 221, 0) 0,rgba(221, 221, 221, 0.8) 50%,rgba(221, 221, 221, 0) 100%), /* animation */
            linear-gradient(#cccccc 8px, transparent 0), /* top border */
            linear-gradient(#f5f5f5 40px, transparent 0), /* course title */
            linear-gradient(#f5f5f5 20px, transparent 0), /* subject title */
            linear-gradient(#f5f5f5 30px, transparent 0), /* venue title */
            linear-gradient(#f5f5f5 120px, transparent 0), /* venue box */
            linear-gradient(#f5f5f5 15px, transparent 0), /* updated */
            linear-gradient(#dddddd 100%, transparent 0) /* bg */
            ;
    background-size:
            50px 100%, /* animation */
            100% 8px, /* top border */
            80% 40px, /* course title */
            50% 20px, /* subject title */
            100px 30px, /* venue title */
            80% 120px, /* venue box */
            200px 15px, /* updated */
            100% 100% /* bg */
            ;
    background-position:
            -100% 8px, /* animation */
            0 0, /* top border */
            10px 18px, /* course title */
            10px 63px, /* subject title */
            10px 110px, /* venue title */
            10px 145px, /* venue box */
            10px 275px, /* updated */
            0 0 /* bg */
            ;
    animation: loading 2s 1.5s 3 linear normal forwards;
}
@keyframes fadein{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes loading{
    0%{
        background-position:
            0 8px, /* animation */
            0 0, /* top border */
            10px 18px, /* course title */
            10px 63px, /* subject title */
            10px 110px, /* venue title */
            10px 145px, /* venue box */
            10px 275px, /* updated */
            0 0 /* bg */
            ;
    }
    100%{
        background-position:
            100% 8px, /* animation */
            0 0, /* top border */
            10px 18px, /* course title */
            10px 63px, /* subject title */
            10px 110px, /* venue title */
            10px 145px, /* venue box */
            10px 275px, /* updated */
            0 0 /* bg */
            ;
    }
}
