﻿@import url("../Default/Template.css");

.icon-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(155px, 155px));
}

.grid-icon {
    padding: 10px;
    text-align: center;
    height: 120px;
    border: 0;
}

.grid-icon-contents {
    border: 1px solid transparent;
    width: 140px;
    padding: 5px 0 5px 0;
}

.grid-icon-contents:hover {
    background-color: #004c83;
    border: 1px solid #BCD2F1;
}

.grid-icon a {
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 0;
}

#sidebar .main-button-group button {
    padding-left: 8px;
    padding-right: 8px;
}

#sidebar .button-back {
    padding: 8px 14px 3px 14px !important;
}

#sidebar .button-back img {
    height: 16px;
}

.Service_Home #Back {
    display: none;
}

@media only screen and (min-width:901px) {
    .Service_Actions #content,
    .Service_Home #content {
        position: relative;
    }

    .Service_Actions #main > .detail,
    .Service_Home #main > .detail {
        margin-right: 275px;
    }

    .Service_Actions #ServiceStats,
    .Service_Home #ServiceStats {
        position: absolute;
        top: 42px;
        right: 15px;
    }
}