body {
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 16px;
    padding: 0;
    margin: 0;
    background-color: #F2F2F2;
}

table {
    font-size: 13px;
}

.front-grey-button,
.frontend-blue-button,
.frontend-green-button,
.frontend-red-button {
    display: inline-block;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
    text-align: center;
    outline: none;
}

.front-grey-button {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #e6e6e6));
    background: -moz-linear-gradient( center top, #ffffff 5%, #e6e6e6 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6');
    background-color: #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #c2c2c2;
    color: #303030;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 20px;
}

.front-grey-button:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e6e6e6), color-stop(1, #ffffff));
    background: -moz-linear-gradient( center top, #e6e6e6 5%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#ffffff');
    background-color: #e6e6e6;
    cursor: pointer;
}

.grey:active {
    position: relative;
}

.frontend-red-button {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E81700), color-stop(1, #ce0100));
    background: -moz-linear-gradient( center top, #E81700 5%, #ce0100 100%);
    background-color: #E81700;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 20px;
    text-decoration: none;
    border: 1px solid #BB0000;
    text-shadow: 1px 1px 0px #b23e35;
}

.frontend-red-button:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #E81700));
    background: -moz-linear-gradient( center top, #ce0100 5%, #E81700 100%);
    background-color: #ce0100;
}

.frontend-red-button:active {
    position: relative;
    /*  top:1px;*/
}

.front-inset-box {
    -moz-box-shadow: inset 0 32px 60px -42px #d9d9d9;
    -ms-box-shadow: inset 0 32px 60px -42px #d9d9d9;
    -o-box-shadow: inset 0 32px 60px -42px #d9d9d9;
    -webkit-box-shadow: inset 0 32px 60px -42px #d9d9d9;
    box-shadow: inset 0 32px 60px -42px #d9d9d9;
    -webkit-box-shadow: inset 0 32px 60px -42px #d9d9d9;
    -moz-box-shadow: inset 0 32px 60px -42px #d9d9d9;
    -o-box-shadow: inset 0 32px 60px -42px #d9d9d9;
    -ms-box-shadow: inset 0 32px 60px -42px #d9d9d9;
    border: 1px solid #E0E0E0;
    padding: 10px 10px 10px 10px;
}
#front-content-box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1px;
    background: white;
    min-height: 500px;
    -webkit-box-shadow: 10px 0px 16px -6px #E0E0E0;
    box-shadow: 10px 0px 16px -6px #E0E0E0;
    margin-top:110px;
}

#front-content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: white;
    min-height: calc(100vh - 110px);
    padding: 20px 0px 20px 0px;
    -webkit-box-shadow: -10px 0px 16px -6px #E0E0E0;
    box-shadow: -10px 0px 16px -6px #E0E0E0;
}
a img {
    border: none;
}

.frontend-green-button {
    font-size: 16px;
    font-weight: bold;
    padding: 8px 14px;
    border: 0px;
    background-color: #6FCC1A;
    background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#72D11B), to(#65BB17));
    background-image: -webkit-linear-gradient(top, #72D11B, #65BB17);
    background-image: -moz-linear-gradient(top, #72D11B, #65BB17);
    background-image: -ms-linear-gradient(top, #72D11B, #65BB17);
    background-image: -o-linear-gradient(top, #72D11B, #65BB17);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    color: #FFFFFF;
    text-shadow: 1px 1px 0px #559C14;
}

.frontend-green-button:hover {
    cursor: pointer;
    background-color: #6fcc1a;
    background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#6FCC1A), to(#6CC81A));
    background-image: -webkit-linear-gradient(top, #6FCC1A, #6CC81A);
    background-image: -moz-linear-gradient(linear, 0% 0, 0% 100%, from(#6FCC1A), to(#6CC81A));
    background-image: -ms-linear-gradient(linear, 0% 0, 0% 100%, from(#6FCC1A), to(#6CC81A));
    background-image: -o-linear-gradient(linear, 0% 0, 0% 100%, from(#6FCC1A), to(#6CC81A));
}

.frontend-blue-button {
    font-size: 16px;
    font-weight: bold;
    padding: 8px 14px;
    background-color: #0073AC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 2px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    box-shadow: 0 1px 2px #ccc;
    color: #FFFFFF;
    text-shadow: 1px 1px 0px #006FA4;
}

.frontend-blue-button:hover {
    cursor: pointer;
    background-color: #0082BF;
    /*background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#0082BF), to(#009BE6));
    background-image: -webkit-linear-gradient(top, #0082BF, #009BE6);
    background-image: -moz-linear-gradient(linear, 0% 0, 0% 100%, from(#0082BF), to(#009BE6));
    background-image: -ms-linear-gradient(linear, 0% 0, 0% 100%, from(#0082BF), to(#009BE6));
    background-image: -o-linear-gradient(linear, 0% 0, 0% 100%, from(#0082BF), to(#009BE6));*/
}