/* SVN FILE: $Id: _indexMosaic.css 1803 2015-04-22 05:58:39Z Wolff $ */
/**
 * @lastChangedBy       $LastChangedBy: Wolff $
 * @copyright           ARZA STUDIO
 * @version             $Revision: 1803 $
 * @date                $Date: 2015-04-22 07:58:39 +0200 (mer., 22 avr. 2015) $
 * @license             LICENSE.TXT
 * @filesource          $URL: https://svn.arza-studio.com/engine/branches/1.4/modules/media/migrations/_m000000_000001_media_assets/index/_indexMosaic.css $
 */

#transactionContent h1
{
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px;
    padding-top: 50px;
}
@media(min-width: 768px)
{
    #transactionContent h1
    {
        font-size: 36px;
        padding-top: 20px;
    }
}
        .transactionIndex .infos
        {
            margin-top: 30px;
            text-transform: uppercase;
            font-size: 0.9em;
            font-weight: 400;
            text-align: center;
        }
            .transactionIndex .titleSort,
            .transactionIndex .sort .value
            {
                display: none;
            }
            .transactionIndex .reset
            {
                cursor: pointer;
                display: none;
            }
    #transactionFilters
    {
        position: fixed;
        width: 100%;
        z-index: 1;
        text-align: center;
        font-weight: 400;
        padding: 0 0 5px 0;
        max-height: calc(100vh - 70px);
        overflow: auto;
    }
    @media(min-width: 768px)
    {
        #transactionFilters
        {
            max-height: calc(100vh - 100px);
        }
    }
        #transactionFiltersTitles,
        #transactionFiltersFilters
        {
            padding-top: 10px;
        }
        @media(min-width: 768px)
        {
            #transactionFiltersTitles
            {
                padding-bottom: 5px;
            }
            #transactionFiltersFilters
            {
                padding-top: 0px;
            }
        }
        #transactionFilters .container
        {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }
            #transactionFilters .title
            {
                padding: 5px 0 5px 0;
                text-transform: uppercase;
                margin-bottom: 5px;
                cursor: pointer;
                transition: color 0.2s, background-color 0.2s;
            }
            #transactionFilters .col-xs-6:first-of-type
            {
                padding-right: 2.5px;
            }
            #transactionFilters .col-xs-6:last-of-type
            {
                padding-left: 2.5px;
            }
            #transactionFilters .filters
            {
                padding: 0;
                margin-bottom: 10px;
                display: none;
            }
                #transactionFilters .filter
                {
                    display: block;
                    padding: 5px 10px;
                    margin-bottom: 5px;
                    text-decoration: none;
                    cursor: pointer;
                    transition: color 0.2s, background-color 0.2s;
                }
                #transactionFilters .filter:last-of-type
                {
                    margin-bottom: 0px;
                }
                #transactionFilters .filter.unactive
                {
                    cursor: default;
                }
                    #transactionFilters .filter .fa
                    {
                        display: none;
                        margin-right: 5px;
                    }
                /*#transactionFilters .filterTech
                {
                    padding-top: 9px !important;
                    margin-top: 10px;
                    border-top : 1px dashed #7a7e80;
                }*/
        #transactionReset
        {
            padding: 10px 0 15px 0;
        }
            #transactionReset .col-sm-12
            {
                text-align: center;
            }
            @media(min-width: 768px) {
                #transactionReset .col-sm-12
                {
                    text-align: right;
                }
            }
                #transactionResetButton
                {
                    display: inline-block;
                    cursor: pointer;
                    text-transform: uppercase;
                }
                .unactive #transactionResetButton
                {
                    opacity: 0.5;
                    pointer-events: none;
                }

    #transactionContent
    {
        padding-top: 130px !important;
    }
    @media (min-width: 768px)
    {
        #transactionContent
        {
            padding-top: 70px !important;
        }
    }
        #transactionMosaic
        {
            padding-top: 20px;
            clear: left;
        }
            #transactionMosaic .col
            {
                padding-bottom: 10px;
                display: none;
            }
            #transactionMosaic .col.displayed-with-none
            {
                display: block;
            }

    /* SM */
    @media (min-width: 768px)
    {
        .transactionIndex .sort
        {
            text-align: left;
        }
        .transactionIndex .total
        {
            text-align: right;
        }
        #transactionFilters
        {
            margin-bottom: 10px;
        }
            #transactionFilters .filters
            {
                padding-top: 10px;
                padding-bottom: 5px;
            }
                #transactionFilters .filter
                {
                    text-align: left;
                    padding: 0;
                    margin-bottom: 5px;
                    margin-left: 10px;
                    transition: color 0.2s;

                }
                #transactionFilters .filter .fa
                {
                    display: inline-block;
                    transition: color 0.2s;
                }

        #transactionMosaic .col
        {
            padding-bottom: 30px;
        }
    }