@charset "utf-8";

/* behavior pattern */
body {
    background: #fff;
}

/*=login: ------------- */

/* hide column logo */
.m-col-logo {
    display: none;
}

/* text top */
.login-top-text {
    display: none;
}

/* show mobile logo */
.m-logotipo {
    margin-top: 1.5em;
    text-align: center !important;
}

/* change logo size and footer to mobile */
@media screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .version {
        display: none;
    }

    .m-logotipo img {
        width: 30%;
    }

    .m-footer {
        display: none !important;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .m-footer {
        display: none !important;
    }
}

/*=home: Feed de relatórios do Cliente  ---------------------------------- */
.dashboards .card-body {
    padding: 0;
}

.m-panel-list {
    margin-top: 0.3em;
    padding: 0.4em;
    border-radius: 3px;
    background: #f2f2f2 !important;
}

    .m-panel-list .row {
        margin: 0;
        padding: .5em 0;
    }

    .m-panel-list .m-thumbnail {
        padding: 0;
        margin: auto;
        text-align: center;
    }

        .m-panel-list .m-thumbnail a {
            outline: none;
        }

            .m-panel-list .m-thumbnail a img {
                width: 100% !important;
                border-radius: 3px;
                border: 4px solid rgb(199, 198, 198);
            }

                .m-panel-list .m-thumbnail a img:hover {
                    border-color: #a5ce37;
                }

    .m-panel-list .m-title {
        margin: auto;
        padding: .5em;
    }

        .m-panel-list .m-title a {
            margin: 0;
            font-size: 1em;
            line-height: 1.2em;
            color: #666;
        }

    .m-panel-list .m-icon {
        margin: auto;
        padding: 0;
        text-align: center;
    }

        .m-panel-list .m-icon a {
            text-decoration: none;
        }

            .m-panel-list .m-icon a i {
                font-size: 1.3em;
            }

                .m-panel-list .m-icon a i.star-a {
                    color: #ccc;
                }

                .m-panel-list .m-icon a i.star-b {
                    color: #a5ce37;
                }

/* tablets and ipads  ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .m-panel-list {
        background: #f2f2f2 !important;
    }

        .m-panel-list .m-thumbnail a img {
            width: 80% !important;
        }

        .m-panel-list .m-title {
            margin: auto;
            padding: 0.8em;
        }

            .m-panel-list .m-title a {
                font-size: 1.3em;
            }

        .m-panel-list .m-icon a i {
            font-size: 1.6em;
        }
}