﻿
.profile_close {
    display: none;
}

.admin_login_buttons {
    width: 50%;
    display: inline-flex;
}

.profile_sections {
    width: 50% !important;
    display: inline-block;
}


.profile_main_save .btn-laserwar {
    background-color: #f34c3a;
    color: #fff;
    border: none;
    border-radius: 3px;
    border: none;
    margin-left: 17px;
    width: 150px;
    height: 40px;
    line-height: 28px;
    text-transform: uppercase;
}

@media screen and (max-width: 720px) {
    a.profile_close {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 12px;
        right: 12px;
        width: 44px;
        height: 44px;
        background: #e31e24;
        color: #fff;
        border-radius: 3px;
        font-size: 32px;
        line-height: 1;
        font-weight: 400;
        text-decoration: none;
        z-index: 3;
    }

    a.profile_close:hover,
    a.profile_close:focus {
        color: #fff;
        background: #c4181e;
        text-decoration: none;
    }

    div .profile_main__customerdata {
        display: block;
    }

    div.profile_main__delivery {
        display: block;
    }

    div.profile_data {
        padding: 64px 25px 35px;
        background-color: white;
        border-radius: 3px;
        margin: 20px 0 0 0;
        min-height: 480px;
        position: relative;
    }

    div.profile_main_save {
        display: none;
    }

    div.profile_main_mobilesave {
        display: inline-grid;
        margin: 0 auto;
        text-align: center;
    }

        div.profile_main_mobilesave > a {
            color: #0e0e0e;
            text-decoration: none;
            border-bottom: 1px solid #dcdcdc;
            margin: 10px 0 0 0;
            display: inline-block;
            text-align: center;
        }

    .profile_main_mobilesave .btn-laserwar {
        background-color: #f34c3a;
        color: #fff;
        border: none;
        border-radius: 3px;
        /*border: 1px solid #fff;
        margin-left: 17px;*/
        width: 150px;
        height: 40px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    div.profile_main_mobilesave > a.btn-profile-save {
        display: inline-block;
        width: 255px;
        height: 40px;
        line-height: 40px;
        background-color: #f34c3b;
        color: white;
        text-align: center;
        text-transform: uppercase;
        border-radius: 2px;
        border: none;
        margin: 10px auto 0 auto;
        text-align: center;
    }

    div.profile_main_mobilesave > input.btn-profile-save {
        display: inline-block;
        width: 255px;
        height: 40px;
        line-height: 40px;
        background-color: #f34c3b;
        color: white;
        text-align: center;
        text-transform: uppercase;
        border-radius: 2px;
        border: none;
        margin: 15px 0 0 0;
    }

    div.profile_main_mobilesave > button.btn-profile-save {
        display: inline-block;
        width: 255px;
        height: 40px;
        line-height: 40px;
        background-color: #f34c3b;
        color: white;
        text-align: center;
        text-transform: uppercase;
        border-radius: 2px;
        border: none;
        margin: 15px auto 0 auto;
        outline: none;
        margin-bottom: 12px;
    }

    div.profile_main_mobilesave > a:hover {
        border: none;
    }

    div.desktop-view {
        display: none;
    }

    input.profile_input {
        outline: none;
        border: 1px solid #dcdcdc;
        border-radius: 2px;
        height: 40px;
        padding: 0 15px;
        color: #0e0e0e;
        width: 100%;
        display: block;
    }

    div.profile_input > label {
        display: block;
    }

    table.orders {
        display: none;
    }

    div.orders-mobile {
        display: block;
    }
}

@media screen and (min-width: 721px) and (max-width: 1280px) {
    div.profile_main__customerdata {
        display: inline-block;
        vertical-align: top;
    }

    div.profile_main__delivery {
        display: block;
    }


    div.profile_data {
        padding: 35px 25px;
        background-color: white;
        border-radius: 3px;
        margin: 20px 0 0 0;
        min-height: 480px;
        position: relative;
    }

    div.profile_main_save {
        float: right;
    }

        div.profile_main_save > a {
            color: #0e0e0e;
            text-decoration: none;
            border-bottom: 1px solid #dcdcdc;
            margin-right: 20px;
        }

            div.profile_main_save > a.btn-profile-save {
                display: inline-block;
                width: 255px;
                height: 40px;
                line-height: 40px;
                background-color: #f34c3b;
                color: white;
                text-align: center;
                text-transform: uppercase;
                border-radius: 2px;
                border: none;
                margin: 0 0 0 0;
            }

        div.profile_main_save > input.btn-profile-save {
            display: inline-block;
            width: 255px;
            height: 40px;
            line-height: 40px;
            background-color: #f34c3b;
            color: white;
            text-align: center;
            text-transform: uppercase;
            border-radius: 2px;
            border: none;
            margin: 15px 0 0 0;
        }

        div.profile_main_save > button.btn-profile-save {
            display: inline-block;
            width: 255px;
            height: 40px;
            line-height: 40px;
            background-color: #f34c3b;
            color: white;
            text-align: center;
            text-transform: uppercase;
            border-radius: 2px;
            border: none;
            margin: 0 0 0 0;
            outline: none;
        }

        div.profile_main_save > a:hover {
            border: none;
        }

    div.profile_main_mobilesave {
        display: none;
    }


    div.desktop-view {
        display: none;
    }

    input.profile_input {
        outline: none;
        border: 1px solid #dcdcdc;
        border-radius: 2px;
        height: 40px;
        padding: 0 15px;
        color: #0e0e0e;
        min-width: 400px;
        width: 400px;
    }

    div.profile_input > label {
        width: 150px;
    }

    table.orders {
        width: 100%;
    }

        table.orders > tbody > tr {
            cursor: pointer;
        }

            table.orders > tbody > tr > td {
                padding: 10px;
                background-color: #f2f3f5;
                /*border-bottom: 4px solid #eef1f8;*/
                -webkit-user-select: none; /* Chrome all / Safari all */
                -moz-user-select: none; /* Firefox all */
                -ms-user-select: none; /* IE 10+ */
                user-select: none; /* Likely future */
                color: #040404;
                font-size: 16px;
                font-weight: normal;
                border-bottom: 3px solid white;
            }

            table.orders > tbody > tr > th {
                padding: 10px;
                color: #0e0e0e;
                font-size: 16px;
                font-weight: normal;
            }

            table.orders > tbody > tr.active td {
                padding: 10px;
                background-color: #dfe0e4;
                /*border-bottom: 4px solid #eef1f8;
        color: white;*/
            }

    div.orders-mobile {
        display: none;
    }
}

@media screen and (min-width: 1281px) {
    div.profile_main__customerdata {
        display: inline-block;
        vertical-align: top;
    }

    div.profile_main__delivery {
        display: inline-block;
        vertical-align: top;
        float: right;
    }


    div.profile_data {
        padding: 33px 43px;
        background-color: white;
        border-radius: 3px;
        margin: 20px 0 0 0;
        min-height: 480px;
        position: relative;
    }

    div.profile_main_mobilesave {
        display: none;
    }

    div.profile_main_save {
        float: right;
    }

        div.profile_main_save > a {
            color: #0e0e0e;
            text-decoration: none;
            border-bottom: 1px solid #dcdcdc;
            margin-right: 20px;
        }

            div.profile_main_save > a.btn-profile-save {
                display: inline-block;
                width: 255px;
                height: 40px;
                line-height: 40px;
                background-color: #f34c3b;
                color: white;
                text-align: center;
                text-transform: uppercase;
                border-radius: 2px;
                border: none;
                margin: 0 0 0 0;
            }

        div.profile_main_save > input.btn-profile-save {
            display: inline-block;
            width: 255px;
            height: 40px;
            line-height: 40px;
            background-color: #f34c3b;
            color: white;
            text-align: center;
            text-transform: uppercase;
            border-radius: 2px;
            border: none;
            margin: 10px 0 0 0;
        }

        div.profile_main_save > button.btn-profile-save {
            display: inline-block;
            width: 255px;
            height: 40px;
            line-height: 40px;
            background-color: #f34c3b;
            color: white;
            text-align: center;
            text-transform: uppercase;
            border-radius: 2px;
            border: none;
            margin: 0 0 0 0;
            outline: none;
        }

        div.profile_main_save > a:hover {
            border: none;
        }

    input.profile_input {
        outline: none;
        border: 1px solid #dcdcdc;
        border-radius: 2px;
        height: 40px;
        padding: 0 15px;
        color: #0e0e0e;
        min-width: 400px;
        max-width: 400px;
        width: calc(100% - 155px);
    }

    div.profile_input > label {
        width: 150px;
    }

    table.orders {
        width: 100%;
    }

        table.orders > tbody > tr {
            cursor: pointer;
        }

            table.orders > tbody > tr > td {
                padding: 10px;
                background-color: #f2f3f5;
                /*border-bottom: 4px solid #eef1f8;*/
                -webkit-user-select: none; /* Chrome all / Safari all */
                -moz-user-select: none; /* Firefox all */
                -ms-user-select: none; /* IE 10+ */
                user-select: none; /* Likely future */
                color: #040404;
                font-size: 16px;
                font-weight: normal;
                border-bottom: 3px solid white;
            }

            table.orders > tbody > tr > th {
                padding: 10px;
                color: #0e0e0e;
                font-size: 16px;
                font-weight: normal;
            }

            table.orders > tbody > tr.active td {
                padding: 10px;
                background-color: #dfe0e4;
                /*border-bottom: 4px solid #eef1f8;
        color: white;*/
            }

    div.orders-mobile {
        display: none;
    }
}

div.profile_path {
}

div.profile_title {
    font-family: 'ProximaNovaBold';
    font-size: 24px;
    color: #262e31;
}

div.profile_path > a {
    color: #222222;
    text-decoration: none;
}

div.profile_path > span {
    color: #a2a2a2;
    text-decoration: none;
}


div.profile_sections {
    width: calc(100% + 15px);
    margin: -15px 0 0 -15px;
}

a.profile_section {
    display: inline-block;
    font-family: "ProximaNovaBold";
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    color: #51575a;
    background-color: #f2f3f5;
    border-radius: 3px;
    margin: 15px 0 0 15px;
    padding: 0 20px;
    text-decoration: none;
    cursor: pointer;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    text-transform: uppercase;
}

.profile_section_active {
    color: white !important;
    background-color: #f34c3b !important;
    border-color: #f34c3b;
    border-radius: 2px;
    text-decoration: none;
}

    .profile_section_active > span {
        border-bottom: none;
    }

a.profile_section:hover {
    text-decoration: none;
    color: white;
    background-color: #f34c3b !important;
    border-radius: 2px;
}


/* profile main section */
div.profile_main_section {
    margin: 20px 0 0 0;
}

/*div.profile_main_section > div.half {
    display: inline-block;
    vertical-align: top;    
}*/

div.profile_main_section_title {
    font-family: 'ProximaNovaBold';
    font-size: 18px;
    color: #262e31;
}

div.profile_input {
    margin: 20px 0 30px 0;
}

div.profile_main_save {
    float: right;
}

    div.profile_main_save > a {
        color: #0e0e0e;
        text-decoration: none;
        border-bottom: 1px solid #dcdcdc;
        margin-right: 20px;
    }

        div.profile_main_save > a.btn-profile-save {
            display: inline-block;
            width: 255px;
            height: 40px;
            line-height: 40px;
            background-color: #f34c3b;
            color: white;
            text-align: center;
            text-transform: uppercase;
            border-radius: 2px;
            border: none;
            margin: 0 0 0 0;
        }

    div.profile_main_save > input.btn-profile-save {
        display: inline-block;
        width: 255px;
        height: 40px;
        line-height: 40px;
        background-color: #f34c3b;
        color: white;
        text-align: center;
        text-transform: uppercase;
        border-radius: 2px;
        border: none;
        margin: 15px 0 0 0;
    }

    div.profile_main_save > button.btn-profile-save {
        display: inline-block;
        width: 255px;
        height: 40px;
        line-height: 40px;
        background-color: #f34c3b;
        color: white;
        text-align: center;
        text-transform: uppercase;
        border-radius: 2px;
        border: none;
        margin: 0 0 0 0;
        outline: none;
    }

    div.profile_main_save > a:hover {
        border: none;
    }

/* Change password */
div.profile_change_password {
    padding: 33px 43px;
    background-color: white;
    border-radius: 3px;
    margin: 20px 0 0 0;
    min-height: 480px;
}

    div.profile_change_password div.half {
        display: inline-block;
        vertical-align: top;
    }

.loading-section {
    width: 120px;
    height: 120px;
    margin: 50px auto;
    position: absolute;
    top: 300px;
    left: 0;
    right: 0;
}

/*  */

div.orderequipments_orderlist_title {
    font-family: ProximaNovaBold;
    font-size: 16px;
}

div.profile-avatar {
    position: absolute;
    z-index: 3;
    top: calc(50% - 450px);
    left: calc(50% - 250px);
    margin: 30px auto 20px auto;
}

div.profile-avatar__editor {
    display: block;
    vertical-align: middle;
    width: 250px;
    margin: 0 auto;
}

div.profile-avatar__result {
    display: inline-block;
    vertical-align: top;
    margin: 25px 0 0 15px;
}

img.profile-avatar {
    border-radius: 2px;
    width: 75px;
}

img.profile-avatar__result {
    border-radius: 2px;
    display: none;
}

div.profile-avatar__crop {
    display: block;
    text-align: center;
}

button.profile-avatar__crop {
    display: inline-block;
    width: 255px;
    height: 40px;
    text-transform: uppercase;
    color: white;
    background-color: #f34c3b;
    cursor: pointer;
    border: none;
    border-radius: 3px;
}

.profile-avatar__editimage {
    text-decoration: none;
    color: #0e0e0e;
    border-bottom: 1px solid #d5d5d5;
    cursor: pointer;
    margin-left: 45px;
}

    .profile-avatar__editimage:hover {
        border: none;
        text-decoration: none;
        color: #0e0e0e;
    }

div.profile-avatar__uploadblock {
    width: 405px;
    height: 215px;
    display: inline-block;
    position: relative;
    background-color: white;
}

div.profile-avatar__topbutton {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative
}

div.profile-avatar__topblock {
    width: 255px;
    height: 40px;
    margin: 0 auto;
    position: relative;
}

div.profile-avatar__uploadtext {
    text-align: center;
    padding: 60px 40px 20px 40px;
    margin-top: 10px;
}

a.profile-avatar__close {
    text-decoration: none;
    background: url('/Images/close_infowindow.png') no-repeat 0 0;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    cursor: pointer;
    right: 20px;
    top: 20px;
}

.profile-avatar__topbutton > button {
    float: right;
    width: 255px;
    height: 40px;
    line-height: 40px;
    color: white;
    outline: none;
    background-color: #f34c3b;
    border: none;
    border-radius: 2px;
    text-transform: uppercase;
    font-family: 'ProximaNovaBold';
    font-size: 14px;
    padding: 0;
}

.profile-avatar__topbutton input[type=file] {
    cursor: pointer;
    font-size: 100px;
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
}

div.profile-avatar__uploadresultblock {
    width: 405px;
    height: 450px;
    display: block;
    position: relative;
    background-color: white;
    margin-top: 10px;
}

div.profile-avatar__bottomblock {
    margin: 0 auto;
    padding-top: 70px;
}

div.profile_main__newsletters {
    float: left;
    margin-top: 10px;
}

/* Orders */
div.orders-mobile {
    font-size: 16px;
}

div.orders-mobile__header {
    margin: 15px 0 0 0;
    background-color: #dfe0e4;
    padding: 15px 30px 25px 0;
    cursor: pointer;
    user-select: none;
}

div.orders-mobile__num {
    display: inline-block;
    vertical-align: middle;
    width: 55px;
    text-align: center;
    color: #040404;
    font-size: 25px;
}

div.orders-mobile__headerdata {
    display: inline-block;
    vertical-align: middle;
    color: #0e0e0e;
    width: calc(100% - 60px);
}

    div.orders-mobile__headerdata > div {
        width: auto;
    }

span.orders-mobile__statustext {
    font-family: ProximaNovaBold;
}

td.orders-mobile__index {
    min-width: 30px;
    text-align: left;
    vertical-align: top;
}

div.orders-mobile__data {
    margin: 0 0 0 35px;
    background-color: white;
    cursor: pointer;
}

div.orders-mobile__dataheader {
    font-family: ProximaNovaBold;
    margin: 20px 0;
}

div.orders-mobile__goodsinfo {
}

div.orders-mobile__data .totalamount {
    margin: 15px 0 0 0;
}

    div.orders-mobile__data .totalamount > span {
        font-size: 22px;
    }


/* End Orders */
