body {
    padding-top: 2.3rem;
    background: url(img/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bottom-logo {
    position: fixed;
    bottom: 60px;
    z-index: -1;
    right: 30px;
}


@media screen and (max-width: 850px) {
    div.acc-type-content ul {
        position: static;
        display: none;
    }

    div.acc-type-content li {
        margin-bottom: 1px;
    }

    div.acc-type-content ul li,
    div.acc-type-content li {
        width: 100%;
    }

    div.acc-type-content .show-menu {
        display: block;
    }
}

@media screen and (min-width: 851px) and (max-width: 1290px) {
    div.acc-type-content li {
        width: 33%;
    }
}

.widgets-wrapper {

    margin: 5px 0 0 5px;
    overflow: hidden;
}

    .widgets-wrapper .widgets-container .widgets-row {
        max-width: 320px;
        float: left;
    }

        .widgets-wrapper .widgets-container .widgets-row.last {
            padding-right: 160px;
        }

    .widgets-wrapper .widgets-container .widget {
        box-sizing: content-box;
        position: relative;
        padding: 20px;
        color: #fff;
        margin: 5px;
        text-transform: uppercase;
        float: left;
        cursor: pointer;
        -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
    }

        .widgets-wrapper .widgets-container .widget .section {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .widgets-wrapper .widgets-container .widget .count {
            position: absolute;
            left: 0;
            bottom: 0;
        }

        .widgets-wrapper .widgets-container .widget img {
            position: absolute;
            right: 0;
            bottom: 0;
        }

        .widgets-wrapper .widgets-container .widget .slide-up {
            border-top: 1px solid rgba(185, 185, 185, 0.47);
            display: none;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: auto;
        }

            .widgets-wrapper .widgets-container .widget .slide-up .half {
                width: 50%;
                float: left;
            }

            .widgets-wrapper .widgets-container .widget .slide-up ul {
                margin: 0;
                list-style-type: none;
                padding-left: 0;
            }

            .widgets-wrapper .widgets-container .widget .slide-up li {
                float: none;
                border-bottom: 1px solid #5c3277;
                border-bottom: none;
            }

            .widgets-wrapper .widgets-container .widget .slide-up align-content:not(:first-child) {
                border-top: 1px solid rgba(185, 185, 185, 0.47);
            }

            .widgets-wrapper .widgets-container .widget .slide-up a {
                display: block;
                padding: 0.8rem 0 0.8rem 1rem;
                color: #fff;
                text-transform: uppercase;
                font-size: 13px;
                text-decoration: none;
                background: -moz-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
                background: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
                background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
                transition: background 1s ease;
            }

                .widgets-wrapper .widgets-container .widget .slide-up a:hover {
                    transition: background 1s ease;
                    background: -moz-linear-gradient(rgba(0, 0, 0, 0.17), rgba(0, 0, 0, 0.17));
                    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.17), rgba(0, 0, 0, 0.17));
                    background: linear-gradient(rgba(0, 0, 0, 0.17), rgba(0, 0, 0, 0.17));
                }

            .widgets-wrapper .widgets-container .widget .slide-up li:last-child {
                border-bottom: none !important;
            }

        .widgets-wrapper .widgets-container .widget.new-document {
            background: #dc3d66;
            width: 270px;
            height: 115px;
        }

            .widgets-wrapper .widgets-container .widget.new-document .count {
                font-size: 23px;
                font-weight: bold;
            }

            .widgets-wrapper .widgets-container .widget.new-document .price {
                font-size: 16px;
                font-weight: bold;
            }

            .widgets-wrapper .widgets-container .widget.new-document .section {
                float: left;
            }

                .widgets-wrapper .widgets-container .widget.new-document .section .item {
                    width: 50%;
                    float: left;
                    margin-top: 23px;
                }

            .widgets-wrapper .widgets-container .widget.new-document img {
                float: right;
            }

            .widgets-wrapper .widgets-container .widget.new-document h2 {
                font-size: 18px;
                font-weight: bold;
                line-height: 24px;
                margin-bottom: 15px;
            }

        .widgets-wrapper .widgets-container .widget.pending-documents {
            background: #ff6030;
            width: 270px;
            height: 115px;
        }

            .widgets-wrapper .widgets-container .widget.pending-documents .count {
                text-align: right;
                font-size: 37px;
                font-weight: bold;
            }

            .widgets-wrapper .widgets-container .widget.pending-documents .section {
                float: left;
            }

                .widgets-wrapper .widgets-container .widget.pending-documents .section .item {
                    width: 50%;
                    float: left;
                }


            .widgets-wrapper .widgets-container .widget.pending-documents h2 {
                font-size: 18px;
                font-weight: bold;
                line-height: 24px;
                margin-bottom: 15px;
            }

        .widgets-wrapper .widgets-container .widget.history {
            background: #626161;
            width: 270px;
            height: 115px;
        }

            .widgets-wrapper .widgets-container .widget.history .count {
                text-align: right;
                font-size: 37px;
                font-weight: bold;
            }

                .widgets-wrapper .widgets-container .widget.history .section .item {
                    width: 50%;
                    float: left;
                }

            .widgets-wrapper .widgets-container .widget.history img {
                float: right;
            }

            .widgets-wrapper .widgets-container .widget.history h2 {
                font-size: 18px;
                font-weight: bold;
                line-height: 24px;
                margin-bottom: 15px;
            }

        .widgets-wrapper .widgets-container .widget.my-activities {
            background: #00a2df;
            width: 270px;
            height: 115px;
        }

            .widgets-wrapper .widgets-container .widget.my-activities .count {
                text-align: right;
                font-size: 37px;
                font-weight: bold;
            }

            .widgets-wrapper .widgets-container .widget.my-activities .section {
                float: left;
            }


            .widgets-wrapper .widgets-container .widget.my-activities h2 {
                font-size: 18px;
                font-weight: bold;
                line-height: 24px;
                margin-bottom: 15px;
            }

        .widgets-wrapper .widgets-container .widget.my-settings {
            background: #6139f6;
            width: 270px;
            height: 115px;
        }

            .widgets-wrapper .widgets-container .widget.my-settings .count {
                text-align: right;
                font-size: 37px;
                font-weight: bold;
            }

            .widgets-wrapper .widgets-container .widget.my-settings .section {
                float: left;
            }


            .widgets-wrapper .widgets-container .widget.my-settings h2 {
                font-size: 18px;
                font-weight: bold;
                line-height: 24px;
                margin-bottom: 15px;
            }

        .widgets-wrapper .widgets-container .widget.orderbasket {
            background: #227d82;
            width: 270px;
            height: 115px;
        }

            .widgets-wrapper .widgets-container .widget.orderbasket .count {
                text-align: right;
                font-size: 37px;
                font-weight: bold;
            }

            .widgets-wrapper .widgets-container .widget.orderbasket .section {
                float: left;
            }


            .widgets-wrapper .widgets-container .widget.orderbasket h2 {
                font-size: 18px;
                font-weight: bold;
                line-height: 24px;
                margin-bottom: 15px;
            }

        .widgets-wrapper .widgets-container .widget.incinv-overview {
            width: 270px;
            height: 115px;
            background: #D35300;
        }

            .widgets-wrapper .widgets-container .widget.incinv-overview h2 {
                font-size: 18px;
                font-weight: bold;
                line-height: 24px;
                margin-bottom: 15px;
            }

            .widgets-wrapper .widgets-container .widget.incinv-overview .section {
                float: left;
            }

            .widgets-wrapper .widgets-container .widget.incinv-overview img,
            .widgets-wrapper .widgets-container .widget.incinv-overview i {
                float: right;
                font-size: 60px;
            }

        .widgets-wrapper .widgets-container .widget.codelists {
            width: 270px;
            height: 115px;
            background: #33d0b4;
        }

            .widgets-wrapper .widgets-container .widget.codelists h2 {
                font-size: 18px;
                font-weight: bold;
                line-height: 24px;
                margin-bottom: 15px;
            }

            .widgets-wrapper .widgets-container .widget.codelists .section {
                float: left;
            }

            .widgets-wrapper .widgets-container .widget.codelists img,
            .widgets-wrapper .widgets-container .widget.codelists i {
                float: right;
                font-size: 60px;
            }

#arrows-div {
    margin: 10px 0 15px 10px;
    background: url(img/sidebar-bg2.png) left center repeat-x;
    vertical-align: middle;
}

    #arrows-div i {
        -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
        cursor: pointer;
        color: #69B23D;
        padding: 3px 15px 0px 15px;
        background-color: white;
        line-height: 30px;
    }

.content.app {
    padding: 30px 0px 30px 0px;
    font-size: 13px;
}

    .content.app h1 {
        font-size: 2em;
    }

    .content.app h2 {
        font-size: 1.75em;
    }

    .content.app h3 {
        font-size: 1.2em;
    }

    .content.app h4 {
        font-size: 1.1em;
    }

    .content.app h5,
    .content.app h6 {
        font-size: 1em;
    }

    .content.app .field-validation-error {
        color: #f00;
    }

    .content.app .validation-summary-errors {
        color: #f00;
    }

    .content.app .title {
        margin: 10px 0 10px 0;
    }

    .content.app section {
        margin: 15px 0 15px 0;
    }

    .content.app p {
        margin: 15px 0 10px 0;
    }

    .content.app fieldset {
        margin: 10px 0 10px 0;
    }

        .content.app fieldset legend {
            color: #505050;
            margin: 7px 0 7px 0;
        }

        .content.app fieldset .radio,
        .content.app fieldset .checkbox {
            padding-left: 0;
        }

        .content.app fieldset ol {
            margin: 15px 0 4px 0;
        }

            .content.app fieldset ol li {
                margin: 4px 0 2px 0;
            }

        .content.app fieldset .btn {
            margin: 10px 0 10px 0;
        }

@media all and (max-width: 499px) {
    .content.app {
        padding: 0px 10px 50px 10px !important;
    }

    div.acc-type-content {
        width: 300px;
    }

        div.acc-type-content .acc-type-button a {
            font-weight: normal;
        }

    #arrows-div {
        display: none;
    }
}

@media all and (max-width: 979px) {
    .content.app {
        padding: 0px 10px 50px 5px !important;
    }

    .sidebar {
        padding-top: 0px;
    }

    div.acc-type-content {
        width: 400px;
        margin-top: 0px;
    }

    #survey-portal {
        margin-top: 8px;
    }
}

.modal {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    .modal .large {
        width: 80%;
        margin-left: -40%;
    }

    .modal .modal-body {
        max-height: none;
    }

.keepiloader {
    z-index: 5000;
    position: fixed;
    left: 48%;
    top: 45%;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    padding: 6px;
    background-color: white;
}

.modal-backdrop.fade.in {
    opacity: .5;
    filter: alpha(opacity=50);
}

.buttons {
    float: left;
    margin: 0px 10px 10px 10px;
    clear: both;
}

    .buttons li {
        float: left;
        margin-right: 5px;
        margin-top: 10px;
    }

        .buttons li:last-child {
            margin-right: 0px;
        }

        .buttons li a {
            display: block;
            padding: 9px;
            height: 15px;
            background: #909090;
            color: #fff;
            font-size: 12px;
            font-weight: bold;
        }

            .buttons li a:hover {
                text-decoration: none;
                background-color: #5bb822;
            }