/* 
    0.0. - HTML Font Weight Element Styles
    ---------------------------------------------------------------------------*/

    .fw-thin {
        font-weight: 100 !important;
    }

    .fw-extra-light {
        font-weight: 200 !important;
    }

    .fw-light {
        font-weight: 300 !important;
    }

    .fw-normal {
        font-weight: 400 !important;
    }

    .fw-medium {
        font-weight: 500 !important;
    }

    .fw-semi-bold {
        font-weight: 600 !important;
    }

    .fw-bold {
        font-weight: 700 !important;
    }

    .fw-extra-bold {
        font-weight: 800 !important;
    }

    .fw-black {
        font-weight: 900 !important;
    }



/* 
    0.1. - Bootstrap Cards Element Styles
    ---------------------------------------------------------------------------*/
    .quickAccessRepository .card
    {
        position: relative;

        display: -ms-flexbox;
        display: flex;
        flex-direction: column;

        min-width: 250px;
        max-width: 250px;
        height: 130px;		

        word-wrap: break-word;

        border: 1px solid rgba(0, 0, 0, .125);
        border-radius: 0; 
        background-color: #fff;
        background-clip: border-box;

        -ms-flex-direction: column;
    }

    .quickAccessRepository .card-deck a {
        position: relative;

        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
    }

        .quickAccessRepository .card-deck a:after {
            position: absolute;
            font-family: 'FontAwesome';
            content: '\f105';
            font-size: 1.5rem;
            line-height: 1rem;
            color: #ff0000;
            right: 30px;
            top: calc(50% - 15px);
            -webkit-transition: all 0.15s ease-in-out;
            transition: all 0.15s ease-in-out;
        }
        .quickAccessRepository .card-deck a:hover {
            color: #fff;
        }
    .quickAccessRepository .card-deck a:hover:after {
        color: #fff;
    }

    .quickAccessRepository .card-info {
        font-size: 0.8em;


    }


        .quickAccessRepository .card-info.active,
        .quickAccessRepository .card-info:hover {
            cursor: pointer;
            border-color: #f12639;
            background-color: #f12639;
        }

    .quickAccessRepository .card-info.active *,
    .quickAccessRepository .card-info:hover * {
            color: #fff;
    }


    .text-uppercase {
        text-transform: uppercase !important;
    }



/* 
    0.1. - Extra small devices (portrait phones, less than 576px)
    ---------------------------------------------------------------------------*/

    @media (max-width: 575.98px) {
        #quickAccessRepository .card
        {
            position: relative;

            display: -ms-flexbox;
            display: flex;
            flex-direction: column;

            min-width: 100%;

            height: 65px;

            word-wrap: break-word;

            border: 1px solid rgba(0, 0, 0, .125);
            border-radius: 0; 
            background-color: #fff;
            background-clip: border-box;

            -ms-flex-direction: column;
        }
        .card-body {
            padding: 0.75rem;
        }
     
    }