@font-face 
{
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
}

@font-face
{
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.ttf') format('truetype');
}    

.systemButton 
{
    background-color:#CA5100;
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    border-radius:14px;
    border:1px solid #5F6062;
    cursor:pointer;
    color:#ffffff;
    font-family: "Montserrat-Regular", sans-serif;
    font-size:17px;
    padding:10px 25px;
    text-decoration:none;
    display: inline-block;
    width: 170px;
    margin: 0 auto;
    text-align: center;
}

.systemButtonLarge
{
    font-size:12px !important;
    padding: 8px 0 8px 0 !important;
    width: 170px !important;
    display: block;
    margin-top: 12px;
    color: white !important;
}

.systemButtonMediumLarge
{
    font-size:12px !important;
    padding: 8px 0 8px 0 !important;
    width: 100px !important;
    display: block;
    margin-top: 12px;
    color: white !important;
}

.systemButtonMedium
{
    font-size:12px !important;
    padding: 8px 0 8px 0 !important;
    width: 80px !important;
    color: white !important;
}

.systemButtonSmallMedium
{
    font-size:10px !important;
    padding: 4px 0 4px 0 !important;
    width: 60px !important;
    margin-top: 4px;
    margin-bottom: 4px;
    color: white  !important;
}

.systemButtonSmall
{
    font-size:10px !important;
    padding: 4px 0 4px 0 !important;
    width: 40px !important;
    margin-top: 4px;
    margin-bottom: 4px;
    color: white  !important;
}

.systemButton:hover 
{
    background-color:#00255B;
}

.systemButton:active 
{
    position:relative;
    top:2px;
}

.systemMenuDiv
{
    display: block; 
    margin: 0 auto;
    margin-bottom: 10px;
    width: 250px;
}

.disableButton
{
    pointer-events: none;
    opacity: 0.3;
}