﻿* {
    outline: none !important;
}

body {
    /*font-size: .85em;*/
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
}

header, footer, nav, section {
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #d50d0d;
    position: absolute;
    font-family: 'Proxima Nova Alt Regular';
    font-size: 15px;
    letter-spacing: .025em;
}

.field-validation-valid {
    display: none;
}

.input-validation-error, input[type="text"].input-validation-error {
    border: 1px solid #d50d0d;
    background-color: #fee;
}

.validation-summary-errors {
    color: #d50d0d;
    font-family: 'Proxima Nova Alt SemiBold';
    font-size: 16px;
    letter-spacing: .05em;
}

.validation-summary-valid {
    display: none;
}

#FPP_Landing {
    height: 100%;
    text-align: center;
    margin-top: 130px;
}

.home_button_container {
    display: flex;
    flex-flow: row wrap;
    margin: -45px 8% 0px 8%;
}

#FPP_Landing > .row:first-child {
    padding-bottom: 45px;
    border-bottom: 1px solid #cccccc;
}

#FPP_Landing > .row .home_button:first-child {
    border-left: none;
}

.home_button_container > div:first-child {
    border-left: none;
}

.home_button_container > div:nth-child(6) {
    border-left: none;
}

.home_button {
    height: 275px;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    border-left: 1px solid #cccccc;
    box-sizing: border-box;
    padding: 0px;
    margin: 45px 0px;
}

.two_item_border {
    display: none;
}

.three_item_border {
    border-bottom: 1px solid #cccccc;
    width: 100%;
    display: inline-block;
}

#button_my_stores {
    background-image: url(images/button_my_stores.png);
}

#button_purchase_new {
    background-image: url(images/button_purchase_new.png);
}

#button_upgrade {
    background-image: url(images/button_upgrade.png);
}

#button_maintenance {
    background-image: url(images/button_edit_terminals.png);
}

#button_paas {
    background-image: url(images/button_pos_service.png);
}

#button_add_terminals {
    background-image: url(images/button_add_terminals.png);
}

#button_referrals {
    background-image: url(images/button_free_cc.png);
}

.button_label {
    position: absolute;
    bottom: 12px;
    left: 0px;
    display: inline-block;
    width: 100%;
    font-family: 'Proxima Nova Alt Condensed Bold';
    letter-spacing: .075em;
    font-size: 27px;
    color: #14587a;
    text-transform: uppercase;
}

.button_inactive {
    position: absolute;
    bottom: 12px;
    left: 0px;
    display: inline-block;
    width: 100%;
    font-family: 'Proxima Nova Alt Condensed Bold';
    letter-spacing: .075em;
    font-size: 27px;
    color: #aaaaaa;
    text-transform: uppercase;
}

.button_link {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 100%;
    height: 100%;
    opacity: .75;
    position: relative;
    z-index: 1000;
    transition: all .1s;
    -webkit-transition: all .1s;
}

.button_link:hover {
    opacity: 1;
}

.button_label.disabled {
    color: #aaaaaa;
}

.refer_form{
    width:90%;
    height:90%;
}

.refer_form {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px; overflow: hidden;
}

.refer_form iframe,
.refer_form object,
.refer_form embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.required:before 
{
    content: "*  ";
    font-weight: lighter;
    color: red; 
}

.k-textbox[readonly], .k-widget[readonly], .readonly, .k-widget.readonly .k-dropdown-wrap {
    background-color: #f5f5f5;
    color: #a1a1a1;
}

.k-textbox[readonly]:hover, .k-dropdown[readonly]:hover, .readonly.hover {
    background-color: #f5f5f5;
    color: #a1a1a1;
}

iframe.signout {
    border: none;
}


@media screen and (max-width:991px) {

    .home_button_container > div:first-child {
        border-left: none;
    }
    
    .home_button_container > div:nth-child(4) {
        border-left: none;
    }

    .home_button_container > div:nth-child(6) {
        border-left: 1px solid #cccccc;
    }

    .home_button_container > div:nth-child(8) {
        border-left: none;
    }

    .two_item_border {
        display: inline-block;
        border-bottom: 1px solid #cccccc;
        width: 100%;
    }
    
    .three_item_border {
        display: none;
    }
   
}