/* CSS Document 2 */
.validation-summary-errors ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.input-group, .form-group, .form-group input, .form-group select {
    margin-bottom: 0.7rem;
}

.form-buttons {
    margin-top: 1rem;
    padding-top: .7rem;
    border-top: 1px solid #DDD;
}

.dleft .navbar-left {
    margin: 0;
    padding: 0;
    list-style: none;
}

.input-group .button {
    margin: .08em 0 0 .4rem;
    float: right;
    vertical-align: middle;
}

div.form-horizontal {
    max-width: 50%;
}

.btn, .button, .input-group select, .input-group input {
    margin-bottom: 0;
}

.form-horizontal hr {
    display: none;
}

td.pimg {
    text-align: center;
}

.pimg span {
    display: inline-block;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    width: 70px;
    height: 70px;
    overflow: hidden;
}

.pimg img {
    max-width: 70px;
}

.pimg i {
    font-size: 3rem;
    color: #b6b6b6;
}

.small {
    font-size: .9rem;
}

td.title a {
    display: block;
    color: #252525;
    font-weight: bold;
}

.actions {
    text-wrap: nowrap;
}

    .actions i {
        font-size: 1.4rem;
    }

/*Login*/
.pp-loginblock fieldset {
    padding: .7rem;
    position: relative;
    overflow: hidden;
}

    .pp-loginblock fieldset legend {
        font-size: 1.2rem;
        font-family: 'Ubuntu', sans-serif;
        margin: .3rem 0 0 0;
        display: table; /*padding-bottom:.5rem; border-bottom:1px solid #DDD*/
        width: 100%;
        font-weight: 600;
        text-transform: uppercase;
    }

.pp-loginblock {
    margin-top: 2.5rem;
}

    .pp-loginblock .tabs {
        background: none;
        border: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }

        .pp-loginblock .tabs li {
            display: inline-block;
            float: none;
            background: none !important;
        }

            .pp-loginblock .tabs li a {
                color: #1C1C1C;
                padding: .8rem 2rem;
                display: block;
                font-size: 1.125rem;
            }

                .pp-loginblock .tabs li a:hover {
                    background: none;
                }

            .pp-loginblock .tabs li.tabs-title.is-active a {
                background: #FFF;
                border: 1px solid #E5E5E5;
                border-width: 1px 1px 0 1px;
            }

    .pp-loginblock .tabs-content {
        border: none;
    }

    .pp-loginblock .lright ul, .pp-loginblock .lright h4 {
        margin: 0 .7rem;
        padding: 0px;
        list-style: none;
    }

        .pp-loginblock .lright ul li {
            margin: 1rem 0 2rem 0;
            font-size: .9rem;
            line-height: 1.1rem;
            color: #2e2e2e;
        }

            .pp-loginblock .lright ul li h5 {
                font-size: 1.1rem;
                font-family: 'Ubuntu', sans-serif;
                margin: 0 0 .4rem 0;
                padding: 0;
                line-height: 1rem;
            }

    .pp-loginblock .lright .hints li i {
        font-size: 1.7rem;
        border: 2px solid #1C1C1C;
        color: #1C1C1C;
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        text-align: center;
        margin: 0 .7rem 1rem 0;
        float: left;
        font-weight: 700;
    }

        .pp-loginblock .lright .hints li i:before {
            vertical-align: -29%;
        }

    .pp-loginblock .lright .benefits li i {
        font-size: 3.5rem;
        float: left;
        margin: 0 .7rem 1rem 0;
    }

.ps-benefits, .signup-personal {
    display: none;
}

.pp-loginblock .profile {
    margin-top: -.5rem;
}

/*Dashboard*/
.dleft h3 {
    background: #1e62a6;
    color: #FFF;
    margin: 0;
    padding: .4rem 1rem;
    font-size: 1.28rem;
}

    .dleft h3 a {
        color: #fff;
    }

.dleft ul.menu {
    margin: 0 1rem;
    padding: 0;
    list-style: none;
}

    .dleft ul.menu.nested {
        padding: 0;
        margin: 0 0 0 1rem;
    }

.dleft li {
    margin: .2rem 0 .2rem 0;
    border-bottom: 1px solid #DADADA;
}

    .dleft li:last-child {
        border: none;
    }

    .dleft li a {
        color: #1c1c1c;
        display: block;
        padding: .5rem 0 .7rem 0;
        font-size: .9rem;
    }

        .dleft li a:hover, .dleft li a.active {
            color: #1e62a6;
        }

            .dleft li a.active:after {
                content: "\2192";
                color: #1e62a6;
                float: right;
            }

.mlogo {
    margin: 1rem 1rem 0 1rem;
    border-bottom: 1px solid #DADADA;
    overflow: hidden;
    text-align: center;
}

    .mlogo img {
        max-width: 100%;
    }

    .mlogo h4 {
        margin: .5rem 0 1rem 0;
    }

        .mlogo h4 a {
            color: #2e2e2e;
        }

.dright {
    background: #FFF;
    border: 1px solid #DADADA;
    border-width: 0 0 1px 1px;
    padding: 0;
    min-height: 500px;
}

.is-accordion-submenu-parent > a:after {
    border-color: #444 transparent transparent;
}

.pd-wrap {
    padding: .7rem 0 .7rem 0;
    border-bottom: 1px solid #DADADA;
    color: #1a1a1a;
    font-size: .9rem;
}

    .pd-wrap.pd-slim {
        padding: .4rem 0 .3rem 0;
    }

    .pd-wrap p, .pd-wrap li, .pd-wrap span, .pd-wrap a, .pd-wrap label {
        font-size: .9rem;
    }

    .pd-wrap.last {
        border: none;
    }

    .pd-wrap h2, .pd-wrap h3.main {
        padding-bottom: .7rem;
        margin-bottom: .7rem;
        border-bottom: 1px solid #ddd;
    }

    .pd-wrap h3, .pd-wrap h2 {
        font-size: 1.5rem;
    }

.breadcrumbs {
    margin: 0;
    padding: 0;
}

    .breadcrumbs li {
        text-transform: none;
        font-size: .9rem;
        color: #7d7d7d;
    }

        .breadcrumbs li a {
            color: #a81414;
        }

.pd-wrap .tools {
    margin: 0px;
    list-style: none;
}

    .pd-wrap .tools li {
        margin: 1rem 0 2rem 0;
        font-size: .85rem;
        color: #535353;
        display: block;
    }

        .pd-wrap .tools li p {
            margin-bottom: 0;
            line-height: 1.1rem;
            padding-right: .4rem;
        }

        .pd-wrap .tools li i {
            font-size: 1.5rem;
            border: 2px solid #1C1C1C;
            color: #1C1C1C;
            width: 2.7rem;
            height: 2.7rem;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            text-align: center;
            margin: 0 .5rem 1rem 0;
            float: left;
            font-weight: 600;
        }

            .pd-wrap .tools li i:before {
                vertical-align: -29%;
            }

    .pd-wrap .tools h5 {
        font-size: 1.1rem;
        font-family: 'Ubuntu', sans-serif;
        margin: 0 0 .4rem 0;
        padding: 0;
        color: #2E2E2E;
        line-height: 1rem;
    }

.pd-wrap .pdleft {
    border: 1px solid #DADADA;
    border-width: 0 1px 0 0;
    min-height: 150px;
}

.pd-wrap .qlinks {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .pd-wrap .qlinks li a {
        color: #2e2e2e;
    }

    .pd-wrap .qlinks li a {
        display: block;
        text-decoration: underline;
    }

.pd-wrap .amount {
    margin-bottom: 1rem;
    line-height: 1.3rem;
}

    .pd-wrap .amount span {
        display: block;
        font-size: 1.5rem;
        margin-top: .2rem;
    }

.pd-wrap .button.hollow.secondary {
    border-width: 1px;
    font-size: .9rem;
    padding: .6rem 1.1rem;
    text-transform: uppercase;
    color: #a81414;
    border-color: #a81414;
}

    .pd-wrap .button.hollow.secondary.small {
        font-size: .75rem;
        padding: .2rem 1rem;
        line-height .7rem;
    }

    .pd-wrap .button.hollow.secondary.tbs.active {
        background: #a81414;
        color: #FFF;
    }

.pd-wrap .exwrap {
    padding-bottom: 0rem;
    border-bottom: 1px solid #dadada;
    margin-bottom: 1rem;
}

    .pd-wrap .exwrap label {
        font-size: .8rem;
        color: #4a4a4a;
    }

.pd-wrap .opt {
    text-align: center;
    margin: .4rem 0;
    position: relative;
}

    .pd-wrap .opt span {
        background: #FFF;
        display: inline-block;
        padding: 0 .4rem;
        text-transform: uppercase;
        font-size: .85rem;
        position: relative;
        z-index: 4;
    }

    .pd-wrap .opt:after {
        position: absolute;
        background: #DADADA;
        content: "";
        display: block;
        z-index: 3;
        left: 0;
        top: 50%;
        width: 100%;
        height: 1px;
    }

.pd-wrap .dataTables_wrapper .col-sm-6 {
    width: 50%;
    float: left;
    overflow: hidden;
}

.pd-wrap .dataTables_wrapper .dataTables_length {
    max-width: 80px;
    max-height: 70px;
    overflow: hidden;
}

/*Admin*/
.pp-submenu {
    background: #f2f2f2;
    border-bottom: 1px solid #dadada;
    margin-bottom: 1rem;
}

    .pp-submenu .menu > li {
        margin: 0px;
        padding: 0;
        line-height: 1rem;
    }

        .pp-submenu .menu > li > a {
            color: #232323;
            padding: .7rem .9rem;
            font-size: .95rem;
        }

            .pp-submenu .menu > li > a:hover {
                color: #1e62a6;
            }

        .pp-submenu .menu > li.active > a {
            background: #a81414;
            color: #fff;
        }

ul.submenu {
    margin: 0;
    padding: 0;
}

.adminboard table td, .adminboard table th {
    font-size: .8rem;
    padding: .1rem .3rem .2rem .3rem;
}

    .adminboard table td img {
        width: 16px;
        height: 16px;
        max-width: none;
    }

.jtable-title-text {
    font-size: 1.2rem;
    font-family: 'Ubuntu', sans-serif;
    border-bottom: 1px solid #dadada;
    padding: 0 0 .4rem 0;
    margin: 0 0 1rem 0;
}

/*Data Tables*/
#transactions_length {
    display: none;
}

#transactions_wrapper {
    padding-top: .7rem;
    border-top: 1px solid #ddd;
}

.dataTables_filter input {
    margin-bottom: .7rem;
}

/*Sale Dashboard*/
.glyphicon {
    margin-right: 5px;
}

ul#navlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul#navlist li {
        display: inline-block;
        width: 31.33%;
    }

.partialSize {
    width: 64%;
    float: left;
}

.posCart {
    width: 35%;
    vertical-align: top;
    float: right;
}

.pos-cart-total {
    font-size: 15px;
    font-weight: 700;
    height: 20px;
    padding: 5px;
}

.wk-separator {
    margin: 0 auto;
    clear: both;
}

.wk-newline {
    width: 100%;
    border-bottom: 1px solid #CCC;
}

.pos-product-media {
    width: 98%;
    height: 90px;
    margin: 10px auto;
    overflow: hidden;
    border-bottom: 1px solid #DDD;
    text-align: center;
}

    .pos-product-media img {
        max-height: 90px !important;
    }

.cart-total-label {
    float: left;
}

.cart-total-amount {
    float: right;
}

.thumbnail {
    margin-bottom: 20px;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.item.list-group-item {
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}

    .item.list-group-item:nth-of-type(odd):hover, .item.list-group-item:hover {
        background: #428bca;
    }

    .item.list-group-item .list-group-image {
        margin-right: 10px;
    }

    .item.list-group-item .thumbnail {
        margin-bottom: 0;
    }

    .item.list-group-item .caption {
        padding: 9px 9px 0;
    }

    .item.list-group-item:nth-of-type(odd) {
        background: #eee;
    }

    .item.list-group-item:before, .item.list-group-item:after {
        display: table;
        content: " ";
    }

    .item.list-group-item img {
        float: left;
    }

    .item.list-group-item:after {
        clear: both;
    }

.list-group-item-text {
    margin: 0 0 11px;
}

element.style {
    height: 170px;
}

.pos-product-container {
    margin: 0 1% 10px 1%;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 5px;
}

    .pos-product-container .caption {
        margin: 10px;
    }

        .pos-product-container .caption .btn {
            width: 50%;
            margin-left: 15px
        }

.column-left {
    float: left;
    width: 25%;
}

.center {
    align-content: center;
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    /*Login*/
    .lleft {
        border-bottom: 1px solid #DADADA;
    }

    .lright {
        padding-top: 1.5rem;
    }

    /*Dashboard*/
    .dright {
        background: #FFF;
        border-width: 1px 0 0 0;
        min-height: 0;
    }

    .pd-wrap .pdleft {
        border-width: 0 0 1px 0;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        min-height: 0;
    }

    .pd-wrap .pdright {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .pd-wrap .amount {
        margin: .2rem 0 .7rem;
    }

    .dleft li a.active:after {
        content: "\2193";
    }
}

/* Medium and up */
@media screen and (min-width: 40em) {
    /*Login*/
    .lleft {
        border-right: 1px solid #DADADA;
    }

    .lright {
        padding-top: 2.8rem;
    }

    /*Dashboard*/
    .pd-wrap .tools li {
        width: 50%;
        float: left;
        overflow: hidden;
    }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 64em) {
    /*Dashboard*/
    .level-2 .pdleft {
        border-width: 0 0 1px 0;
        margin-bottom: .4rem;
        padding-bottom: .4rem;
    }
}

/* Large and up */
@media screen and (min-width: 64.12em) {

    /*Dashboard*/
    .pd-wrap .qlinks {
        margin: -4.6rem 0 0 1rem;
        float: right;
    }

    .pd-wrap .opt span {
        margin: 1.5rem 0 .8rem;
    }

    .pd-wrap .opt:after {
        position: absolute;
        left: 50%;
        top: 0;
        width: 1px;
        height: 100%;
    }
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
}

@media screen and (min-width: 75em) {
}
