.column {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
}

.column.right {
    text-align: right
}

.column-05 {
    width: 5px
}

.column-1 {
    width: 10px
}

.column-2 {
    width: 20px
}

.column-3 {
    width: 30px
}

.column-4 {
    width: 40px
}

.column-5 {
    width: 50px
}

.column-6 {
    width: 60px
}

.column-7 {
    width: 70px
}

.column-8 {
    width: 80px
}

.column-9 {
    width: 90px
}

.column-10 {
    width: 100px
}

.column-11 {
    width: 110px
}

.column-12 {
    width: 120px
}

.column-13 {
    width: 130px
}

.column-14 {
    width: 140px
}

.column-15 {
    width: 150px
}

.column-16 {
    width: 160px
}

.column-17 {
    width: 170px
}

.column-18 {
    width: 180px
}

.column-19 {
    width: 190px
}

.column-20 {
    width: 200px
}

.column-21 {
    width: 210px
}

.column-22 {
    width: 220px
}

.column-23 {
    width: 230px
}

.column-24 {
    width: 240px
}

.column-25 {
    width: 250px
}

.column-26 {
    width: 260px
}

.column-27 {
    width: 270px
}

.column-28 {
    width: 280px
}

.column-29 {
    width: 290px
}

.column-30 {
    width: 300px
}

.column-31 {
    width: 310px
}

.column-32 {
    width: 320px
}

.column-33 {
    width: 330px
}

.column-34 {
    width: 340px
}

.column-35 {
    width: 350px
}

.column-36 {
    width: 360px
}

.column-37 {
    width: 370px
}

.column-38 {
    width: 380px
}

.column-39 {
    width: 390px
}

.column-40 {
    width: 400px
}

.column-41 {
    width: 410px
}

.column-42 {
    width: 420px
}

.column-43 {
    width: 430px
}

.column-44 {
    width: 440px
}

.column-45 {
    width: 450px
}

.column-46 {
    width: 460px
}

.column-47 {
    width: 470px
}

.column-48 {
    width: 480px
}

.column-49 {
    width: 490px
}

.column-50 {
    width: 500px
}

.column-51 {
    width: 510px
}

.column-52 {
    width: 520px
}

.column-53 {
    width: 530px
}

.column-54 {
    width: 540px
}

.column-55 {
    width: 550px
}

.column-56 {
    width: 560px
}

.column-57 {
    width: 570px
}

.column-58 {
    width: 580px
}

.column-59 {
    width: 590px
}

.column-60 {
    width: 600px
}

.column-61 {
    width: 610px
}

.column-62 {
    width: 620px
}

.column-63 {
    width: 630px
}

.column-64 {
    width: 640px
}

.column-65 {
    width: 650px
}

.column-66 {
    width: 660px
}

.column-67 {
    width: 670px
}

.column-68 {
    width: 680px
}

.column-69 {
    width: 690px
}

.column-70 {
    width: 700px
}

.column-71 {
    width: 710px
}

.column-72 {
    width: 720px
}

.column-73 {
    width: 730px
}

.column-74 {
    width: 740px
}

.column-75 {
    width: 750px
}

.column-76 {
    width: 760px
}

.column-77 {
    width: 770px
}

.column-78 {
    width: 780px
}

.column-79 {
    width: 790px
}

.column-80 {
    width: 800px
}

.column-81 {
    width: 810px
}

.column-82 {
    width: 820px
}

.column-83 {
    width: 830px
}

.column-84 {
    width: 840px
}

.column-85 {
    width: 850px
}

.column-86 {
    width: 860px
}

.column-87 {
    width: 870px
}

.column-88 {
    width: 880px
}

.column-89 {
    width: 890px
}

.column-90 {
    width: 900px
}

.column-91 {
    width: 910px
}

.column-92 {
    width: 920px
}

@font-face {
    font-family: "icons";
    font-weight: normal;
    font-style: normal;
    src: url("font/icons.eot?v=11&h=WQVHFUGEPLPN9RT");
    src: url("font/icons.eot?v=11&h=WQVHFUGEPLPN9RT#iefix") format('embedded-opentype'), url("font/icons.woff?v=11&h=1VFOGOA9E81J1ML4") format('woff'), url("font/icons.ttf?v=11&h=323THJ1EAD6GCP26") format('truetype')
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline
}

body {
    line-height: 1;
    color: black;
    background: white
}

ol, ul {
    list-style: none
}

table {
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

a img {
    border: none
}

* {
    outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-text-size-adjust: none
}

html, body {
    width: 100%;
    height: 100%;
    overflow: hidden
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #374044;
    background: #f8f8f8
}

.hidden, ._hidden {
    display: none;
}

.app-loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.app .app_header {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    height: 50px;
    z-index: 10;
    padding: 0 20px;
    background: #374044;
}

.app .app_body {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
}

.app .app_body .view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.app .app_body .view .view_header {
    position: relative;
    padding: 15px 20px 15px 20px;
    background: #fff;
    border-bottom: 1px solid #d6d6d6;
    min-height: 80px;
}

.app .app_body .view .view_header .view_heading, .app .app_body .view .view_header .view_subheading {
    font-size: 20px;
    line-height: 24px
}

.app .app_body .view .view_header .view_heading {
    font-weight: bold;
    color: #333
}

.app .app_body .view .view_header .view_subheading {
    font-weight: normal
}

.app .app_body .view .view_header .view_controls {
    margin-top: 15px;
    min-height: 30px;
    vertical-align: top
}

.app .app_body .view .view_header .view_buttons {
    position: absolute;
    top: auto;
    right: 15px;
    bottom: 15px;
    left: auto;
}

.app .app_body .view .view_header .view_buttons .button {
    margin-left: 10px
}

.app .app_body .view .view_header .left {
    float: left
}

.app .app_body .view .view_header .right {
    float: right;
}

.app .app_body .view .view_header .right .button {
    margin-left: 5px
}

.app .app_body .view .view_body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.app .app_body .view .view_body .items {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px 10px 15px 20px;
    overflow-y: auto
}

.app .app_body .view.new .view_header .right, .app .app_body .view.users_view .view_header .right {
    bottom: 10px
}

.app .app_body .view.settings_view .view_body {
    padding: 0 20px;
    overflow-y: auto
}

.app .app_body .view.sheet_edit_view .view_body .detail, .app .app_body .view.sheet_detail_view .view_body .detail {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: 220px;
    overflow-y: auto;
    padding-left: 20px;
    padding-bottom: 10px;
}

.app .app_body .view.sheet_edit_view .view_body .detail .properties .section:first-child, .app .app_body .view.sheet_detail_view .view_body .detail .properties .section:first-child {
    padding-top: 10px;
}

.app .app_body .view.sheet_edit_view .view_body .detail .properties .section:first-child h2, .app .app_body .view.sheet_detail_view .view_body .detail .properties .section:first-child h2 {
    color: #374044;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dbdbdb
}

.app .app_body .view.sheet_edit_view .view_body .detail .properties .section:last-child, .app .app_body .view.sheet_detail_view .view_body .detail .properties .section:last-child {
    margin-bottom: 30px
}

.app .app_body .view.sheet_edit_view .view_body .items, .app .app_body .view.sheet_detail_view .view_body .items {
    left: 230px;
    padding-top: 0;
    padding-left: 10px
}

.app .app_body .view .view_footer {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50px;
    padding: 10px;
    background: #1d2123;
    background: #f8f8f8;
    border-top: 1px solid #cecece;
    border-color: rgba(0, 0, 0, 0.15);
}

.app .app_body .view .view_footer .left {
    float: left;
}

.app .app_body .view .view_footer .left .button {
    margin-right: 10px
}

.app .app_body .view .view_footer .right {
    float: right;
}

.app .app_body .view .view_footer .right .button {
    margin-left: 10px
}

.menu_item_active .normal, .app_header ul.menu li.active .normal {
    font-weight: bold;
}

.menu_item_active .normal .text, .app_header ul.menu li.active .normal .text, .menu_item_active .normal .badge, .app_header ul.menu li.active .normal .badge { /* color:#121004 !important */
}

.menu_item_active.results_indicator .normal:after, .app_header ul.menu li.active.results_indicator .normal:after, .menu_item_active.results_indicator .bold:after, .app_header ul.menu li.active.results_indicator .bold:after {
    background: #121004 !important
}

.app_header .logo {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: auto;
    bottom: auto;
    left: 20px;
    width: 37px;
    height: 30px;
    background: url('/img/logo.svg');
    background-size: cover;
}

.app_header ul.menu {
    margin: 12px 0 0 55px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.app_header ul.menu li {
    list-style: none;
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 24px;
    font-size: 14px;
    margin-right: 14px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 0 8px;
    -webkit-transition: 0.1s all;
    -moz-transition: 0.1s all;
    -o-transition: 0.1s all;
    -ms-transition: 0.1s all;
    transition: 0.1s all;
    text-align: center;
    position: relative;
}

.app_header ul.menu li .normal {
    line-height: 24px;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
}

.app_header ul.menu li .bold {
    font-weight: bold;
    visibility: hidden;
    height: 0
}

.app_header ul.menu li .text, .app_header ul.menu li .badge {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.app_header ul.menu li .badge {
    margin: 0 0 0 6px
}

.app_header ul.menu li:hover .normal {
    color: #ffffff !important;
}

.app_header ul.menu li:hover .normal:after {
    background: #121004 !important
}

.app_header ul.menu li.results_indicator .normal:after, .app_header ul.menu li.results_indicator .bold:after {
    content: " ";
    width: 6px;
    height: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #17116f;
    position: absolute;
    top: 9px;
    right: -3px;
    bottom: auto;
    left: auto
}

.app_header .search_and_user {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
}

.app_header .search_and_user .user {
    position: absolute;
    top: 15px;
    right: 20px;
    bottom: auto;
    left: auto;
}

.app_header .search_and_user .user .icon {
    width: 22px;
    height: 22px;
    cursor: pointer;
}

.app_header .search_and_user .user .icon:before {
    display: block;
    font-family: "icons";
    content: "\e600";
    font-size: 23px;
    line-height: 23px;
    position: absolute;
    top: -2px;
    right: auto;
    bottom: auto;
    left: -1px;
    color: #374044;
    color: rgba(255, 255, 255, 0.8);
    cursor: pointer;
}

.app_header .search_and_user .search {
    position: absolute;
    top: 10px;
    right: 60px;
    bottom: auto;
    left: auto;
    width: 200px;
}

.app_header .search_and_user .search .form .field {
    margin-bottom: 0;
}

.app_header .search_and_user .search .form .field .input {
    height: 30px;
}

.app_header .search_and_user .search .form .field .input input, .app_header .search_and_user .search .form .field .input .background {
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.app_header .search_and_user .search .form .field .input input {
    border: 1px solid #333;
    padding-left: 32px;
    color: #3c3207;
}

.app_header .search_and_user .search .form .field .input .placeholder {
    line-height: 32px;
    padding-left: 33px;
    color: #676767;
}

.app_header .search_and_user .search .form .field .input .icon {
    position: absolute;
    top: 8px;
    right: auto;
    bottom: auto;
    left: 9px;
    width: 18px;
    height: 18px;
    color: #676767;
}

.app_header .search_and_user .search .form .field .input .icon:after {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: 18px;
    height: 18px;
    display: block;
    font-family: "icons";
    content: "\e601";
    font-size: 16px;
    line-height: 16px;
    -webkit-font-smoothing: antialiased
}

.app_header .search_and_user .search .form .field .input .background {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    width: auto;
    height: auto;
    background: rgba(255, 255, 255, 0.8)
}

.app_header .search_and_user .search .form .field.focus .input input {
    color: #374044
}

.app_header .search_and_user .search .form .field.focus .input .placeholder {
    color: #bbb !important
}

.app_header .search_and_user .search .form .field.focus .input .background {
    background: #fff !important
}

.app_header .search_and_user .search .form .field.focus .input .icon:after {
    color: #aaa
}

.app_header .search_and_user .search .form .field.filled .input input {
    color: #374044
}

.app_header .search_and_user .search .form .field.filled .input .background {
    background: #fff
}

.app_header .search_and_user .search .form .field.filled .input .icon:after {
    color: #aaa !important
}

.app_header .search_and_user .search .form .field.filled .input .cancel {
    cursor: pointer;
    position: absolute;
    top: 6px;
    right: 7px;
    bottom: auto;
    left: auto;
    width: 18px;
    height: 18px;
    color: #ccc;
    z-index: 6;
}

.app_header .search_and_user .search .form .field.filled .input .cancel:before {
    display: block;
    font-family: "icons";
    content: "\e60c";
    font-size: 18px;
    line-height: 18px;
    -webkit-font-smoothing: antialiased
}

.app_header .version {
    position: absolute;
    top: 15px;
    right: 270px;
    bottom: auto;
    left: auto;
    line-height: 20px;
    font-weight: bold;
    color: #8d750d;
}

.app_header .version span {
    font-weight: normal
}

.view .view_header .submenu {
    font-size: 12px;
    line-height: 0;
}

.view .view_header .submenu ul {
    display: inline-block;
    zoom: 1;
    *display: inline;
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
    height: 30px;
}

.view .view_header .submenu ul li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    padding: 0 14px;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    color: #374044;
    text-align: center;
    background: #fff;
    position: relative;
}

.view .view_header .submenu ul li .badge {
    display: none;
    color: #777;
    padding: 1px 4px;
    background: #f8f8f8;
    background: #e5e5e5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-left: 8px
}

.view .view_header .submenu ul li:first-child {
    -webkit-border-radius: 1px 0 0 1px;
    border-radius: 1px 0 0 1px
}

.view .view_header .submenu ul li:last-child {
    -webkit-border-radius: 0 1px 1px 0;
    border-radius: 0 1px 1px 0
}

.view .view_header .submenu ul li:hover {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.02)
}

.view .view_header .submenu ul li.active {
    background: #fff;
    color: #374044;
    font-weight: bold;
    background: #f8f8f8;
}

.view .view_header .submenu ul li.active:hover {
    background: #f8f8f8
}

.view .view_header .submenu ul li.active .badge {
    background: #49555b;
    color: #fff
}

.view .view_header .submenu ul li .bold {
    font-weight: bold;
    visibility: hidden;
    height: 0;
    line-height: 0;
}

.view .view_header .submenu ul li .bold .text {
    height: 0
}

.view .view_header .submenu ul li.results_indicator {
    padding-right: 20px !important;
}

.view .view_header .submenu ul li.results_indicator .normal:after, .view .view_header .submenu ul li.results_indicator .bold:after {
    content: " ";
    width: 6px;
    height: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #aaa;
    position: absolute;
    top: 11px;
    right: 8px;
    bottom: auto;
    left: auto
}

.view .view_header .submenu ul li.active .normal:after, .view .view_header .submenu ul li.active .bold:after {
    background: #374044
}

.view .view_header .submenu .dropdown {
    margin-right: 10px;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top
}

.view .view_body .items .invalid, .view .view_body .items .valid {
    clear: both
}

.view .view_body .items .invalid {
    margin-bottom: 20px
}

.view .view_body .items .info.empty {
    margin-top: 10px
}

.info {
    font-size: 14px;
    line-height: 18px;
    color: #999;
    margin-bottom: 20px;
    margin-top: 20px;
}

.info.error {
    color: #e74c3c
}

.message {
    position: relative;
    margin: 0;
    padding: 13px 15px 12px 15px;
    font-size: 12px;
    line-height: 16px;
}

.message.notice {
    padding-right: 35px;
    color: #614900;
    background: #ffeebd;
    border-bottom: 1px solid #dedac5;
}

.message.notice .close {
    position: absolute;
    top: 13px;
    right: 10px;
    bottom: auto;
    left: auto;
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: #c4bfae;
}

.message.notice .close:before {
    display: block;
    font-family: "icons";
    content: "X";
    font-size: 18px;
    line-height: 18px
}

.message.notice .close:hover {
    color: #a8a595
}

.message.error {
    color: #c0392b;
    background: #fbe2df;
    border-bottom: 1px solid #dfc3c0
}

strong {
    font-weight: bold
}

a {
    color: #0079ff;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    text-decoration: underline
}

p.empty {
    height: 18px
}

.contact {
    position: relative;
}

.contact .avatar {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-right: 10px;
    width: 40px;
}

.contact .avatar .image {
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
    position: absolute;
    top: 2px;
    right: auto;
    bottom: auto;
    left: auto
}

.contact .address {
    min-width: 130px;
    max-width: 100%;
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative;
}

.contact .address .name, .contact .address .company, .contact .address .street, .contact .address .city {
    position: relative;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: auto;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden
}

.contact .address .name, .contact .address .company {
    font-weight: bold
}

.contact .address .street, .contact .address .city {
    color: #737373
}

.item {
    width: 100%;
    height: 110px;
    float: left;
    line-height: 15px;
    position: relative;
}

@media only screen and (min-width: 768px) {
    .item {
        width: 50%;
    }
}

@media only screen and (min-width: 992px) {
    .item {
        width: 25%;
    }
}

@media only screen and (min-width: 1200px) {
    .item {
        width: 16.6666667%;
    }
}

.item .inner {
    position: relative;
    width: calc(100% - 5px);
    height: 105px;
    padding: 0;
    border: 1px solid #cecece;
    background: #fff;
    cursor: pointer;
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    -o-transition: box-shadow 0.2s;
    -ms-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
    -webkit-transition: border 0.1s;
    -moz-transition: border 0.1s;
    -o-transition: border 0.1s;
    -ms-transition: border 0.1s;
    transition: border 0.1s;
}

.item .inner:hover {
    border-color: #999
}

.item .inner .contact {
    position: absolute;
    top: 8px;
    right: 6px;
    bottom: auto;
    left: 9px
}

.item.contact, .item.parcel_draft {
    width: 195px;
    height: 95px;
}

.item.contact .inner, .item.parcel_draft .inner {
    width: 190px;
    height: 90px
}

.item .title {
    position: absolute;
    top: 10px;
    right: auto;
    bottom: auto;
    left: 11px
}

.item .status {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 6px;
    left: 6px;
    background: #f2f2f2;
    background: #1abc9c;
    background: #bfbfbf;
    padding: 3px 6px 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #888;
    color: #fff;
    font-size: 12px
}

.item .date {
    color: #999;
    font-size: 12px;
    position: absolute;
    top: auto;
    right: 9px;
    bottom: 7px;
    left: auto
}

.item .address {
    line-height: 16px;
}

.item .address .street {
    margin-top: 1px
}

.item .address .street, .item .address .city {
    font-size: 12px
}

.item.updated .inner {
    -webkit-animation: pulse 1s 0s ease-out 3;
    -moz-animation: pulse 1s 0s ease-out 3;
    -o-animation: pulse 1s 0s ease-out 3;
    -ms-animation: pulse 1s 0s ease-out 3;
    animation: pulse 1s 0s ease-out 3
}

.item.error .inner {
    color: #e74c3c;
    border-color: #e74c3c;
}

.item.error .inner .street, .item.error .inner .city {
    color: #e74c3c
}

.item.error .inner .status, .item.error .inner .date {
    color: #ef8b80
}

.item.error .inner .status {
    background: #e74c3c;
    color: #fff
}

.item.error .inner:hover {
    border-color: #a82315
}

.item.warning .inner {
    color: #a7800c;
    border-color: #bd8d00;
}

.item.warning .inner .street, .item.warning .inner .city {
    color: #946f00
}

.item.warning .inner:hover {
    border-color: #805f00
}

.item.undelivered .inner .status {
    background: #e74c3c;
    color: #fff
}

.item.unsubmitted .inner .status {
    background: #999;
    color: #fff
}

.item.has_claim .inner {
    background: rgba(255, 0, 0, 0.05)
}

.item.plus .inner {
    background: transparent;
    color: #888;
    font-weight: bold;
    padding: 42px 0 0 84px;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
}

.item.plus .inner .icon {
    position: absolute;
    top: 40px;
    right: auto;
    bottom: auto;
    left: 60px;
    width: 18px;
    height: 18px;
    color: #999;
    font-weight: normal
}

.item.plus .inner .icon:before {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: block;
    font-family: "icons";
    content: "\e607";
    font-size: 17.3px;
    line-height: 17.3px
}

.item.plus .inner:hover {
    background: #e7e7e7;
    background: rgba(0, 0, 0, 0.05);
    color: #374044;
    border-color: #bfbfbf;
}

.item.plus .inner:hover .icon:before {
    color: #374044
}

.item.sheet .content {
    min-width: 130px;
    max-width: 100%;
    display: inline-block;
    zoom: 1;
    *display: inline;
    position: relative;
    padding: 9px 6px 0 5px;
    line-height: 17px;
}

.item.sheet .content .type {
    font-weight: bold
}

.item.sheet .content .title {
    font-weight: normal;
    position: relative;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: auto;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden
}

.item.sheet .content .code {
    color: #999;
    font-size: 12px;
    padding-top: 1px
}

.item.sheet .icon {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: 43px;
    border-right: 1px dotted #cecece
}

.item.sheet .icon:after {
    color: #b9b9b9;
    -webkit-font-smoothing: antialiased
}

.item.processing .inner {
    border-color: #0a72f1;
}

.item.processing .inner .title, .item.processing .inner .type {
    color: #0a72f1
}

.item.processing .inner .code {
    color: #0a72f1
}

.item.processing .inner .status, .item.processing .inner .date {
    color: #0a72f1
}

.item.processing .inner .icon {
    border-right-color: #0a72f1
}

.item.processing .inner .icon:after {
    color: #0a72f1
}

.item.sheet.letter .icon:after {
    position: absolute;
    top: 8px;
    right: auto;
    bottom: auto;
    left: 7px;
    display: block;
    font-family: "icons";
    content: "\e613";
    font-size: 28px;
    line-height: 28px
}

.item.sheet.package .icon:after {
    position: absolute;
    top: 8px;
    right: auto;
    bottom: auto;
    left: 6px;
    display: block;
    font-family: "icons";
    content: "\e603";
    font-size: 30px;
    line-height: 30px
}

.item.sheet.express .icon:after {
    position: absolute;
    top: 7px;
    right: auto;
    bottom: auto;
    left: 6px;
    display: block;
    font-family: "icons";
    content: "\e604";
    font-size: 32px;
    line-height: 32px
}

.multiple_select .item {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.multiple_select .item.selected {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50)
}

.multiple_select .item .inner:hover {
    border-color: #cecece
}

.error {
    color: #e74c3c
}

.sheet .stack {
    width: 200px;
    height: 90px;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: absolute;
    top: 2px;
    right: auto;
    bottom: auto;
    left: 2px;
    z-index: -1;
    border: 1px solid #cecece;
    display: none;
}

.sheet:hover .stack {
    border-color: #ccc;
    background-color: #f9f9f9
}

.col-1, .col-2 {
    width: 220px
}

.col-1 {
    margin-right: 5px
}

h2 {
    font-weight: normal;
    margin: 10px 0;
    color: #374044
}

.inner {
    padding: 0 20px
}

.modal_content .form .group {
    padding-left: 20px;
}

.modal_content .form .group .title {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.modal_content .form .group .fieldset .fields {
    display: none;
    margin-bottom: 15px
}

.modal_content .form .group .fieldset.open .fields {
    display: block;
}

.modal_content .form .group.services {
    border-bottom: 1px solid #e2e2e2;
    padding: 20px 0 5px 20px;
}

.modal_content .form .group.services .form .field {
    padding: 4px 0;
    margin-bottom: 0
}

.modal_content .form .group.services .form {
    margin-bottom: 0
}

.modal_content .form .group.collapsable {
    padding-top: 20px;
    padding-bottom: 5px;
}

.modal_content .form .group.collapsable .fieldset {
    margin-bottom: 15px;
    width: 450px;
}

.modal_content .form .group.collapsable .fieldset .fields {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 12px
}

.modal_content .form .group.collapsable .fieldset:last-child .fields {
    border-bottom: none
}

.modal_content .form .group.collapsable .checkbox {
    margin-bottom: 8px
}

.modal_content .form .group.submission_number {
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 0 10px 20px;
}

.modal_content .form .group.submission_number .button.plain {
    height: 35px;
    line-height: 20px
}

.modal_content .form .group.help {
    border-top: 1px solid #e2e2e2;
    padding: 0;
}

.modal_content .form .group.help .field .textarea {
    height: 150px;
}

.modal_content .form .group.help .field .textarea textarea {
    border: none !important;
    padding: 15px 20px 10px 20px;
    resize: none
}

.modal_content .form .group.help .field .textarea .placeholder {
    padding: 15px 20px 10px 20px
}

.modal_content .form .group.info {
    font-size: 12px;
    line-height: 18px;
    position: absolute;
    top: auto;
    right: 20px;
    bottom: 2px;
    left: 0
}

.properties {
    font-size: 14px;
}

.properties .section {
    margin-bottom: 15px;
    padding-top: 15px;
    border-top: 1px solid #dbdbdb;
}

.properties .section:first-child {
    border-top: none
}

.properties .section h2 {
    margin-top: 0;
    margin-bottom: 10px;
    color: #a5a5a5
}

.properties .section .property .key {
    color: #aaa
}

.properties .section .property .value {
    margin-bottom: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.properties .section .property, .properties .section .contact, .detail .button {
    margin-bottom: 15px
}

.properties .section .street, .properties .section .city {
    color: #374044 !important
}

.properties .section .select {
    font-size: 12px;
    width: 100%;
}

.properties .section .select .select_body {
    border: none;
    padding: none;
}

.properties .section .select .select_body .label {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    font-size: 14px;
    line-height: 18px;
    color: #374044;
    border-bottom: 1px solid #dbdbdb
}

.properties .section .select .select_body .value {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
}

.properties .section .select .select_body .value .section:first-child {
    padding-top: 5px !important
}

.properties .section .select .select_body .arrow .icon {
    top: 4px;
    right: 0
}

.properties .section .select .select_dropdown {
    top: 28px
}

.empty .properties h2 {
    border-bottom: none;
    margin-bottom: 0 !important
}

.spinner {
    background-image: url("../img/spinner.gif?h=4P6K0CJHYAALU0CR");
    background-repeat: no-repeat;
    background-position: center center
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .spinner {
        background-image: url("../img/spinner@2x.gif?h=1R9TQ0B6HHDP59HP");
        -webkit-background-size: 32px 32px !important;
        -moz-background-size: 32px 32px !important;
        background-size: 32px 32px !important
    }
}

.shop_view {
    width: 790px;
    height: 255px;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: -200px auto auto -395px;
    margin-top: -220px;
    border: 1px solid #cecece;
    background: #fff;
}

.shop_view .parcel_type_category {
    position: relative;
    width: 33%;
    height: 100%;
    border-right: 1px solid #e2e2e2;
    text-align: center;
}

.shop_view .parcel_type_category.express {
    border-right: none
}

.shop_view .parcel_type_category .icon {
    width: 100px;
    height: 60px;
    margin-left: -50px;
    position: absolute;
    top: 45px;
    right: auto;
    bottom: auto;
    left: 50%;
    background-image: url(../img/sprite.png?v3&h=1MBNUVLO18L38EGxQ);
    background-repeat: no-repeat;
}

.shop_view .parcel_type_category.zilina .icon {
    background-position: -10px -311px;
}

.shop_view .parcel_type_category.somewhere .icon {
    background-position: -193px -311px;
}

.shop_view .parcel_type_category.teambuilding .icon {
    background-position: -96px -311px;
}

.shop_view .parcel_type_category h2 {
    text-transform: none;
    font-size: 22px;
    color: #424d52;
    margin: 125px 20px 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5
}

.shop_view .parcel_type_category .parcel_type {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px
}

.shop_view .info {
    position: absolute;
    top: -50px;
    right: 0;
    bottom: auto;
    left: 0;
    text-align: center;
    color: #bbb;
    font-size: 16px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased
}

.shop_view .import {
    padding-top: 30px;
    text-align: center
}

.button {
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
    min-width: 100px;
    height: 30px;
    line-height: 29px;
    padding: 0 14px;
    font-size: 12px;
    background: #fcfcfc;
    background: rgba(255, 255, 255, 0.75);
    color: #374044;
    font-weight: bold;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    transition: opacity 0.1s;
    border: 1px solid #bfbfbf;
}

.button:hover {
    background: #e7e7e7;
    background: rgba(0, 0, 0, 0.05);
    text-decoration: none
}

.button.plain {
    color: #333;
    min-width: 50px;
    line-height: 15px;
    padding: 7px 14px 7px
}

.button.done {
    color: #fff;
    border-color: #094dcf;
    border-color: rgba(0, 0, 0, 0.15);
    background-color: #0079ff;
}

.button.done:hover {
    border-color: #0740a9;
    border-color: rgba(0, 0, 0, 0.15);
    background: #006de6
}

.button.new {
    color: #fff;
    border-color: #29487d;
    border-color: rgba(0, 0, 0, 0.15);
    background-color: #374044;
    padding-left: 32px;
}

.button.new:hover {
    border-color: #29487d;
    border-color: rgba(0, 0, 0, 0.15);
    background-color: #374044
}

.button.new:before {
    display: block;
    font-family: "icons";
    content: "\e607";
    font-size: 14px;
    line-height: 14px;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 8px;
    right: auto;
    bottom: auto;
    left: 10px
}

.button.disabled {
    color: #b1b1b1;
    cursor: default;
    border-color: #d9d9d9;
}

.button.disabled:hover {
    background: #fcfcfc;
    background: rgba(255, 255, 255, 0.75)
}

.button.disabled.done {
    color: #82b3ff;
    color: rgba(255, 255, 255, 0.55);
    border-color: #094dcf;
    border-color: rgba(0, 0, 0, 0.15)
}

.button.disabled.done:hover {
    background: #0079ff !important
}

.button.loading {
    width: 110px;
    padding-left: 35px !important;
    cursor: default;
    background: #8a898a;
    text-align: left
}

.button.loading .spinner {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 7px;
    right: auto;
    bottom: auto;
    left: 10px;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    background: url("../img/spinner_small_dark.gif?h=48TKKCVKYM0D9XX6") 0 0 no-repeat
}

.button.address_labels, .button.reply_labels, .button.list_of_parcels, .button.report {
    padding-left: 32px;
}

.button.address_labels:before, .button.reply_labels:before, .button.list_of_parcels:before, .button.report:before {
    display: block;
    font-family: "icons";
    content: "\e608";
    font-size: 15px;
    line-height: 15px;
    font-weight: normal;
    position: absolute;
    top: 7px;
    right: auto;
    bottom: auto;
    left: 10px
}

.button.order_courier {
    padding-left: 34px;
    color: #252107;
    border-color: #ceae1b;
    border-color: rgba(0, 0, 0, 0.15);
    background-color: #fabb00;
    padding-left: 32px;
}

.button.order_courier:hover {
    border-color: #cc9e15;
    border-color: rgba(0, 0, 0, 0.15);
    background-color: #fdcc1e
}

.button.order_courier:before {
    display: block;
    font-family: "icons";
    content: "\e617";
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    position: absolute;
    top: 5px;
    right: auto;
    bottom: auto;
    left: 9px;
    -webkit-font-smoothing: antialiased
}

.button.small {
    font-size: 11px;
    padding: 2px 8px 3px;
    line-height: 13px;
    height: 20px;
    min-width: 50px
}

.button.big, .button.large {
    min-width: 140px;
    height: 40px;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 24px 12px
}

.tab_control {
    float: right;
    background: #fff;
    border: 1px solid #cecece;
    color: #374044;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 24px;
}

.tab_control li {
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 22px;
    min-width: 32px;
    line-height: 22px;
    padding: 0 8px;
    cursor: pointer;
    color: #4e5b60;
    font-size: 11px;
    text-align: center;
}

.tab_control li:first-child {
    -webkit-border-radius: 1px 0 0 1px;
    border-radius: 1px 0 0 1px
}

.tab_control li:last-child {
    -webkit-border-radius: 0 1px 1px 0;
    border-radius: 0 1px 1px 0
}

.tab_control li:hover {
    background: #f0f0f0
}

.tab_control li.active {
    background: #f0f0f0;
}

.tab_control li.active .normal {
    font-weight: bold
}

.tab_control li .bold {
    font-weight: bold;
    visibility: hidden;
    height: 0
}

.required_fields {
    color: #999;
    font-size: 12px
}

.dialog {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
    background: rgba(248, 248, 248, 0.98);
}

.dialog .dialog_view {
    width: 440px;
    height: 220px;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: -110px auto auto -220px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cecece;
    background: #fff;
}

.dialog .dialog_view .dialog_body {
    padding: 30px 25px;
}

.dialog .dialog_view .dialog_body .title {
    font-size: 22px;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 15px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dialog .dialog_view .dialog_body .text {
    font-size: 14px;
    line-height: 20px;
    color: #888
}

.dialog .dialog_view .dialog_footer {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50px;
    padding: 10px;
    border-top: 1px solid #dde4e6;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.dialog .dialog_view .dialog_footer .left {
    float: left
}

.dialog .dialog_view .dialog_footer .right {
    float: right;
}

.dialog .dialog_view .dialog_footer .right .button {
    margin-left: 10px
}

.dialog .dialog_view .dialog_loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff url("../img/spinner.gif?h=4P6K0CJHYAALU0CR") center center no-repeat;
}

.dialog .dialog_view .dialog_loading .title {
    height: 20px;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: 0;
    margin-top: 30px;
    text-align: center;
    color: #888
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .dialog_loading {
        background-image: url("../img/spinner@2x.gif?h=1R9TQ0B6HHDP59HP") !important;
        -webkit-background-size: 32px 32px !important;
        -moz-background-size: 32px 32px !important;
        background-size: 32px 32px !important
    }
}

.dialog.inline {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
}

.dialog.inline .dialog_view {
    width: 440px;
    height: 100px;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: -50px auto auto -220px;
    background: transparent;
    border: none;
    text-align: center;
}

.dialog.inline .dialog_view .dialog_body {
    padding: 20px 0 0 0;
}

.dialog.inline .dialog_view .dialog_body .title {
    font-size: 22px;
    font-weight: normal
}

.dialog.inline .dialog_view .dialog_footer {
    border-top: none;
    position: relative;
    margin-top: 10px;
}

.dialog.inline .dialog_view .dialog_footer .button {
    margin: 0 5px
}

.list_emails {
    margin: 18px 0;
}

.list_emails .row_email span {
    font-weight: bold
}

.list_emails .row_email .remove {
    display: none;
    margin-left: 10px;
    font-weight: normal;
    font-style: italic
}

.list_emails .row_email.pending {
    color: #999;
}

.list_emails .row_email.pending a {
    color: #999;
    text-decoration: none;
}

.list_emails .row_email.pending a:hover {
    text-decoration: underline
}

.add_email {
    width: 240px;
    display: none;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both
}

.clearfix {
    clear: both;
    *zoom: 1
}

.autocomplete {
    position: absolute;
    top: 34px;
    right: 0;
    bottom: auto;
    left: 0;
    background: #fff;
    border: 1px solid #66c6f8;
    z-index: 8;
    font-size: 12px;
}

.autocomplete .result {
    height: 28px;
    line-height: 27px;
    padding: 0 7px;
    cursor: pointer;
}

.autocomplete .result:hover {
    background-color: #f8f8f8;
    background-color: rgba(0, 0, 0, 0.04)
}

.autocomplete .result.contact {
    height: 40px;
    line-height: 15px;
    padding: 5px 7px;
}

.autocomplete .result.contact .name {
    font-weight: bold
}

.autocomplete .result.contact .name, .autocomplete .result.contact .address {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.settings_view .field {
    line-height: 30px
}

.dragndrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background: #fff;
    background: rgba(255, 255, 255, 0.98);
}

.dragndrop .title {
    position: absolute;
    top: 48%;
    right: 0;
    bottom: auto;
    left: 0;
    font-size: 24px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-align: center
}

.page .page_body {
    width: 870px;
    height: 500px;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: -250px auto auto -435px;
    background: #fff;
    z-index: 2;
}

.page .page_body .promo {
    width: 500px;
    height: 500px;
    background-image: url("../img/promo_square.jpg?h=346U1FKW08QMHF4W");
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    border: 1px solid #cecece;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .page .page_body .promo {
        background-image: url("../img/promo_square@2x.jpg?h=B2BFM4DRZMWG4PP");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

.page .page_body .promo .logo {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 45px;
    width: 110px;
    height: 100px;
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -390px -400px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .page .page_body .promo .logo {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

.page .page_body .promo .promo_body {
    position: absolute;
    top: 310px;
    right: 0;
    bottom: auto;
    left: 45px;
}

.page .page_body .promo .promo_body h1 {
    font-size: 44px;
    line-height: 50px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #b8cf3d;
    text-shadow: 0 0 4px #333, 0 0 4px #333, 0 0 4px #333, 0 0 4px #333, 0 0 4px #333, 0 0 4px #333, 0 0 4px #333, 0 0 4px #333, 0 0 4px #333, 0 0 4px #333, 0 0 4px #333, 0 0 4px #333, 0 0 4px #333, 0 0 4px #333, 0 0 4px #333, 0 0 4px #333, 0 0 4px #333, 0 0 4px #333, 0 0 4px #333, 0 0 4px #333;
    margin-bottom: 18px
}

.page .page_body .promo .promo_body p {
    font-size: 22px;
    line-height: 26px;
    color: #555;
    color: rgba(0, 0, 0, 0.7);
    font-weight: lighter
}

.page .page_body .promo .promo_footer {
    font-size: 14px;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 42px;
    left: 45px;
}

.page .page_body .promo .promo_footer a {
    color: #555;
    color: rgba(0, 0, 0, 0.65)
}

.page .page_body .content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 370px;
    padding: 34px;
    padding-top: 140px;
    border: 1px solid #cecece;
    border-left: none;
}

.page .page_body .content h2 {
    font-size: 30px;
    line-height: 34px;
    font-weight: normal;
    margin: 0 0 40px;
    text-transform: none;
    color: #374044
}

.page .page_body .content .form .field {
    margin-bottom: 10px;
}

.page .page_body .content .form .field .checkbox {
    padding-top: 5px
}

.page .page_body .content .form p {
    font-size: 14px;
    line-height: 18px;
    color: #666
}

.page .page_body .content p {
    font-size: 16px;
    line-height: 22px;
    color: #666
}

.page .page_body .content .button {
    display: block;
}

.page .page_body .content .button.done {
    margin-top: 20px
}

.page .page_body .content .content_footer {
    font-size: 14px;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 42px;
    left: 34px;
}

.page .page_body .content .content_footer a {
    margin-right: 30px
}

.page .page_footer {
    position: absolute;
    top: auto;
    right: 20px;
    bottom: 20px;
    left: 34px;
    color: #aaa;
    text-align: center;
}

.page .page_footer a {
    color: #aaa;
    text-decoration: underline;
}

.page .page_footer a:hover {
    color: #888;
    text-decoration: underline
}

.page .page_footer .mobile {
    margin-bottom: 1em
}

.page.signin_view .page_body .content {
    padding-top: 90px;
}

.page.signin_view .page_body .content .button {
    margin-top: 0
}

.page.signin_view .page_body .content .signin_oauth {
    margin-top: 20px;
}

.page.signin_view .page_body .content .signin_oauth .button {
    margin-top: 10px
}

.page.signup_activation_view .page_body .content, .page.signup_activated_view .page_body .content {
    padding-top: 114px
}

.page.signup_view .page_body .content {
    padding-top: 90px
}

.page.reset_password_view .page_body .content, .page.reset_password_activation_view .page_body .content {
    padding-top: 116px
}

.items_overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f8f8f8;
    z-index: 20;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    display: none;
}

.information .icon {
    width: 16px;
    height: 16px;
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -484px -250px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .information .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

.form .empty {
    height: 30px
}

.form .field {
    position: relative;
    margin-bottom: 5px;
}

.form .field .msg {
    padding: 3px 0 5px;
    font-size: 11px;
    line-height: 14px
}

.form .field .input {
    position: relative;
    width: 100%;
    height: 35px;
}

.form .field .input.multiline {
    height: 70px
}

.form .field .input input, .form .field .input textarea {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    margin: 0;
    padding: 8px 7px 7px;
    font-size: 12px;
    line-height: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #374044;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important
}

.form .field .input textarea {
    resize: none
}

.form .field .input .placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #bbb;
    padding: 0 8px;
    font-size: 12px;
    line-height: 36px;
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow: hidden
}

.form .field .input .symbol {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: right;
    padding-right: 10px;
    font-size: 12px;
    line-height: 35px;
    color: #aaa;
    font-weight: bold
}

.form .field .input .background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.form .field.focus .input input {
    border-color: #66c6f8 !important;
    z-index: 5
}

.form .field.focus .input .placeholder {
    color: #ddd
}

.form .field.focus .input .background {
    border-color: #66c6f8 !important
}

.form .field.filled .input .placeholder {
    display: none;
}

.form .field.required .input .background, .form .field.required .select .background {
    border-left: 3px solid #374044
}

.form .field.error .input input {
    border-color: #e74c3c
}

.form .field.error .input .background {
    border-color: #e74c3c !important
}

.form .field.warning .input input {
    border-color: #bd8d00
}

.form .field.warning .msg {
    color: #946f00 !important
}

.form .field.name .input input, .form .field.company .input input, .form .field.search_query .input input {
    font-weight: bold
}

.form .field .checkbox {
    line-height: 14px;
    margin-bottom: 14px;
    color: #888;
}

.form .field .checkbox input {
    display: none;
}

.form .field .checkbox .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    -webkit-font-smoothing: antialiased;
    vertical-align: top;
}

.form .field .checkbox .icon:before {
    display: block;
    font-family: "icons";
    content: "\e615";
    font-size: 14px;
    line-height: 14px
}

.form .field .checkbox label {
    vertical-align: bottom;
    cursor: pointer;
}

.form .field .checkbox label span {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-left: 10px
}

.form .field .checkbox label .checkbox_label {
    margin-left: 24px
}

.form .field.readonly .checkbox label {
    cursor: default
}

.form .field.readonly .checkbox .icon {
    color: #aaa
}

.form .field.readonly .checkbox label {
    color: #888
}

.form .field.checked .checkbox {
    color: #374044 !important;
}

.form .field.checked .checkbox .icon:before {
    content: "\e614" !important
}

.form .field.error .checkbox {
    margin-bottom: 0;
}

.form .field.error .checkbox .icon {
    color: #e74c3c !important
}

.form .field.error .checkbox_msg {
    margin-left: 24px
}

.form .field .textarea {
    position: relative;
    width: 100%;
    height: 100px;
}

.form .field .textarea textarea {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    margin: 0;
    padding: 7px 7px;
    font-size: 12px;
    line-height: 15px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #374044;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important
}

.form .field .textarea .placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #bbb;
    padding: 8px 8px;
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    opacity: 1;
    -ms-filter: none;
    filter: none
}

.form .field .textarea .background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.form .field.focus .textarea .placeholder {
    color: #eee
}

.form .field.filled .textarea .placeholder {
    display: none;
}

.form .field .select {
    width: 100%;
    height: 35px;
    position: relative;
    z-index: 1;
}

.form .field .select select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    height: 35px;
    background: transparent;
    border: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.form .field .select .value {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    font-size: 12px;
    line-height: 16px;
    padding: 10px 25px 9px 8px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.form .field .select .arrow .icon {
    position: absolute;
    top: 13px;
    right: 10px;
    bottom: auto;
    left: auto;
    color: #999;
    z-index: 2;
    -webkit-font-smoothing: antialiased;
    width: 11px;
    height: 10px;
}

.form .field .select .arrow .icon:before {
    display: block;
    font-family: "icons";
    content: "\e609";
    font-size: 11px;
    line-height: 11px
}

.form .field .select .background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 1px solid #ccc;
    background: #fff;
    background-color: #fff
}

.form .field.focus .select .placeholder {
    color: #b5bcbe
}

.form .field.focus .select .background {
    border-color: #66c6f8 !important;
    background-color: #fff
}

.msg.error {
    padding: 3px 0 5px;
    color: #e74c3c;
    font-size: 11px;
    line-height: 14px;
    text-transform: none
}

.grouped {
    margin-bottom: 1px;
}

.grouped .field {
    margin-bottom: 0;
}

.grouped .field .input {
    margin-bottom: -1px
}

.grouped.focus .select {
    z-index: 10
}

.grouped .city_and_postcode {
    position: relative;
    margin-bottom: -1px;
}

.grouped .city_and_postcode.no_margin {
    margin-bottom: 0
}

.grouped .city_and_postcode .column-postcode {
    width: 71px;
    min-height: 35px;
    margin-right: -1px
}

.grouped .city_and_postcode .column-city {
    width: 186px;
    min-height: 35px
}

.account_number {
    width: 220px;
    margin-right: 5px;
    position: relative;
}

.account_number .column_prefix {
    width: 70px;
    margin-right: -1px
}

.account_number .column_number {
    width: 100px;
    margin-right: -1px
}

.account_number .column_code {
    width: 52px
}

.account_number .error, .account_number .switch {
    font-size: 11px;
    font-weight: bold;
    margin-top: -2px
}

.account_number .switch {
    display: inline;
    float: right;
    text-align: right;
}

.account_number .switch .button {
    cursor: pointer;
    line-height: 14px;
    height: 22px;
    padding: 3px 6px 1px
}

.account_number .error {
    padding-bottom: 5px
}

.column-help {
    width: 49%
}

.column-info {
    width: 45%;
}

.column-info .field .textarea textarea, .column-info .field .textarea .placeholder {
    padding-left: 0 !important
}

input, textarea {
    width: 100%;
    height: 25px;
    font-family: sans-serif;
    font-size: 14px;
    padding: 2px 0 1px 4px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: #333;
}

input[type="checkbox"], textarea[type="checkbox"] {
    width: auto;
    height: 14px;
    line-height: 14px;
    margin: 0 10px 0 0
}

textarea {
    height: 40px;
    overflow: auto
}

select {
    width: 100%
}

label {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px
}

.hint {
    font-size: 11px;
    line-height: 15px;
    padding: 3px 0 0 0;
    color: #999
}

.title_hint {
    font-size: 11px;
    line-height: 15px;
    padding: 0 0 0 5px;
    color: #999
}

.col-1 .checkbox input, .col-2 .checkbox input {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    vertical-align: baseline;
    width: 12px
}

.col-1 .checkbox label, .col-2 .checkbox label {
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 210px;
}

.col-1 .checkbox label span, .col-2 .checkbox label span {
    width: 180px
}

.col-2.hint {
    padding-left: 8px
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(241, 241, 241, 0.98);
    z-index: 50;
}

.overlay .controls {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.overlay .controls .left_view {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    min-width: 100px
}

.overlay .controls .right_view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    min-width: 100px
}

.overlay .controls .control {
    width: 50px;
    height: 50px;
    padding: 9px;
    z-index: 60;
    cursor: pointer;
    -webkit-transition: opacity 0.1s;
    -moz-transition: opacity 0.1s;
    -o-transition: opacity 0.1s;
    -ms-transition: opacity 0.1s;
    transition: opacity 0.1s;
}

.overlay .controls .control .icon {
    width: 32px;
    height: 32px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.overlay .controls .control .icon:after {
    -webkit-transition: color 0.15s;
    -moz-transition: color 0.15s;
    -o-transition: color 0.15s;
    -ms-transition: color 0.15s;
    transition: color 0.15s;
    color: rgba(0, 0, 0, 0.3);
    -webkit-font-smoothing: antialiased
}

.overlay .controls .control.hover .icon:after {
    color: rgba(0, 0, 0, 0.6)
}

.overlay .controls .control.active .icon:after {
    color: rgba(0, 0, 0, 0.2)
}

.overlay .controls .control.disabled {
    cursor: default;
}

.overlay .controls .control.disabled .icon:after {
    color: rgba(0, 0, 0, 0.1) !important
}

.overlay .controls .control.left {
    position: absolute;
    top: 50%;
    right: 50px;
    bottom: auto;
    left: auto;
    margin-top: -25px;
}

.overlay .controls .control.left .icon:after {
    display: block;
    font-family: "icons";
    content: "\e60f";
    font-size: 32px;
    line-height: 32px
}

.overlay .controls .control.left.active .icon:after {
    display: block;
    font-family: "icons";
    content: "\e612";
    font-size: 32px;
    line-height: 32px
}

.overlay .controls .control.right {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50px;
    margin-top: -25px;
}

.overlay .controls .control.right .icon:after {
    display: block;
    font-family: "icons";
    content: "\e60e";
    font-size: 32px;
    line-height: 32px
}

.overlay .controls .control.right.active .icon:after {
    display: block;
    font-family: "icons";
    content: "\e611";
    font-size: 32px;
    line-height: 32px
}

.overlay .controls .control.plus {
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50px;
    margin-top: -25px;
}

.overlay .controls .control.plus .icon:after {
    display: block;
    font-family: "icons";
    content: "\e605";
    font-size: 32px;
    line-height: 32px
}

.overlay .controls .control.plus.active .icon:after {
    display: block;
    font-family: "icons";
    content: "\e606";
    font-size: 32px;
    line-height: 32px
}

.overlay .controls .control.close {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: auto;
    left: auto;
}

.overlay .controls .control.close .icon {
    z-index: 61;
}

.overlay .controls .control.close .icon:after {
    display: block;
    font-family: "icons";
    content: "\e60a";
    font-size: 32px;
    line-height: 32px
}

.overlay .controls .control.close.active .icon:after {
    display: block;
    font-family: "icons";
    content: "\e60b";
    font-size: 32px;
    line-height: 32px
}

.modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.modal .modal_view {
    width: 800px;
    height: 500px;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: -250px auto auto -400px;
    z-index: 99;
    background: #fff;
    border: 1px solid #cecece;
}

.modal .modal_view > .loading .loading_msg {
    text-align: center;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: 0;
    margin-top: 25px;
    color: #666
}

.modal .modal_view .modal_header {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    height: 60px;
    border-bottom: 2px solid #374044;
}

.modal .modal_view .modal_header h1 {
    font-size: 20px;
    font-weight: normal;
    padding-left: 20px;
    line-height: 60px;
}

.modal .modal_view .modal_header h1 span {
    padding-left: 10px;
    color: #999
}

.modal .modal_view .modal_header .right {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: auto;
    left: auto;
    height: 30px
}

.modal .modal_view .modal_header .price {
    position: absolute;
    top: 0;
    right: 20px;
    bottom: auto;
    left: auto;
    line-height: 62px;
    font-size: 20px;
    color: #aaa;
    -webkit-font-smoothing: antialiased
}

.modal .modal_view .modal_header .status {
    background: #f2f2f2;
    position: absolute;
    top: 17px;
    right: 20px;
    bottom: auto;
    left: auto;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    padding: 0 10px;
    color: #888;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.modal .modal_view .modal_footer {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50px;
    padding: 10px;
    border-top: 1px solid #e2e2e2;
    background: #fff;
}

.modal .modal_view .modal_footer .left {
    float: left;
}

.modal .modal_view .modal_footer .left .button {
    margin-right: 10px
}

.modal .modal_view .modal_footer .right {
    float: right;
    text-align: right;
}

.modal .modal_view .modal_footer .right .button {
    margin-left: 10px
}

.modal .modal_view .modal_body {
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 50px;
    left: 0;
    overflow: hidden;
}

.modal .modal_view .modal_body .modal_sidebar, .modal .modal_view .modal_body .recipient {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: 300px;
    padding: 0 0 0 19px;
    border-right: 1px solid #e2e2e2;
    overflow-y: auto;
}

.modal .modal_view .modal_body .modal_sidebar .form, .modal .modal_view .modal_body .recipient .form {
    width: 260px
}

.modal .modal_view .modal_body .modal_content, .modal .modal_view .modal_body .content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 300px;
    overflow-y: auto
}

.modal .modal_view .modal_body .message_heading {
    font-size: 22px;
    line-height: 24px;
    font-weight: normal;
    text-align: center;
    padding-bottom: 18px
}

.modal .modal_view .modal_body .message_content {
    color: #7f8c8d;
    text-align: center;
    font-size: 14px;
    line-height: 18px
}

.modal .modal_view .modal_body .message_stats {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}

.modal .modal_view .modal_body .message_stats .box {
    max-width: 280px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 8px auto 0;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.modal .modal_view .modal_body .message_stats .box .quantity {
    padding: 15px 24px;
}

.modal .modal_view .modal_body .message_stats .box .quantity .value {
    padding-right: 4px
}

.modal .modal_view .modal_body .message_stats .box .type {
    min-width: 260px;
    border-top: 1px solid #e2e2e2;
}

.modal .modal_view .modal_body .message_stats .box .type .property {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 49%;
    padding: 8px 0;
}

.modal .modal_view .modal_body .message_stats .box .type .property.address {
    border-right: 1px solid #e2e2e2
}

.modal .modal_view .modal_body .message_stats .box .type .property .value {
    padding-right: 4px
}

.modal .modal_view .modal_body .message_stats .payment {
    margin: 12px 0
}

.modal .modal_view .modal_extra {
    color: #999;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    padding: 17px 20px 16px;
    color: #614900;
    border-top: 1px solid #e2e2e2;
    background: #ffe494
}

.modal.modal_sheet_overivew .modal_view, .modal.modal_sheet_processing .modal_view, .modal.modal_sheet_confirmation .modal_view, .modal.modal_sheet_error .modal_view {
    width: 600px;
    height: 400px;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: -200px auto auto -300px;
}

.modal.modal_sheet_overivew .modal_view .modal_header, .modal.modal_sheet_processing .modal_view .modal_header, .modal.modal_sheet_confirmation .modal_view .modal_header, .modal.modal_sheet_error .modal_view .modal_header {
    display: none;
}

.modal.modal_sheet_overivew .modal_view .modal_body, .modal.modal_sheet_processing .modal_view .modal_body, .modal.modal_sheet_confirmation .modal_view .modal_body, .modal.modal_sheet_error .modal_view .modal_body {
    top: 0
}

.modal.modal_sheet_overivew .modal_view .modal_content, .modal.modal_sheet_processing .modal_view .modal_content, .modal.modal_sheet_confirmation .modal_view .modal_content, .modal.modal_sheet_error .modal_view .modal_content {
    left: 0;
    height: auto;
}

.modal.modal_sheet_overivew .modal_view .modal_content .icon, .modal.modal_sheet_processing .modal_view .modal_content .icon, .modal.modal_sheet_confirmation .modal_view .modal_content .icon, .modal.modal_sheet_error .modal_view .modal_content .icon {
    margin: 100px auto 30px
}

.modal.modal_sheet_overivew .modal_view .modal_content .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -0 -230px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .modal.modal_sheet_overivew .modal_view .modal_content .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

.modal.modal_sheet_overivew.extra .modal_view .modal_body .icon {
    margin-top: 70px
}

.modal.modal_sheet_overivew.extra .modal_view .modal_extra {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.modal.modal_sheet_processing .modal_view .modal_body {
    bottom: 0;
}

.modal.modal_sheet_processing .modal_view .modal_body .modal_content .icon {
    margin-top: 100px
}

.modal.modal_sheet_confirmation .modal_view .modal_content .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -200px -230px;
    background-repeat: no-repeat;
    margin-top: 60px;
    margin-bottom: 40px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .modal.modal_sheet_confirmation .modal_view .modal_content .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

.modal.modal_sheet_error .modal_view .modal_content .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -100px -230px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .modal.modal_sheet_error .modal_view .modal_content .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

.modal.modal_sender_edit .modal_view {
    width: 740px;
    height: 490px;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: -245px auto auto -370px;
}

.modal.modal_sender_edit .modal_view .modal_content {
    height: auto;
    padding: 0 20px
}

.modal.modal_contact_new .modal_view, .modal.modal_contact_edit .modal_view {
    width: 600px;
    height: 390px;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: -195px auto auto -300px;
}

.modal.modal_contact_new .modal_view .modal_content, .modal.modal_contact_edit .modal_view .modal_content {
    width: 280px;
    height: auto;
    padding: 0 0 0 20px
}

.modal.modal_sheet_import .modal_view, .modal.modal_sheet_import_uploading .modal_view, .modal.modal_sheet_import_processing .modal_view, .modal.modal_contacts_import .modal_view, .modal.modal_contacts_import_uploading .modal_view, .modal.modal_contacts_import_processing .modal_view {
    width: 580px;
    height: 360px;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: -180px auto auto -290px;
}

.modal.modal_sheet_import .modal_view .modal_header, .modal.modal_sheet_import_uploading .modal_view .modal_header, .modal.modal_sheet_import_processing .modal_view .modal_header, .modal.modal_contacts_import .modal_view .modal_header, .modal.modal_contacts_import_uploading .modal_view .modal_header, .modal.modal_contacts_import_processing .modal_view .modal_header {
    display: none;
}

.modal.modal_sheet_import .modal_view .modal_body, .modal.modal_sheet_import_uploading .modal_view .modal_body, .modal.modal_sheet_import_processing .modal_view .modal_body, .modal.modal_contacts_import .modal_view .modal_body, .modal.modal_contacts_import_uploading .modal_view .modal_body, .modal.modal_contacts_import_processing .modal_view .modal_body {
    top: 0;
    bottom: 0;
}

.modal.modal_sheet_import .modal_view .modal_body .import_view, .modal.modal_sheet_import_uploading .modal_view .modal_body .import_view, .modal.modal_sheet_import_processing .modal_view .modal_body .import_view, .modal.modal_contacts_import .modal_view .modal_body .import_view, .modal.modal_contacts_import_uploading .modal_view .modal_body .import_view, .modal.modal_contacts_import_processing .modal_view .modal_body .import_view {
    text-align: center
}

.modal.modal_sheet_import .modal_view .modal_body .import_view .icon, .modal.modal_sheet_import_uploading .modal_view .modal_body .import_view .icon, .modal.modal_sheet_import_processing .modal_view .modal_body .import_view .icon, .modal.modal_contacts_import .modal_view .modal_body .import_view .icon, .modal.modal_contacts_import_uploading .modal_view .modal_body .import_view .icon, .modal.modal_contacts_import_processing .modal_view .modal_body .import_view .icon {
    margin: 110px auto 30px
}

.modal.modal_sheet_overivew .modal_view .icon, .modal.modal_sheet_processing .modal_view .icon, .modal.modal_sheet_confirmation .modal_view .icon, .modal.modal_sheet_error .modal_view .icon, .modal.modal_sheet_import .modal_view .icon, .modal.modal_sheet_import_uploading .modal_view .icon, .modal.modal_sheet_import_processing .modal_view .icon, .modal.modal_contacts_import .modal_view .icon, .modal.modal_contacts_import_uploading .modal_view .icon, .modal.modal_contacts_import_processing .modal_view .icon {
    width: 56px;
    height: 72px;
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -0 -230px;
    background-repeat: no-repeat;
    position: relative;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .modal.modal_sheet_overivew .modal_view .icon, .modal.modal_sheet_processing .modal_view .icon, .modal.modal_sheet_confirmation .modal_view .icon, .modal.modal_sheet_error .modal_view .icon, .modal.modal_sheet_import .modal_view .icon, .modal.modal_sheet_import_uploading .modal_view .icon, .modal.modal_sheet_import_processing .modal_view .icon, .modal.modal_contacts_import .modal_view .icon, .modal.modal_contacts_import_uploading .modal_view .icon, .modal.modal_contacts_import_processing .modal_view .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

.modal.modal_sheet_overivew .modal_view .icon .spinner, .modal.modal_sheet_processing .modal_view .icon .spinner, .modal.modal_sheet_confirmation .modal_view .icon .spinner, .modal.modal_sheet_error .modal_view .icon .spinner, .modal.modal_sheet_import .modal_view .icon .spinner, .modal.modal_sheet_import_uploading .modal_view .icon .spinner, .modal.modal_sheet_import_processing .modal_view .icon .spinner, .modal.modal_contacts_import .modal_view .icon .spinner, .modal.modal_contacts_import_uploading .modal_view .icon .spinner, .modal.modal_contacts_import_processing .modal_view .icon .spinner {
    width: 32px;
    height: 32px;
    background: url("../img/spinner.gif?h=4P6K0CJHYAALU0CR") no-repeat center center;
    position: absolute;
    top: 24px;
    right: auto;
    bottom: auto;
    left: 13px
}

.modal.modal_sheet_overivew .modal_view .icon .progressbar, .modal.modal_sheet_processing .modal_view .icon .progressbar, .modal.modal_sheet_confirmation .modal_view .icon .progressbar, .modal.modal_sheet_error .modal_view .icon .progressbar, .modal.modal_sheet_import .modal_view .icon .progressbar, .modal.modal_sheet_import_uploading .modal_view .icon .progressbar, .modal.modal_sheet_import_processing .modal_view .icon .progressbar, .modal.modal_contacts_import .modal_view .icon .progressbar, .modal.modal_contacts_import_uploading .modal_view .icon .progressbar, .modal.modal_contacts_import_processing .modal_view .icon .progressbar {
    position: absolute;
    top: 53px;
    right: auto;
    bottom: auto;
    left: 9px;
    width: 37px;
    height: 8px;
    background: #fff;
    border: 1px solid #ccc;
    border-color: rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.modal.modal_sheet_overivew .modal_view .icon .progressbar .progress, .modal.modal_sheet_processing .modal_view .icon .progressbar .progress, .modal.modal_sheet_confirmation .modal_view .icon .progressbar .progress, .modal.modal_sheet_error .modal_view .icon .progressbar .progress, .modal.modal_sheet_import .modal_view .icon .progressbar .progress, .modal.modal_sheet_import_uploading .modal_view .icon .progressbar .progress, .modal.modal_sheet_import_processing .modal_view .icon .progressbar .progress, .modal.modal_contacts_import .modal_view .icon .progressbar .progress, .modal.modal_contacts_import_uploading .modal_view .icon .progressbar .progress, .modal.modal_contacts_import_processing .modal_view .icon .progressbar .progress {
    width: auto;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: 0;
    left: -1px;
    height: 8px;
    background: #1a88e7 !important;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.modal.modal_sheet_import .modal_view .modal_body .import_view .icon, .modal.modal_contacts_import .modal_view .modal_body .import_view .icon {
    margin-top: 80px
}

.modal.modal_sheet_import .modal_view .modal_body .import_view .button.file .input-wrap, .modal.modal_contacts_import .modal_view .modal_body .import_view .button.file .input-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    overflow: hidden
}

.modal.modal_sheet_import .modal_view .modal_body .import_view .button.file input, .modal.modal_contacts_import .modal_view .modal_body .import_view .button.file input {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer !important;
    font-size: 500px;
    line-height: 500px;
    height: 500px;
    width: auto;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.modal.modal_sheet_import .modal_view .modal_body .message_content, .modal.modal_contacts_import .modal_view .modal_body .message_content {
    margin-top: 20px
}

.modal.modal_sheet_import .modal_view .modal_body .downloads, .modal.modal_contacts_import .modal_view .modal_body .downloads {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    height: 65px;
    background: #ecf0f1;
    padding: 13px 20px 15px;
    line-height: 20px;
}

.modal.modal_sheet_import .modal_view .modal_body .downloads h2, .modal.modal_contacts_import .modal_view .modal_body .downloads h2 {
    margin-top: 0
}

.modal.sheet_submit .progress {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("../img/spinner.gif?h=4P6K0CJHYAALU0CR") 50% 50% no-repeat
}

.modal.modal_sheet_address_labels_generate .modal_view, .modal.modal_sheet_address_labels_generating .modal_view, .modal.modal_sheet_address_labels_download .modal_view {
    width: 640px;
    height: 420px;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: -210px auto auto -320px;
}

.modal.modal_sheet_address_labels_generate .modal_view .modal_body .import_view, .modal.modal_sheet_address_labels_generating .modal_view .modal_body .import_view, .modal.modal_sheet_address_labels_download .modal_view .modal_body .import_view {
    text-align: center;
}

.modal.modal_sheet_address_labels_generate .modal_view .modal_body .import_view .icon, .modal.modal_sheet_address_labels_generating .modal_view .modal_body .import_view .icon, .modal.modal_sheet_address_labels_download .modal_view .modal_body .import_view .icon {
    margin-top: 100px
}

.modal.modal_sheet_address_labels_generate .modal_view .message_content, .modal.modal_sheet_address_labels_generating .modal_view .message_content, .modal.modal_sheet_address_labels_download .modal_view .message_content {
    margin-top: 20px
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar {
    width: 240px;
    padding-right: 19px;
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar h2 {
    margin-bottom: 5px
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option {
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #e2e2e2;
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option:last-child {
    border-bottom: none
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option:hover {
    background: rgba(0, 0, 0, 0.025)
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.active .icon {
    border-color: #0079ff !important
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.active .text .title, .modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.active .text .desc {
    color: #0079ff
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option .icon {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option .text {
    padding: 11px 0 10px 48px;
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option .text .title {
    font-weight: normal
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option .text .desc {
    font-size: 12px;
    line-height: 15px;
    color: #888
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.size_a4 .icon {
    position: absolute;
    top: 12px;
    right: auto;
    bottom: auto;
    left: 12px;
    width: 22px;
    height: 30px;
    background: #fff;
    border: 1px solid #999
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.size_dl .icon {
    top: 19px;
    left: 8px;
    width: 30px;
    height: 16px;
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -220px -0;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.size_dl .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.size_dl.active .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -260px -0;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.size_dl.active .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.size_c5 .icon, .modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.size_c5d .icon {
    top: 17px;
    left: 7px;
    width: 32px;
    height: 21px;
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -220px -20px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.size_c5 .icon, .modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.size_c5d .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.size_c5.active .icon, .modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.size_c5d.active .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -260px -20px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.size_c5.active .icon, .modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.size_c5d.active .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.size_c6 .icon {
    top: 19px;
    left: 10px;
    width: 26px;
    height: 17px;
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -220px -50px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.size_c6 .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.size_c6.active .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -260px -50px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .modal.modal_sheet_address_labels_generate .modal_body .modal_sidebar .options .option.size_c6.active .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_content {
    left: 240px;
    padding: 0 20px;
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_content .select_position_to_start_print {
    position: relative;
    padding-top: 5px;
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_content .select_position_to_start_print .paper {
    width: 58px;
    height: 80px;
    border: 1px solid #cecece;
    position: relative;
    float: left;
    margin-right: 20px;
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_content .select_position_to_start_print .paper .position {
    width: 25px;
    height: 36px;
    font-size: 12px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    color: #999;
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_content .select_position_to_start_print .paper .position.position_1 {
    position: absolute;
    top: 2px;
    right: auto;
    bottom: auto;
    left: 2px
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_content .select_position_to_start_print .paper .position.position_2 {
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: auto;
    left: auto
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_content .select_position_to_start_print .paper .position.position_3 {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 2px;
    left: 2px
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_content .select_position_to_start_print .paper .position.position_4 {
    position: absolute;
    top: auto;
    right: 2px;
    bottom: 2px;
    left: auto
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_content .select_position_to_start_print .paper .position.active {
    background: #0079ff;
    color: #fff
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_content .select_position_to_start_print .paper .position.print {
    background: rgba(0, 0, 0, 0.1);
    color: #777
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_content .select_position_to_start_print .desc {
    padding-top: 21px;
    font-size: 12px
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_content .info {
    position: absolute;
    top: auto;
    right: 20px;
    bottom: 15px;
    left: 20px;
    margin-bottom: 0
}

.modal.modal_item_view.new_claim .modal_header .right {
    display: none;
}

.modal.modal_item_view.new_claim .modal_footer {
    display: block;
}

.modal.modal_item_view.new_claim .modal_body {
    bottom: 50px
}

.modal.modal_item_view.new_claim .info_body {
    display: none;
}

.modal.modal_item_view.new_claim .new_claim_body {
    display: block;
}

.modal.modal_item_view .modal_header .problem_btn {
    margin-right: 15px
}

.modal.modal_item_view .new_claim_body {
    display: none;
}

.modal.modal_item_view .new_claim_body .form {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 570px;
    padding: 15px 0 0 0;
    overflow-y: auto;
}

.modal.modal_item_view .new_claim_body .form .col-1, .modal.modal_item_view .new_claim_body .form .col-2 {
    width: 260px
}

.modal.modal_item_view .new_claim_body .form .field .title {
    padding-bottom: 3px
}

.modal.modal_item_view .new_claim_body .form .row {
    width: 525px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 15px;
    padding-bottom: 10px;
    margin-left: 20px;
}

.modal.modal_item_view .new_claim_body .form .row:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.modal.modal_item_view .new_claim_body .form .row.attachements {
    position: relative;
}

.modal.modal_item_view .new_claim_body .form .row.attachements .error {
    font-size: 11px
}

.modal.modal_item_view .new_claim_body .form .content_desc {
    width: 260px;
    margin-right: 5px
}

.modal.modal_item_view .new_claim_body .form .content_quantity {
    width: 127px;
    margin-right: 5px
}

.modal.modal_item_view .new_claim_body .form .content_kind {
    width: 128px
}

.modal.modal_item_view .new_claim_body .form .field .checkbox label span {
    font-size: 10px;
    line-height: 12px
}

.modal.modal_item_view .new_claim_body .form .attachements .add {
    color: #0079ff;
    cursor: pointer;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.modal.modal_item_view .new_claim_body .form .attachements .add:hover {
    text-decoration: underline
}

.modal.modal_item_view .new_claim_body .form .attachements .add .input-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    overflow: hidden
}

.modal.modal_item_view .new_claim_body .form .attachements .add input {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer !important;
    font-size: 500px;
    line-height: 500px;
    height: 500px;
    width: auto;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.modal.modal_item_view .new_claim_body .form .attachements .files input {
    display: none;
}

.modal.modal_item_view .new_claim_body .form .attachements .files .file_item {
    position: relative;
    height: 20px;
    margin-bottom: 10px
}

.modal.modal_item_view .new_claim_body .form .attachements .files .file_icon {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: 20px;
}

.modal.modal_item_view .new_claim_body .form .attachements .files .file_icon:after {
    position: absolute;
    top: -1px;
    right: auto;
    bottom: auto;
    left: 0;
    display: block;
    font-family: "icons";
    content: "\e608";
    font-size: 20px;
    line-height: 20px;
    -webkit-font-smoothing: antialiased
}

.modal.modal_item_view .new_claim_body .form .attachements .files .file_name {
    position: absolute;
    top: 0;
    right: 25px;
    bottom: 0;
    left: 25px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.modal.modal_item_view .new_claim_body .form .attachements .files .file_remove {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 20px;
    cursor: pointer;
}

.modal.modal_item_view .new_claim_body .form .attachements .files .file_remove:after {
    position: absolute;
    top: -1px;
    right: auto;
    bottom: auto;
    left: 0;
    display: block;
    font-family: "icons";
    content: "\e616";
    font-size: 20px;
    line-height: 20px;
    -webkit-font-smoothing: antialiased
}

.modal.modal_item_view .new_claim_body .form .attachements .files .file_remove:hover {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.05)
}

.modal.modal_item_view .modal_footer {
    display: none;
}

.modal.modal_item_view .modal_body {
    bottom: 0;
}

.modal.modal_item_view .modal_body .recipient {
    width: 230px;
}

.modal.modal_item_view .modal_body .recipient .properties {
    width: 190px
}

.modal.modal_item_view .modal_body .right_panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 570px;
    background: white;
    border-left: 1px solid #cecece;
}

.modal.modal_item_view .modal_body .right_panel .close {
    color: #000;
    color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: auto;
    left: auto;
    width: 24px;
    height: 24px;
    z-index: 3;
    background: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 12px;
    border-radius: 12px;
    cursor: pointer;
}

.modal.modal_item_view .modal_body .right_panel .close:hover {
    color: rgba(0, 0, 0, 0.75)
}

.modal.modal_item_view .modal_body .right_panel .close:after {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: -1px;
    display: block;
    font-family: "icons";
    content: "\e60a";
    font-size: 26px;
    line-height: 26px;
    -webkit-font-smoothing: antialiased
}

.modal.modal_item_view .modal_body .problem .msg {
    padding: 200px 40px 0 40px;
    text-align: center
}

.modal.modal_item_view .modal_body .claim_done .icon {
    width: 56px;
    height: 72px;
    margin: 130px auto 40px auto
}

.modal.modal_item_view .modal_body .claim_done.claim_done_succeed .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -200px -230px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .modal.modal_item_view .modal_body .claim_done.claim_done_succeed .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

.modal.modal_item_view .modal_body .claim_done.claim_done_failed .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -100px -230px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .modal.modal_item_view .modal_body .claim_done.claim_done_failed .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

.modal.modal_item_view .modal_body .claim_done .msg {
    margin: 0 40px;
    text-align: center;
}

.modal.modal_item_view .modal_body .claim_done .msg h1 {
    font-size: 22px;
    margin-bottom: 15px
}

.modal.modal_item_view .modal_body .claim_done .msg p {
    color: #7f8c8d;
}

.modal.modal_item_view .modal_body .claim_done .msg p span {
    font-weight: bold
}

.modal.modal_item_view .modal_body .detail {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 230px;
    width: 285px;
    width: 570px;
    border-right: 1px solid #cecece;
    overflow-y: auto;
}

.modal.modal_item_view .modal_body .detail .detail_header {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    display: none;
    height: 35px;
    line-height: 35px;
    padding-left: 20px;
    border-bottom: 1px solid #e2e2e2;
}

.modal.modal_item_view .modal_body .detail .detail_header a {
    margin-right: 15px
}

.modal.modal_item_view .modal_body .detail .detail_header a.active {
    color: #374044
}

.modal.modal_item_view .modal_body .detail .detail_body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.modal.modal_item_view .modal_body .detail .detail_body .tab {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
}

.modal.modal_item_view .modal_body .detail .detail_body .tab.active {
    display: block;
}

.modal.modal_item_view .modal_body .detail.with_header .detail_header {
    display: block;
}

.modal.modal_item_view .modal_body .detail.with_header .detail_body {
    top: 35px
}

.modal.modal_item_view .modal_body .claims .claim {
    margin-left: 20px;
    padding: 16px 0 15px;
    width: 530px;
    border-bottom: 1px solid #e2e2e2;
}

.modal.modal_item_view .modal_body .claims .claim:last-child {
    border-bottom: none
}

.modal.modal_item_view .modal_body .claims .claim .number {
    font-weight: bold
}

.modal.modal_item_view .modal_body .timeline {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 230px;
    border-right: 1px solid #cecece;
    overflow-y: auto;
}

.modal.modal_item_view .modal_body .timeline h2 {
    padding-left: 20px;
    margin-bottom: 5px
}

.modal.modal_item_view .modal_body .timeline .event {
    width: 530px;
    padding: 16px 0 15px;
    margin-left: 20px;
    border-bottom: 1px solid #e2e2e2;
}

.modal.modal_item_view .modal_body .timeline .event:last-child {
    border-bottom: none
}

.modal.modal_item_view .modal_body .timeline .event .timestamp {
    color: #999
}

.modal.modal_item_view .modal_body .post_detail {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 285px;
    width: 570px;
    display: none;
    border-left: 1px solid #cecece;
}

.modal.modal_item_view .modal_body .post_detail .close {
    color: #000;
    color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: auto;
    left: auto;
    width: 24px;
    height: 24px;
    z-index: 3;
    background: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 12px;
    border-radius: 12px;
    cursor: pointer;
}

.modal.modal_item_view .modal_body .post_detail .close:hover {
    color: rgba(0, 0, 0, 0.75)
}

.modal.modal_item_view .modal_body .post_detail .close:after {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: -1px;
    display: block;
    font-family: "icons";
    content: "\e60a";
    font-size: 26px;
    line-height: 26px;
    -webkit-font-smoothing: antialiased
}

.modal.modal_item_view .modal_body .post_detail .map {
    height: 100%;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
}

.modal.modal_item_view .modal_body .post_detail .map .pin {
    width: 40px;
    height: 35px;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: -17.5px auto auto -20px;
    margin-top: -70px;
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -10px -180px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    .modal.modal_item_view .modal_body .post_detail .map .pin {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

.modal.modal_item_view .modal_body .post_detail .branch_view {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    height: 106px;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    border-top: 1px solid #cecece;
    border-color: rgba(0, 0, 0, 0.15);
}

.modal.modal_item_view .modal_body .post_detail .branch_view .branch {
    padding: 17px 20px;
    width: 309px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.modal.modal_item_view .modal_body .post_detail .branch_view .branch .name {
    font-weight: bold
}

.modal.modal_item_view .modal_body .post_detail .branch_view .branch .phone {
    color: #999
}

.modal.modal_item_view .modal_body .post_detail .branch_view .branch_hours {
    width: 240px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-top: 20px;
    vertical-align: top;
    border: 1px solid #cecece;
    text-align: center;
}

.modal.modal_item_view .modal_body .post_detail .branch_view .branch_hours .days {
    border-bottom: 1px solid #cecece;
    background: #f0f0f0;
}

.modal.modal_item_view .modal_body .post_detail .branch_view .branch_hours .days .day {
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 30px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    font-size: 11px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.modal.modal_item_view .modal_body .post_detail .branch_view .branch_hours .days .day:hover {
    color: rgba(0, 0, 0, 0.75)
}

.modal.modal_item_view .modal_body .post_detail .branch_view .branch_hours .days .day.active {
    color: #374044
}

.modal.modal_item_view .modal_body .post_detail .branch_view .branch_hours .hours {
    text-align: center;
    height: 34px;
    line-height: 34px
}

.modal.modal_item_view .modal_body .empty {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 230px;
    overflow-y: auto;
    text-align: center;
}

.modal.modal_item_view .modal_body .empty .title, .modal.modal_item_view .modal_body .empty .icon {
    color: #ccc
}

.modal.modal_item_view .modal_body .empty .title {
    font-size: 18px;
    line-height: 24px
}

.modal.modal_item_view .modal_body .empty .icon {
    width: 84px;
    margin: 135px auto 15px;
    background: none;
}

.modal.modal_item_view .modal_body .empty .icon:after {
    -webkit-font-smoothing: antialiased
}

.modal.modal_item_view .modal_body .empty.letter .icon:after {
    display: block;
    font-family: "icons";
    content: "\e613";
    font-size: 84px;
    line-height: 84px
}

.modal.modal_item_view .modal_body .empty.package .icon:after {
    display: block;
    font-family: "icons";
    content: "\e603";
    font-size: 84px;
    line-height: 84px
}

.modal.modal_item_view .modal_body .empty.express .icon:after {
    display: block;
    font-family: "icons";
    content: "\e604";
    font-size: 108px;
    line-height: 108px
}

.modal.modal_item_view .modal_body .empty.express .icon {
    width: 104px;
    margin: 125px auto 15px
}

.modal.modal_order_courier_form .modal_view {
    width: 680px;
    height: 420px;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: -210px auto auto -340px;
}

.modal.modal_order_courier_form .modal_view .modal_body .modal_content .form .group.date {
    padding-bottom: 15px
}

.modal.modal_epo_card .modal_body {
    display: flex;
}

.modal.modal_epo_card .epo_card_form {
    padding: 20px;
    width: 400px;
    border-right: 1px solid #e2e2e2
}

.modal.modal_epo_card .epo_card_info {
    padding: 20px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
}

.modal.modal_epo_card .epo_card_info p {
    padding-bottom: .5em
}

.modal.modal_epo_card .epo_card_info ul {
    list-style-type: disc;
    margin-left: 20px;
    margin-top: -.5em;
    padding-bottom: .5em
}

.modal.modal_epo_card .epo_card_list .epo_card_item {
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #d3d3d3;
    padding: 5px;
    margin-bottom: 3px
}

.modal.modal_epo_card .epo_card_list .card_id {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.modal.modal_epo_card .epo_card_list .remove {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
}

.modal.modal_epo_card .epo_card_list .remove:after {
    position: absolute;
    top: -1px;
    right: auto;
    bottom: auto;
    left: 0;
    display: block;
    font-family: "icons";
    content: "\e616";
    font-size: 20px;
    line-height: 20px;
    -webkit-font-smoothing: antialiased
}

.modal.modal_epo_card .epo_card_list .remove:hover {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.05)
}

.modal.modal_epo_card .form {
    display: flex;
}

.modal.modal_epo_card .form .field {
    margin: 0 5px 0 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.modal.modal_epo_card .form .button {
    height: 35px;
    line-height: 34px
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .progress, .spinner {
        background-image: url("../img/spinner@2x.gif?h=1R9TQ0B6HHDP59HP") !important;
        -webkit-background-size: 32px 32px !important;
        -moz-background-size: 32px 32px !important;
        background-size: 32px 32px !important
    }
}

.tutorial .app {
    position: absolute;
    top: 0;
    right: 300px;
    bottom: 0;
    left: 0
}

.tutorial .tutorial {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 300px;
    background: #ececec;
    border-left: 1px solid #d5d5d5;
}

.tutorial .tutorial .tutorial_header {
    height: 50px;
    margin: 0 15px;
    border-bottom: 1px solid #dadada;
}

.tutorial .tutorial .tutorial_header .tutorial_heading {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    padding-top: 10px;
    text-transform: none;
    color: #999;
    cursor: default
}

.tutorial .tutorial .tutorial_header .tutorial_close {
    position: absolute;
    top: 13px;
    right: 15px;
    bottom: auto;
    left: auto;
    width: 24px;
    height: 24px;
    cursor: pointer;
    color: #aaa;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tutorial .tutorial .tutorial_header .tutorial_close:after {
    display: block;
    font-family: "icons";
    content: "\e60a";
    font-size: 24px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased
}

.tutorial .tutorial .tutorial_header .tutorial_close:hover {
    color: #777
}

.tutorial .tutorial .tutorial_header .tutorial_close:active {
    color: #bbb;
}

.tutorial .tutorial .tutorial_header .tutorial_close:active:after {
    display: block;
    font-family: "icons";
    content: "\e60b";
    font-size: 24px;
    line-height: 24px
}

.tutorial .tutorial .tutorial_body {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 15px;
    overflow-y: auto;
    font-size: 12px;
    cursor: default;
}

.tutorial .tutorial .tutorial_body .section {
    display: none;
    padding: 0 20px 20px 15px;
}

.tutorial .tutorial .tutorial_body .section .step {
    float: left;
    width: 24px;
    height: 24px;
    border: 2px solid #374044;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    font-size: 14px
}

.tutorial .tutorial .tutorial_body .section .title {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 15px;
    font-weight: normal;
    color: #374044
}

.tutorial .tutorial .tutorial_body .section .text p {
    color: #676767;
    line-height: 16px;
    padding-bottom: 15px;
}

.tutorial .tutorial .tutorial_body .section .text p a {
    color: #676767;
    text-decoration: underline;
    cursor: pointer;
}

.tutorial .tutorial .tutorial_body .section .text p a:hover {
    color: #414141;
    text-decoration: underline
}

.tutorial .tutorial .tutorial_body .steps .section {
    padding-bottom: 5px
}

.tutorial .tutorial .tutorial_body .steps .title, .tutorial .tutorial .tutorial_body .steps .text {
    padding-left: 36px
}

.tutorial .tutorial .tutorial_body .steps .title {
    padding-top: 3px
}

.tutorial .tutorial .tutorial_footer {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50px;
    padding: 10px;
    text-align: center
}

@media (max-width: 1024px) {
    .tutorial .app {
        right: 240px
    }

    .tutorial .tutorial {
        width: 240px
    }
}

.tutorial_item_active, .tutorial.new_sheet_choose_parcel_type .new_sheet_choose_parcel_type.section .step, .tutorial.new_sheet_edit .new_sheet_edit.section .step, .tutorial.outbox_sheet_detail_unsubmitted .outbox_sheet_detail_unsubmitted.section .step {
    background: #374044;
    color: #fff
}

.tutorial.new_sheet_choose_parcel_type .new_sheet_choose_parcel_type.section {
    display: block;
}

.tutorial.new_sheet_choose_parcel_type .new_sheet_edit.section, .tutorial.new_sheet_choose_parcel_type .outbox_sheet_detail_unsubmitted.section, .tutorial.new_sheet_choose_parcel_type .new_sheet.section {
    display: block;
}

.tutorial.new_sheet_choose_parcel_type .new_sheet_edit.section .step, .tutorial.new_sheet_choose_parcel_type .outbox_sheet_detail_unsubmitted.section .step, .tutorial.new_sheet_choose_parcel_type .new_sheet.section .step, .tutorial.new_sheet_choose_parcel_type .new_sheet_edit.section .title, .tutorial.new_sheet_choose_parcel_type .outbox_sheet_detail_unsubmitted.section .title, .tutorial.new_sheet_choose_parcel_type .new_sheet.section .title {
    color: #999
}

.tutorial.new_sheet_choose_parcel_type .new_sheet_edit.section .step, .tutorial.new_sheet_choose_parcel_type .outbox_sheet_detail_unsubmitted.section .step, .tutorial.new_sheet_choose_parcel_type .new_sheet.section .step {
    border-color: #999
}

.tutorial.new_sheet_choose_parcel_type .new_sheet_edit.section .text, .tutorial.new_sheet_choose_parcel_type .outbox_sheet_detail_unsubmitted.section .text, .tutorial.new_sheet_choose_parcel_type .new_sheet.section .text {
    display: none;
}

.tutorial.new_sheet_edit .new_sheet_edit.section {
    display: block;
}

.tutorial.new_sheet_edit .new_sheet_choose_parcel_type.section, .tutorial.new_sheet_edit .outbox_sheet_detail_unsubmitted.section, .tutorial.new_sheet_edit .new_sheet.section {
    display: block;
}

.tutorial.new_sheet_edit .new_sheet_choose_parcel_type.section .step, .tutorial.new_sheet_edit .outbox_sheet_detail_unsubmitted.section .step, .tutorial.new_sheet_edit .new_sheet.section .step, .tutorial.new_sheet_edit .new_sheet_choose_parcel_type.section .title, .tutorial.new_sheet_edit .outbox_sheet_detail_unsubmitted.section .title, .tutorial.new_sheet_edit .new_sheet.section .title {
    color: #999
}

.tutorial.new_sheet_edit .new_sheet_choose_parcel_type.section .step, .tutorial.new_sheet_edit .outbox_sheet_detail_unsubmitted.section .step, .tutorial.new_sheet_edit .new_sheet.section .step {
    border-color: #999
}

.tutorial.new_sheet_edit .new_sheet_choose_parcel_type.section .text, .tutorial.new_sheet_edit .outbox_sheet_detail_unsubmitted.section .text, .tutorial.new_sheet_edit .new_sheet.section .text {
    display: none;
}

.tutorial.outbox_sheet_detail_unsubmitted .outbox_sheet_detail_unsubmitted.section {
    display: block;
}

.tutorial.outbox_sheet_detail_unsubmitted .new_sheet_choose_parcel_type.section, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet_edit.section, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet.section {
    display: block;
}

.tutorial.outbox_sheet_detail_unsubmitted .new_sheet_choose_parcel_type.section .step, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet_edit.section .step, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet.section .step, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet_choose_parcel_type.section .title, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet_edit.section .title, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet.section .title {
    color: #999
}

.tutorial.outbox_sheet_detail_unsubmitted .new_sheet_choose_parcel_type.section .step, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet_edit.section .step, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet.section .step {
    border-color: #999
}

.tutorial.outbox_sheet_detail_unsubmitted .new_sheet_choose_parcel_type.section .text, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet_edit.section .text, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet.section .text {
    display: none;
}

.tutorial.outbox_sheet_detail_unsubmitted.no_labels .outbox_sheet_detail_unsubmitted.section .opt_labels {
    display: none;
}

.tutorial.outbox_parcels .outbox_parcels.section, .tutorial.outbox_sheets .outbox_parcels.section {
    display: block;
}

.tutorial.outbox_sheet_detail_submitted .outbox_sheet_detail_submitted.section {
    display: block;
}

.tutorial.drafts .drafts.section {
    display: block;
}

.tutorial.contacts .contacts.section {
    display: block;
}

.tutorial.settings .settings.section {
    display: block;
}

.news .app {
    position: absolute;
    top: 0;
    right: 300px;
    bottom: 0;
    left: 0
}

.news .news {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 300px;
    background: #ececec;
    background: #f8f8f8;
    border-left: 1px solid #d5d5d5;
}

.news .news .news_header {
    height: 50px;
    margin: 0 15px;
    border-bottom: 1px solid #dadada;
}

.news .news .news_header .news_heading {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    padding-top: 10px;
    text-transform: none;
    color: #999;
    cursor: default
}

.news .news .news_header .news_close {
    position: absolute;
    top: 13px;
    right: 15px;
    bottom: auto;
    left: auto;
    width: 24px;
    height: 24px;
    cursor: pointer;
    color: #aaa;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.news .news .news_header .news_close:after {
    display: block;
    font-family: "icons";
    content: "\e60a";
    font-size: 24px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased
}

.news .news .news_header .news_close:hover {
    color: #777
}

.news .news .news_header .news_close:active {
    color: #bbb;
}

.news .news .news_header .news_close:active:after {
    display: block;
    font-family: "icons";
    content: "\e60b";
    font-size: 24px;
    line-height: 24px
}

.news .news .news_body {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 15px;
    overflow-y: auto;
    font-size: 12px;
    cursor: default;
}

.news .news .news_body .section {
    padding: 0 20px 20px 15px;
}

.news .news .news_body .section .step {
    float: left;
    width: 24px;
    height: 24px;
    border: 2px solid #374044;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    font-size: 14px
}

.news .news .news_body .section .title {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
    font-weight: normal;
    color: #374044
}

.news .news .news_body .section .text {
    color: #676767;
}

.news .news .news_body .section .text p {
    line-height: 16px;
    padding-bottom: 15px;
}

.news .news .news_body .section .text p a {
    color: #676767;
    text-decoration: underline;
    cursor: pointer;
}

.news .news .news_body .section .text p a:hover {
    color: #414141;
    text-decoration: underline
}

.news .news .news_body .section .text ul {
    list-style-type: disc;
    margin-left: 20px;
    padding-bottom: 15px
}

.news .news .news_body .steps .section {
    padding-bottom: 5px
}

.news .news .news_body .steps .title, .news .news .news_body .steps .text {
    padding-left: 36px
}

.news .news .news_body .steps .title {
    padding-top: 3px
}

.news .news .news_footer {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50px;
    padding: 10px;
    text-align: center
}

@media (max-width: 1024px) {
    .news .app {
        right: 240px
    }

    .news .news {
        width: 240px
    }
}

.bubble {
    display: none;
    min-width: 200px;
    background: #fff;
    border: 1px solid #bcbcbc;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    z-index: 30;
}

.bubble:after {
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    top: -14px;
    right: auto;
    bottom: auto;
    left: 10px;
    pointer-events: none;
    border: solid transparent;
    border-bottom-color: #fff;
    border-width: 7px
}

.bubble:before {
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    top: -16px;
    right: auto;
    bottom: auto;
    left: 9px;
    pointer-events: none;
    border: solid transparent;
    border-bottom-color: #bcbcbc;
    border-width: 8px
}

.bubble .rows {
    padding: 4px 0;
}

.bubble .rows .row {
    font-size: 12px;
    line-height: 16px;
    padding: 5px 14px;
    cursor: pointer;
}

.bubble .rows .row a {
    color: #374044
}

.bubble .rows .row:hover {
    color: #fff !important;
    background: #0079ff;
    text-decoration: none !important;
}

.bubble .rows .row:hover a {
    color: #fff;
    text-decoration: none
}

.bubble .rows .row.divider {
    height: 1px;
    margin: 4px 0;
    padding: 0;
    background-color: #e5e5e5
}

.dropdown {
    position: relative;
}

.dropdown .bubble {
    position: absolute;
    top: 38px;
    right: auto;
    bottom: auto;
    left: 0
}

.dropdown.open .bubble {
    display: block;
}

.dropdown .dropdown_button {
    height: 30px;
    border: 1px solid #dbdbdb;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dropdown .dropdown_button .label, .dropdown .dropdown_button .value, .dropdown .dropdown_button .close, .dropdown .dropdown_button .arrow {
    display: inline-block;
    zoom: 1;
    *display: inline;
    line-height: 28px
}

.dropdown .dropdown_button .value, .dropdown .dropdown_button .close {
    display: none;
}

.dropdown .dropdown_button .label {
    padding: 0 10px 0 14px
}

.dropdown .dropdown_button .value {
    color: #374044;
    font-weight: bold
}

.dropdown .dropdown_button .arrow {
    width: 20px;
    z-index: 2;
}

.dropdown .dropdown_button .arrow .icon {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: auto;
    left: auto;
    width: 11px;
    height: 10px;
    color: #999;
    -webkit-font-smoothing: antialiased;
}

.dropdown .dropdown_button .arrow .icon:before {
    display: block;
    font-family: "icons";
    content: "\e609";
    font-size: 11px;
    line-height: 11px
}

.dropdown .dropdown_button:hover {
    background: #f8f8f8;
}

.dropdown .dropdown_button:hover .arrow .icon {
    color: #0079ff
}

.dropdown.open .dropdown_button {
    background: #f8f8f8
}

.dropdown.open .arrow .icon {
    color: #0079ff
}

.dropdown.active .dropdown_button {
    background: #f8f8f8;
}

.dropdown.active .dropdown_button .value {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-right: 10px
}

.dropdown .dropdown_heading {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dropdown .dropdown_heading h2 {
    margin-bottom: 5px !important
}

.dropdown .dropdown_heading .arrow .icon {
    position: absolute;
    top: 4px;
    right: 0;
    bottom: auto;
    left: auto;
    width: 11px;
    height: 10px;
    z-index: 2;
    color: #999;
    -webkit-font-smoothing: antialiased;
}

.dropdown .dropdown_heading .arrow .icon:before {
    display: block;
    font-family: "icons";
    content: "\e609";
    font-size: 11px;
    line-height: 11px
}

.dropdown .dropdown_heading:hover .arrow .icon {
    color: #0079ff
}

.dropdown.open .arrow .icon {
    color: #0079ff
}

.dropdown.open .dropdown_value_overlay {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f8f8f8;
    z-index: 2;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50)
}

.detail .dropdown .bubble {
    position: absolute;
    top: 27px;
    right: auto;
    bottom: auto;
    left: 0
}

.input.dropdown input {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.input.dropdown .arrow {
    z-index: 2;
}

.input.dropdown .arrow .icon {
    position: absolute;
    top: 13px;
    right: 10px;
    bottom: auto;
    left: auto;
    color: #999;
    -webkit-font-smoothing: antialiased;
    width: 11px;
    height: 10px;
}

.input.dropdown .arrow .icon:before {
    display: block;
    font-family: "icons";
    content: "\e609";
    font-size: 11px;
    line-height: 11px
}

.input.dropdown.open .arrow .icon, .input.dropdown:hover .arrow .icon {
    color: #0079ff
}

.dropdown.user {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 20;
}

.dropdown.user .bubble {
    position: absolute;
    top: 30px;
    right: -5px;
    bottom: auto;
    left: auto;
    min-width: 245px;
}

.dropdown.user .bubble:after {
    position: absolute;
    top: -14px;
    right: 10px;
    bottom: auto;
    left: auto;
    border-bottom-color: #fff
}

.dropdown.user .bubble:before {
    position: absolute;
    top: -16px;
    right: 9px;
    bottom: auto;
    left: auto;
    border-bottom-color: #aaa
}

.dropdown.user .bubble .profile {
    position: relative;
    height: 60px;
    border-bottom: 1px solid #e5e5e5;
}

.dropdown.user .bubble .profile .avatar {
    position: absolute;
    top: 10px;
    right: 20px;
    bottom: 10px;
    left: 10px;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.dropdown.user .bubble .profile .avatar .image {
    width: 40px;
    height: 40px;
    background-color: #f8f8f8;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%;
}

.dropdown.user .bubble .profile .avatar .image:after {
    display: block;
    font-family: "icons";
    content: "\e600";
    font-size: 42px;
    line-height: 42px;
    position: absolute;
    top: 4px;
    right: auto;
    bottom: auto;
    left: -1px;
    color: #c0c0c0
}

.dropdown.user .bubble .profile .email {
    position: absolute;
    top: 10px;
    right: auto;
    bottom: auto;
    left: 60px;
    font-size: 12px;
    font-weight: bold;
    width: 170px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden
}

.dropdown.user .bubble .profile .button {
    position: absolute;
    top: 30px;
    right: auto;
    bottom: auto;
    left: 60px
}

.date .bubble:after, .date_range .bubble:after {
    border-bottom-color: #f8f8f8
}

.date .bubble .bubble_controls .prev, .date_range .bubble .bubble_controls .prev, .date .bubble .bubble_controls .next, .date_range .bubble .bubble_controls .next {
    width: 20px;
    height: 20px;
    color: #bbb;
    -webkit-transition: 0.05s all;
    -moz-transition: 0.05s all;
    -o-transition: 0.05s all;
    -ms-transition: 0.05s all;
    transition: 0.05s all;
    cursor: pointer;
}

.date .bubble .bubble_controls .prev:hover, .date_range .bubble .bubble_controls .prev:hover, .date .bubble .bubble_controls .next:hover, .date_range .bubble .bubble_controls .next:hover {
    color: #999
}

.date .bubble .bubble_controls .prev, .date_range .bubble .bubble_controls .prev {
    position: absolute;
    top: 7px;
    right: auto;
    bottom: auto;
    left: 6px;
}

.date .bubble .bubble_controls .prev:before, .date_range .bubble .bubble_controls .prev:before {
    display: block;
    font-family: "icons";
    content: "\e610";
    font-size: 18px;
    line-height: 18px
}

.date .bubble .bubble_controls .next, .date_range .bubble .bubble_controls .next {
    position: absolute;
    top: 7px;
    right: 6px;
    bottom: auto;
    left: auto;
}

.date .bubble .bubble_controls .next:before, .date_range .bubble .bubble_controls .next:before {
    display: block;
    font-family: "icons";
    content: "\e60d";
    font-size: 18px;
    line-height: 18px
}

.date .bubble .bubble_body .month, .date_range .bubble .bubble_body .month {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
}

.date .bubble .bubble_body .month .label, .date_range .bubble .bubble_body .month .label {
    background: #f8f8f8;
    -webkit-border-radius: 1px 1px 0 0;
    border-radius: 1px 1px 0 0;
    border-bottom: 1px solid #dcdcdc;
    border-bottom-color: rgba(0, 0, 0, 0.11);
}

.date .bubble .bubble_body .month .label .name, .date_range .bubble .bubble_body .month .label .name {
    text-align: center;
    font-weight: bold;
    line-height: 15px;
    font-size: 12px;
    padding: 8px 0 7px
}

.date .bubble .bubble_body .month .label .week .day, .date_range .bubble .bubble_body .month .label .week .day {
    font-size: 12px;
    cursor: auto;
    border-bottom: 0 !important;
}

.date .bubble .bubble_body .month .label .week .day:hover, .date_range .bubble .bubble_body .month .label .week .day:hover {
    background: transparent
}

.date .bubble .bubble_body .month .week .day, .date_range .bubble .bubble_body .month .week .day {
    border-bottom: 1px solid #ececec;
    border-color: rgba(0, 0, 0, 0.06);
}

.date .bubble .bubble_body .month .week .day:last-child, .date_range .bubble .bubble_body .month .week .day:last-child {
    width: 32px
}

.date .bubble .bubble_body .month .week:last-child .day, .date_range .bubble .bubble_body .month .week:last-child .day {
    border-bottom: 0 !important
}

.date .bubble .bubble_body .month .day, .date_range .bubble .bubble_body .month .day {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    width: 31px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    color: #999;
    cursor: default;
}

.date .bubble .bubble_body .month .day.clickable, .date_range .bubble .bubble_body .month .day.clickable {
    cursor: pointer;
    color: #374044;
}

.date .bubble .bubble_body .month .day.clickable:hover, .date_range .bubble .bubble_body .month .day.clickable:hover {
    background: #ffe494
}

.date .bubble .bubble_body .month .day.today, .date_range .bubble .bubble_body .month .day.today {
    font-weight: bold
}

.date .bubble .bubble_body .month .day.selected, .date_range .bubble .bubble_body .month .day.selected {
    background: #0079ff;
    color: #fff;
}

.date .bubble .bubble_body .month .day.selected:hover, .date_range .bubble .bubble_body .month .day.selected:hover {
    background: #0079ff
}

.date .bubble .bubble_footer, .date_range .bubble .bubble_footer {
    height: 30px;
    padding: 5px;
    text-align: right;
    background: #f8f8f8;
    -webkit-border-radius: 0 0 1px 1px;
    border-radius: 0 0 1px 1px;
    border-top: 1px solid #dcdcdc;
    border-top-color: rgba(0, 0, 0, 0.11)
}

.dropdown.date .bubble {
    width: 220px;
    position: absolute;
    top: 38px;
    right: auto;
    bottom: auto;
    left: 0
}

.dropdown.date_range .bubble {
    width: 496px;
}

.dropdown.date_range .bubble .bubble_body .month {
    border-right: 1px solid #e6e6e6;
    border-color: rgba(0, 0, 0, 0.08);
}

.dropdown.date_range .bubble .bubble_body .month:last-child {
    border-right: none
}

.dropdown.date_range .bubble .bubble_body .month .label .week .day {
    font-size: 11px
}

.dropdown.date_range .bubble .bubble_body .month .week .day {
    border-bottom: 1px solid #ececec;
    border-color: rgba(0, 0, 0, 0.06)
}

.dropdown.date_range .bubble .bubble_body .month .week:last-child .day {
    border-bottom-color: #dcdcdc;
    border-bottom-color: rgba(0, 0, 0, 0.11)
}

.dropdown.date_range .bubble .bubble_body .month .day {
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 11px;
}

.dropdown.date_range .bubble .bubble_body .month .day.today {
    font-weight: bold;
    background: #ffd147
}

.dropdown.date_range .bubble .bubble_footer .button.cancel {
    display: none;
}

.dropdown.date_range.active .bubble .bubble_footer .button.cancel {
    display: block;
}

@media (max-width: 1024px) {
    .shop_view {
        width: 740px;
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        margin: -195px auto auto -370px;
        margin-top: -200px !important
    }

    .view .view_header .submenu ul li {
        padding: 0 10px
    }
}

@media (max-width: 900px) {
    .page .page_body {
        width: 700px;
        height: 500px;
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        margin: -250px auto auto -350px;
    }

    .page .page_body .promo {
        width: 350px;
    }

    .page .page_body .promo .promo_body h1 {
        width: 200px
    }

    .page .page_body .content {
        width: 350px
    }
}

@media (max-height: 670px) {
    html, body {
        overflow-y: auto !important
    }

    .page {
        height: 670px;
        position: relative
    }
}

body.small.tutorial .app {
    right: 240px
}

body.small.tutorial .tutorial {
    width: 240px
}

body.small .view .view_header .submenu ul li {
    padding: 0 8px
}

body.small .shop_view {
    width: 740px;
    height: 390px;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: -195px auto auto -370px;
    margin-top: -200px !important
}

html.lt-ie9 .app .app_body .view .view_header {
    min-height: 50px
}

html.lt-ie9 .button {
    min-width: 72px;
}

html.lt-ie9 .button.plain {
    min-width: 50px
}

html.lt-ie8 .app .app_header .search_and_user .search .form .field .input {
    height: auto
}

html.lt-ie8 .app .app_body .view .view_header .submenu ul {
    height: 28px
}

html.lt-ie8 .app .app_body .view .view_footer {
    height: 30px
}

html.lt-ie8 .button.plain {
    height: 14px;
    min-width: 50px !important;
    width: auto !important
}

html.lt-ie8 .button.small {
    min-width: 50px !important;
    width: auto !important
}

html.lt-ie8 .input input {
    height: auto;
    width: auto
}

html.lt-ie8 .item.plus .inner {
    width: 130px;
    height: 57px
}

html.lt-ie8 .tutorial .tutorial_body .section .step {
    width: 22px;
    height: 22px
}

html.lt-ie9 .overlay {
    background: #ececec
}

html.lt-ie9 input[type="checkbox"] {
    padding: 0;
    margin: 0 10px 0 0;
    width: auto;
    height: auto
}

html.lt-ie9 .input input {
    padding-top: 9px !important
}

html.lt-ie9 .date_range_picker .date_range_picker_bubble .month {
    border-right: none
}

html.ie .item.sheet .inner .title {
    width: 160px !important
}

html.ie .app_header .logo {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -170px -10px;
    background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .app_header .logo {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .app_header .logo:before {
    content: ""
}

html.ie .app_header .search_and_user .user .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -170px -50px;
    background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .app_header .search_and_user .user .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .app_header .search_and_user .user .icon:before {
    content: ""
}

html.ie .app_header .search_and_user .search .field .input .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -0 -130px;
    background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .app_header .search_and_user .search .field .input .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .app_header .search_and_user .search .field .input .icon:after {
    content: "" !important
}

html.ie .app_header .search_and_user .search .field .input .cancel {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -160px -130px;
    background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .app_header .search_and_user .search .field .input .cancel {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .app_header .search_and_user .search .field .input .cancel:hover {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -180px -130px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .app_header .search_and_user .search .field .input .cancel:hover {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .app_header .search_and_user .search .field .input .cancel:before {
    content: "" !important
}

html.ie .app_header .search_and_user .search .field.focus .input .icon, html.ie .app_header .search_and_user .search .field.filled .input .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -0 -150px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .app_header .search_and_user .search .field.focus .input .icon, html.ie .app_header .search_and_user .search .field.filled .input .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .app_header .search_and_user .bubble .profile .avatar .image {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -170px -80px;
    background-repeat: no-repeat;
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-size: auto;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .app_header .search_and_user .bubble .profile .avatar .image {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .app_header .search_and_user .bubble .profile .avatar .image:after {
    content: "" !important
}

html.ie .app_body .shop_view .parcel_type_category .icon:before {
    content: "" !important
}

html.ie .app_body .shop_view .parcel_type_category.letter .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -0 -310px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .app_body .shop_view .parcel_type_category.letter .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .app_body .shop_view .parcel_type_category.package .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -100px -310px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .app_body .shop_view .parcel_type_category.package .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .app_body .shop_view .parcel_type_category.express .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -200px -310px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .app_body .shop_view .parcel_type_category.express .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .button.new {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -476px -0;
    background-repeat: no-repeat;
    background-position: -476px 8px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .button.new {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .button.new:before {
    content: "" !important
}

html.ie .button.address_labels, html.ie .button.reply_labels, html.ie .button.list_of_parcels, html.ie .button.report {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -478px -93px;
    background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .button.address_labels, html.ie .button.reply_labels, html.ie .button.list_of_parcels, html.ie .button.report {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .button.address_labels:before, html.ie .button.reply_labels:before, html.ie .button.list_of_parcels:before, html.ie .button.report:before {
    content: "" !important
}

html.ie .button.order_courier {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -468px -193px;
    background-repeat: no-repeat;
    padding-left: 40px;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .button.order_courier {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .button.order_courier:before {
    content: "" !important
}

html.ie .item.plus .inner .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -484px -40px;
    background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .item.plus .inner .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .item.plus .inner .icon:before {
    content: "" !important
}

html.ie .item.plus:hover .inner .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -484px -60px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .item.plus:hover .inner .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .item.sheet .icon:after {
    content: "" !important
}

html.ie .item.sheet.letter .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -0 -373px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .item.sheet.letter .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .item.sheet.package .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -50px -372px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .item.sheet.package .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .item.sheet.express .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -100px -371px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .item.sheet.express .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .field .checkbox .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -60px -170px;
    background-repeat: no-repeat
}

html.ie .field .checkbox .icon:before {
    content: "" !important
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .field .checkbox .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .field.checked .checkbox .icon {
    background-position: -90px -170px !important
}

html.ie .field.checked .checkbox .icon:before {
    content: "" !important
}

html.ie .field .select .arrow .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -120px -170px;
    background-repeat: no-repeat;
    top: 15px
}

html.ie .field .select .arrow .icon:before {
    content: "" !important
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .field .select .arrow .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .select .arrow .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -120px -170px;
    background-repeat: no-repeat;
    top: 15px
}

html.ie .select .arrow .icon:before {
    content: "" !important
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .select .arrow .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .dropdown .dropdown_button .arrow .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -120px -170px;
    background-repeat: no-repeat;
    top: 12px
}

html.ie .dropdown .dropdown_button .arrow .icon:before {
    content: "" !important
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .dropdown .dropdown_button .arrow .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .dropdown .dropdown_heading .arrow .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -120px -170px;
    background-repeat: no-repeat;
    top: 6px
}

html.ie .dropdown .dropdown_heading .arrow .icon:before {
    content: "" !important
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .dropdown .dropdown_heading .arrow .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .field .dropdown .arrow .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -120px -170px;
    background-repeat: no-repeat;
    top: 15px
}

html.ie .field .dropdown .arrow .icon:before {
    content: "" !important
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .field .dropdown .arrow .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .message.notice .close {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -200px -130px;
    background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .message.notice .close {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .message.notice .close:hover {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -220px -130px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .message.notice .close:hover {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .message.notice .close:before {
    content: "" !important
}

html.ie .date_range .bubble .close .icon, html.ie .date .bubble .close .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -160px -130px;
    background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .date_range .bubble .close .icon, html.ie .date .bubble .close .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .date_range .bubble .close .icon:hover, html.ie .date .bubble .close .icon:hover {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -180px -130px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .date_range .bubble .close .icon:hover, html.ie .date .bubble .close .icon:hover {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .date_range .bubble .close .icon:before, html.ie .date .bubble .close .icon:before {
    content: "" !important
}

html.ie .date_range .bubble_controls .prev, html.ie .date .bubble_controls .prev, html.ie .date_range .bubble_controls .next, html.ie .date .bubble_controls .next {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
}

html.ie .date_range .bubble_controls .prev:before, html.ie .date .bubble_controls .prev:before, html.ie .date_range .bubble_controls .next:before, html.ie .date .bubble_controls .next:before {
    content: "" !important
}

html.ie .date_range .bubble_controls .prev, html.ie .date .bubble_controls .prev {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -160px -150px;
    background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .date_range .bubble_controls .prev, html.ie .date .bubble_controls .prev {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .date_range .bubble_controls .prev:hover, html.ie .date .bubble_controls .prev:hover {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -180px -150px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .date_range .bubble_controls .prev:hover, html.ie .date .bubble_controls .prev:hover {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .date_range .bubble_controls .next, html.ie .date .bubble_controls .next {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -200px -150px;
    background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .date_range .bubble_controls .next, html.ie .date .bubble_controls .next {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .date_range .bubble_controls .next:hover, html.ie .date .bubble_controls .next:hover {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -220px -150px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .date_range .bubble_controls .next:hover, html.ie .date .bubble_controls .next:hover {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .controls .control .icon:after {
    content: "" !important
}

html.ie .controls .control:active .icon {
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20)
}

html.ie .controls .control.disabled {
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20)
}

html.ie .controls .control.left .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -10px -10px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .controls .control.left .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .controls .control.left:hover .icon, html.ie .controls .control.left.hover .icon {
    background-position: -10px -50px
}

html.ie .controls .control.left:active .icon, html.ie .controls .control.left.active .icon {
    background-position: -10px -90px
}

html.ie .controls .control.right .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -50px -10px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .controls .control.right .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .controls .control.right:hover .icon, html.ie .controls .control.right.hover .icon {
    background-position: -50px -50px
}

html.ie .controls .control.right:active .icon {
    background-position: -50px -90px
}

html.ie .controls .control.plus .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -130px -10px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .controls .control.plus .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .controls .control.plus:hover .icon, html.ie .controls .control.plus.hover .icon {
    background-position: -130px -50px
}

html.ie .controls .control.plus:active .icon, html.ie .controls .control.plus.active .icon {
    background-position: -130px -90px
}

html.ie .controls .control.close .icon {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -90px -10px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .controls .control.close .icon {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .controls .control.close:hover .icon, html.ie .controls .control.close.hover .icon {
    background-position: -90px -50px
}

html.ie .controls .control.close:active .icon, html.ie .controls .control.close.active .icon {
    background-position: -90px -90px
}

html.ie .tutorial .tutorial_header .tutorial_close {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -100px -130px;
    background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .tutorial .tutorial_header .tutorial_close {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .tutorial .tutorial_header .tutorial_close:after {
    content: "" !important
}

html.ie .tutorial .tutorial_header .tutorial_close:hover {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -130px -130px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .tutorial .tutorial_header .tutorial_close:hover {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .tutorial .tutorial_body .section .step {
    border: none !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    padding: 2px;
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -40px -130px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .tutorial .tutorial_body .section .step {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .tutorial.new_sheet_choose_parcel_type .new_sheet_choose_parcel_type.section .step, html.ie .tutorial.new_sheet_edit .new_sheet_edit.section .step, html.ie .tutorial.outbox_sheet_detail_unsubmitted .outbox_sheet_detail_unsubmitted.section .step, html.ie body.new_sheet_choose_parcel_type div.tutorial .new_sheet_choose_parcel_type.section .step, html.ie body.new_sheet_edit div.tutorial .new_sheet_edit.section .step, html.ie body.outbox_sheet_detail_unsubmitted div.tutorial .outbox_sheet_detail_unsubmitted.section .step {
    background-color: transparent;
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -70px -130px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .tutorial.new_sheet_choose_parcel_type .new_sheet_choose_parcel_type.section .step, html.ie .tutorial.new_sheet_edit .new_sheet_edit.section .step, html.ie .tutorial.outbox_sheet_detail_unsubmitted .outbox_sheet_detail_unsubmitted.section .step, html.ie body.new_sheet_choose_parcel_type div.tutorial .new_sheet_choose_parcel_type.section .step, html.ie body.new_sheet_edit div.tutorial .new_sheet_edit.section .step, html.ie body.outbox_sheet_detail_unsubmitted div.tutorial .outbox_sheet_detail_unsubmitted.section .step {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .news .news_header .news_close {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -100px -130px;
    background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .news .news_header .news_close {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

html.ie .news .news_header .news_close:after {
    content: "" !important
}

html.ie .news .news_header .news_close:hover {
    background-image: url("../img/sprite.png?v3&h=1MBNUVLO18L38EGQ");
    background-position: -130px -130px;
    background-repeat: no-repeat
}

@media all and (-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 1.5/1),(min-device-pixel-ratio: 1.5),(min-resolution: 138dpi),(min-resolution: 1.5dppx) {
    html.ie .news .news_header .news_close:hover {
        background-image: url("../img/sprite@2x.png?v3&h=29275MB9PQ67YTOB");
        -webkit-background-size: 500px 500px;
        -moz-background-size: 500px 500px;
        background-size: 500px 500px
    }
}

@-moz-keyframes pulse {
    0% {
        border-color: #cecece;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    40% {
        border-color: #4f9bf8;
        -webkit-box-shadow: 0 0 4px #4f9bf8;
        box-shadow: 0 0 4px #4f9bf8
    }
    60% {
        border-color: #4f9bf8;
        -webkit-box-shadow: 0 0 4px #4f9bf8;
        box-shadow: 0 0 4px #4f9bf8
    }
    100% {
        border-color: #cecece;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@-webkit-keyframes pulse {
    0% {
        border-color: #cecece;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    40% {
        border-color: #4f9bf8;
        -webkit-box-shadow: 0 0 4px #4f9bf8;
        box-shadow: 0 0 4px #4f9bf8
    }
    60% {
        border-color: #4f9bf8;
        -webkit-box-shadow: 0 0 4px #4f9bf8;
        box-shadow: 0 0 4px #4f9bf8
    }
    100% {
        border-color: #cecece;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@-o-keyframes pulse {
    0% {
        border-color: #cecece;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    40% {
        border-color: #4f9bf8;
        -webkit-box-shadow: 0 0 4px #4f9bf8;
        box-shadow: 0 0 4px #4f9bf8
    }
    60% {
        border-color: #4f9bf8;
        -webkit-box-shadow: 0 0 4px #4f9bf8;
        box-shadow: 0 0 4px #4f9bf8
    }
    100% {
        border-color: #cecece;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@keyframes pulse {
    0% {
        border-color: #cecece;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    40% {
        border-color: #4f9bf8;
        -webkit-box-shadow: 0 0 4px #4f9bf8;
        box-shadow: 0 0 4px #4f9bf8
    }
    60% {
        border-color: #4f9bf8;
        -webkit-box-shadow: 0 0 4px #4f9bf8;
        box-shadow: 0 0 4px #4f9bf8
    }
    100% {
        border-color: #cecece;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.button._hidden, ._hidden {
    display: none;
}

.modal .modal_view.loading, .app .app_body .view .view_body.loading {
    background-image: url("../img/spinner.gif?h=4P6K0CJHYAALU0CR");
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.form .notif {
    display: inline-block;
    zoom: 1;
    *display: inline;
    color: #0c0;
    margin-left: 10px
}

.account_number {
    height: 70px a;
}

.account_number .error {
    margin-top: 0;
    margin-bottom: 0
}

.account_number .msg {
    margin-top: -2px;
    float: left;
    padding: 0;
    width: 100px
}

.autocomplete {
    width: 260px;
    color: #374044;
    top: 100%;
    margin-top: -1px;
}

.autocomplete .results {
    overflow-y: auto;
    max-height: 160px
}

.autocomplete .result {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.autocomplete .result:hover {
    background: none
}

.autocomplete .result.active {
    background: #f8f8f8;
    background: rgba(0, 0, 0, 0.04)
}

.modal.modal_item_view .modal_body .detail .map {
    background: none;
}

.modal.modal_item_view .modal_body .detail .map.unavailable div {
    position: absolute;
    top: 150px;
    right: 0;
    bottom: auto;
    left: 0;
    color: #aaa;
    text-align: center
}

.form .weight .msg.error {
    float: left;
    width: 150px
}

.form .weight .hint {
    clear: both
}

.form .field .checkbox label span .title_hint {
    display: none;
}

.form .field .checkbox .checkbox_note {
    font-size: 11px;
    line-height: 15px;
    color: #999;
    padding-top: 4px
}

.form .field.column-help .msg, .form .field.column-info .msg {
    margin-left: 20px
}

.form .field.column-info {
    width: 50%
}

.show-hint .form .field .checkbox label span .title_hint {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.sheet_edit_view .detail .message {
    padding-left: 0
}

.dropdown .dropdown_heading .arrow .icon {
    right: 2px
}

.detail .dropdown .bubble {
    right: 5px
}

.modal.modal_item_view .modal_body .detail {
    background: white
}

.dialog .dialog_processing {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.tutorial .tutorial .tutorial_header .tutorial_heading {
    color: #777 !important
}

.modal.modal_item_view .modal_body .timeline .noevents {
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    color: #aaa;
}

.modal.modal_item_view .modal_body .timeline .noevents div {
    height: 16px;
    line-height: 16px;
    margin: -8px auto 0 auto;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: 0
}

.unsupported-browser {
    background: #f3f3f3;
}

.unsupported-browser .message {
    padding: 0;
    position: absolute;
    top: 43%;
    right: 0;
    bottom: auto;
    left: 0;
    text-align: center;
    font-weight: lighter;
    font-size: 24px;
    line-height: 32px;
    color: #333
}

.modal.modal_item_view .modal_body .detail .branch_view .branch_hours .hours {
    font-size: 12px
}

.modal.switch_user_modal .modal_view {
    width: 400px;
    height: 200px;
    margin: -100px auto auto -200px
}

.modal.switch_user_modal .form {
    padding: 20px
}

.modal.modal_sheet_address_labels_download .import_view, .modal.modal_sheet_address_labels_generating .import_view, .modal.modal_sheet_address_labels_generate .modal_processing {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: white;
}

.modal.modal_sheet_address_labels_download .import_view .icon, .modal.modal_sheet_address_labels_generating .import_view .icon, .modal.modal_sheet_address_labels_generate .modal_processing .icon {
    background-image: url("../img/sprite.png?v2&h=1MBNUVLO18L38EGQ");
    background-position: 0 -230px;
    background-repeat: no-repeat;
    height: 72px;
    width: 56px;
    margin: 80px auto 0 auto;
    position: relative
}

.modal.modal_sheet_address_labels_download .import_view .spinner, .modal.modal_sheet_address_labels_generating .import_view .spinner, .modal.modal_sheet_address_labels_generate .modal_processing .spinner {
    background: url("../img/spinner.gif?h=4P6K0CJHYAALU0CR") no-repeat center center;
    position: absolute;
    top: 24px;
    right: auto;
    bottom: auto;
    left: 13px;
    height: 32px;
    width: 32px
}

.modal.modal_sheet_address_labels_download .import_view .icon {
    margin-bottom: 10px
}

.dropdown .bubble .row.sel {
    font-weight: bold
}

.outbox_view .dropdown.sender .bubble {
    width: 300px;
}

.outbox_view .dropdown.sender .bubble .rows {
    max-height: 500px;
    overflow-y: scroll
}

.sheet_edit_view .detail .bubble .rows {
    max-height: 400px;
    overflow-y: scroll
}

.app_header .bubble .rows .row {
    padding: 0;
}

.app_header .bubble .rows .row a {
    display: block;
    padding: 5px 14px
}

.modal.modal_sheet_address_labels_generate .modal_body .modal_content .info {
    color: #374044
}

.modal_content .form .group.collapsable .fieldset .fields {
    position: relative
}

.modal_content .form .add_payingin {
    position: absolute;
    top: -26px;
    right: 5px;
}

.modal_content .form .add_payingin.active {
    background: #f0f0f0
}

.address_format {
    position: absolute;
    top: 9px;
    left: 0;
    width: 279px;
}

.address_format .field {
    position: absolute;
    top: 0;
    right: 0;
}

.address_format .field .tab_control {
    height: 20px;
}

.address_format .field .tab_control li {
    height: 18px;
    line-height: 18px
}

.column-city .autocomplete {
    left: -70px
}

input::-ms-clear {
    display: none;
}

.item.warning .inner {
    background: #ffd
}

.item.error .inner {
    background: #fad9d6
}

.address_format .field .tab_control .active {
    background: #feeb8a
}

.modal .modal_view .modal_extra {
    padding: 10px 20px;
    font-size: 11px
}

.modal_sidebar.recipient .address_hint {
    position: absolute;
    top: 11px;
    left: 260px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.modal_sidebar.recipient .address_hint .icon {
    margin: 2px
}

.modal_sidebar.recipient .address_hint .bubble {
    cursor: default;
    top: 27px;
    right: -2px;
    left: auto;
    width: 270px;
    min-height: 25px;
}

.modal_sidebar.recipient .address_hint .bubble:before {
    left: 249px
}

.modal_sidebar.recipient .address_hint .bubble:after {
    left: 250px
}

.modal_sidebar.recipient .address_hint .bubble iframe {
    border: none;
    padding: 0;
    margin: 0;
    width: 100%
}

.client.styl .parcel_type_category .parcel_subtype, .shop_view .parcel_type_category .parcel_subtype {
    display: none;
}

.client.styl .parcel_type_category .parcel_subtype a, .shop_view .parcel_type_category .parcel_subtype a {
    display: block;
    font-size: 14px
}

.app_header .version {
    color: #f00;
    font-size: 20px
}

.settings_view .col-1, .settings_view .col-1 .checkbox label {
    width: 400px
}

.settings_view .col-1 .checkbox label span {
    width: 320px
}

.modal_pair_customer_form .form .field .textarea {
    height: 150px;
}

.modal_pair_customer_form .form .field .textarea textarea {
    resize: none
}

.modal_pair_customer_form .pair_customer_info {
    padding: 20px;
}

.modal_pair_customer_form .pair_customer_info p {
    padding-bottom: .5em
}

.modal_pair_customer_form .pair_customer_info ul {
    list-style-type: disc;
    margin-left: 20px;
    margin-top: -.5em;
    padding-bottom: .5em
}

.form .field .title {
    font-size: 12px;
    margin-bottom: 1px;
    margin-left: 1px
}

.form .field + .field .title {
    margin-top: 5px;
}

.modal.modal_item_new .has_custom {
    margin: 10px 0 -25px 0
}

.modal .modal_view .modal_header .nav {
    display: none;
    margin: -5px 0 0 20px;
}

.modal .modal_view .modal_header .nav a {
    margin-right: 15px;
}

.modal .modal_view .modal_header .nav a.active {
    color: #374044
}

.modal .modal_view.with_nav {
    height: 523px;
    margin-top: -261px;
}

.modal .modal_view.with_nav .modal_header {
    height: 83px;
}

.modal .modal_view.with_nav .modal_header .nav {
    display: block;
}

.modal .modal_view.with_nav .modal_body {
    top: 83px
}

.modal .modal_view .modal_body .modal_customs {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 19px 15px 19px;
    overflow-y: auto;
}

.modal .modal_view .modal_body .modal_customs .group {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 15px;
    padding-bottom: 10px
}

.modal .modal_view .modal_body .modal_customs .notes_col {
    width: 445px
}

.modal .modal_view .modal_body .modal_customs .content_note {
    font-size: 12px;
    color: #999;
    margin-bottom: 10px
}

.modal .modal_view .modal_body .modal_customs .content_items .head {
    font-size: 12px;
}

.modal .modal_view .modal_body .modal_customs .content_items .head .column {
    margin-bottom: 1px;
    margin-left: 1px;
    margin-right: 4px;
}

.modal .modal_view .modal_body .modal_customs .content_items .head .column:last-child {
    margin-right: 0
}

.modal .modal_view .modal_body .modal_customs .content_items .column {
    margin-right: 5px;
}

.modal .modal_view .modal_body .modal_customs .content_items .column:last-child {
    margin-right: 0
}

.modal .modal_view .modal_body .modal_customs .content_items .desc_col {
    width: 250px
}

.modal .modal_view .modal_body .modal_customs .content_items .quantity_col {
    width: 75px
}

.modal .modal_view .modal_body .modal_customs .content_items .weight_col {
    width: 75px
}

.modal .modal_view .modal_body .modal_customs .content_items .value_col {
    width: 75px
}

.modal .modal_view .modal_body .modal_customs .content_items .tariff_col {
    width: 85px
}

.modal .modal_view .modal_body .modal_customs .content_items .country_col {
    width: 150px
}

.news .banner img {
    width: 100%
}

.modal_content .form .group.services_hint {
    margin-top: 15px;
    margin-bottom: -5px
}

.modal_customs .autocomplete {
    width: 735px
}

.api_params {
    margin-bottom: 10px;
}

.api_params li {
    display: flex;
}

.api_params .key {
    width: 50px
}

.tutorial .app {
    position: absolute;
    top: 0;
    right: 300px;
    bottom: 0;
    left: 0
}

.tutorial .tutorial {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 300px;
    background: #ececec;
    border-left: 1px solid #d5d5d5;
}

.tutorial .tutorial .tutorial_header {
    height: 50px;
    margin: 0 15px;
    border-bottom: 1px solid #dadada;
}

.tutorial .tutorial .tutorial_header .tutorial_heading {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    padding-top: 10px;
    text-transform: none;
    color: #999;
    cursor: default
}

.tutorial .tutorial .tutorial_header .tutorial_close {
    position: absolute;
    top: 13px;
    right: 15px;
    bottom: auto;
    left: auto;
    width: 24px;
    height: 24px;
    cursor: pointer;
    color: #aaa;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tutorial .tutorial .tutorial_header .tutorial_close:after {
    display: block;
    font-family: "icons";
    content: "\e60a";
    font-size: 24px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased
}

.tutorial .tutorial .tutorial_header .tutorial_close:hover {
    color: #777
}

.tutorial .tutorial .tutorial_header .tutorial_close:active {
    color: #bbb;
}

.tutorial .tutorial .tutorial_header .tutorial_close:active:after {
    display: block;
    font-family: "icons";
    content: "\e60b";
    font-size: 24px;
    line-height: 24px
}

.tutorial .tutorial .tutorial_body {
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 15px;
    overflow-y: auto;
    font-size: 12px;
    cursor: default;
}

.tutorial .tutorial .tutorial_body .section {
    display: none;
    padding: 0 20px 20px 15px;
}

.tutorial .tutorial .tutorial_body .section .step {
    float: left;
    width: 24px;
    height: 24px;
    border: 2px solid #374044;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    text-align: center;
    line-height: 20px;
    font-weight: bold;
    font-size: 14px
}

.tutorial .tutorial .tutorial_body .section .title {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 15px;
    font-weight: normal;
    color: #374044
}

.tutorial .tutorial .tutorial_body .section .text p {
    color: #676767;
    line-height: 16px;
    padding-bottom: 15px;
}

.tutorial .tutorial .tutorial_body .section .text p a {
    color: #676767;
    text-decoration: underline;
    cursor: pointer;
}

.tutorial .tutorial .tutorial_body .section .text p a:hover {
    color: #414141;
    text-decoration: underline
}

.tutorial .tutorial .tutorial_body .steps .section {
    padding-bottom: 5px
}

.tutorial .tutorial .tutorial_body .steps .title, .tutorial .tutorial .tutorial_body .steps .text {
    padding-left: 36px
}

.tutorial .tutorial .tutorial_body .steps .title {
    padding-top: 3px
}

.tutorial .tutorial .tutorial_footer {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    height: 50px;
    padding: 10px;
    text-align: center
}

@media (max-width: 1024px) {
    .tutorial .app {
        right: 240px
    }

    .tutorial .tutorial {
        width: 240px
    }
}

.tutorial_item_active, .tutorial.new_sheet_choose_parcel_type .new_sheet_choose_parcel_type.section .step, .tutorial.new_sheet_edit .new_sheet_edit.section .step, .tutorial.outbox_sheet_detail_unsubmitted .outbox_sheet_detail_unsubmitted.section .step {
    background: #374044;
    color: #fff
}

.tutorial.new_sheet_choose_parcel_type .new_sheet_choose_parcel_type.section {
    display: block;
}

.tutorial.new_sheet_choose_parcel_type .new_sheet_edit.section, .tutorial.new_sheet_choose_parcel_type .outbox_sheet_detail_unsubmitted.section, .tutorial.new_sheet_choose_parcel_type .new_sheet.section {
    display: block;
}

.tutorial.new_sheet_choose_parcel_type .new_sheet_edit.section .step, .tutorial.new_sheet_choose_parcel_type .outbox_sheet_detail_unsubmitted.section .step, .tutorial.new_sheet_choose_parcel_type .new_sheet.section .step, .tutorial.new_sheet_choose_parcel_type .new_sheet_edit.section .title, .tutorial.new_sheet_choose_parcel_type .outbox_sheet_detail_unsubmitted.section .title, .tutorial.new_sheet_choose_parcel_type .new_sheet.section .title {
    color: #999
}

.tutorial.new_sheet_choose_parcel_type .new_sheet_edit.section .step, .tutorial.new_sheet_choose_parcel_type .outbox_sheet_detail_unsubmitted.section .step, .tutorial.new_sheet_choose_parcel_type .new_sheet.section .step {
    border-color: #999
}

.tutorial.new_sheet_choose_parcel_type .new_sheet_edit.section .text, .tutorial.new_sheet_choose_parcel_type .outbox_sheet_detail_unsubmitted.section .text, .tutorial.new_sheet_choose_parcel_type .new_sheet.section .text {
    display: none;
}

.tutorial.new_sheet_edit .new_sheet_edit.section {
    display: block;
}

.tutorial.new_sheet_edit .new_sheet_choose_parcel_type.section, .tutorial.new_sheet_edit .outbox_sheet_detail_unsubmitted.section, .tutorial.new_sheet_edit .new_sheet.section {
    display: block;
}

.tutorial.new_sheet_edit .new_sheet_choose_parcel_type.section .step, .tutorial.new_sheet_edit .outbox_sheet_detail_unsubmitted.section .step, .tutorial.new_sheet_edit .new_sheet.section .step, .tutorial.new_sheet_edit .new_sheet_choose_parcel_type.section .title, .tutorial.new_sheet_edit .outbox_sheet_detail_unsubmitted.section .title, .tutorial.new_sheet_edit .new_sheet.section .title {
    color: #999
}

.tutorial.new_sheet_edit .new_sheet_choose_parcel_type.section .step, .tutorial.new_sheet_edit .outbox_sheet_detail_unsubmitted.section .step, .tutorial.new_sheet_edit .new_sheet.section .step {
    border-color: #999
}

.tutorial.new_sheet_edit .new_sheet_choose_parcel_type.section .text, .tutorial.new_sheet_edit .outbox_sheet_detail_unsubmitted.section .text, .tutorial.new_sheet_edit .new_sheet.section .text {
    display: none;
}

.tutorial.outbox_sheet_detail_unsubmitted .outbox_sheet_detail_unsubmitted.section {
    display: block;
}

.tutorial.outbox_sheet_detail_unsubmitted .new_sheet_choose_parcel_type.section, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet_edit.section, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet.section {
    display: block;
}

.tutorial.outbox_sheet_detail_unsubmitted .new_sheet_choose_parcel_type.section .step, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet_edit.section .step, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet.section .step, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet_choose_parcel_type.section .title, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet_edit.section .title, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet.section .title {
    color: #999
}

.tutorial.outbox_sheet_detail_unsubmitted .new_sheet_choose_parcel_type.section .step, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet_edit.section .step, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet.section .step {
    border-color: #999
}

.tutorial.outbox_sheet_detail_unsubmitted .new_sheet_choose_parcel_type.section .text, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet_edit.section .text, .tutorial.outbox_sheet_detail_unsubmitted .new_sheet.section .text {
    display: none;
}

.tutorial.outbox_sheet_detail_unsubmitted.no_labels .outbox_sheet_detail_unsubmitted.section .opt_labels {
    display: none;
}

.tutorial.outbox_parcels .outbox_parcels.section, .tutorial.outbox_sheets .outbox_parcels.section {
    display: block;
}

.tutorial.outbox_sheet_detail_submitted .outbox_sheet_detail_submitted.section {
    display: block;
}

.tutorial.drafts .drafts.section {
    display: block;
}

.tutorial.contacts .contacts.section {
    display: block;
}

.tutorial.settings .settings.section {
    display: block;
}
.modal_premium .modal_view {
    height: 700px;
    margin: -300px auto auto -400px;
    padding: 30px;
    overflow: hidden
}

.modal_premium .premium-promo .header-hero {
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
}

.modal_premium .premium-promo .header-hero .text-view {
    max-width: 55%
}

.modal_premium .premium-promo .content-view {
    width: 100%;
    height: 500px;
    overflow: auto
}

.modal_premium .premium-promo .plans-header {
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    padding: 25px 0;
}

.modal_premium .premium-promo .plans-header .column {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 355px;
    -ms-flex: 0 0 355px;
    flex: 0 0 355px;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
}

.modal_premium .premium-promo .plans-header .column .text-view {
    margin-bottom: 20px
}

.modal_premium .premium-promo .plans-header .column .button-view {
    margin-top: auto
}

.modal_premium .premium-promo .plans-desc {
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 15px;
}

.modal_premium .premium-promo .plans-desc .column {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 355px;
    -ms-flex: 0 0 355px;
    flex: 0 0 355px;
}

.modal_premium .premium-promo .plans-desc .column .text-view {
    max-width: 345px
}

.modal_premium .premium-promo .plans-features {
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
}

.modal_premium .premium-promo .plans-features .column {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 355px;
    -ms-flex: 0 0 355px;
    flex: 0 0 355px
}

.modal_premium .premium-promo .plans-features .feature-item {
    display: flex;
    margin-bottom: 15px;
    max-width: 280px;
}

.modal_premium .premium-promo .plans-features .feature-item .check {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 14px;
    -ms-flex: 0 0 14px;
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
    margin-top: 4px;
    margin-right: 12px;
    background-image: url("../img/check.svg?h=3FFLT629NFLBCZ9");
    background-repeat: no-repeat
}

.modal_premium .premium-promo .plans-features .feature-item .fail {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 14px;
    -ms-flex: 0 0 14px;
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
    margin-top: 4px;
    margin-right: 12px;
    background-image: url("../img/fail.svg?h=3FFLT629NFLBCZ9");
    background-repeat: no-repeat
}

.modal_premium .premium-promo .plans-faq .header {
    padding: 25px 0
}

.modal_premium .premium-promo .plans-faq .faq-item {
    max-width: 570px;
    margin-bottom: 20px
}

.modal_premium .premium-promo .t-title-1 {
    font-weight: bold;
    font-size: 32px;
    line-height: 1.45
}

.modal_premium .premium-promo .t-title-2 {
    font-weight: bold;
    font-size: 20px;
    line-height: 1.45
}

.modal_premium .premium-promo .t-title-3 {
    font-size: 20px;
    line-height: 1.45
}

.modal_premium .premium-promo .t-body {
    font-size: 16px;
    line-height: 1.45
}

.modal_premium .premium-promo .t-body-small {
    font-size: 14px;
    line-height: 1.45
}

.modal_premium .premium-promo .t-title-1+.t-body {
    margin-top: .5em
}

.modal_premium .premium-promo .tc-grey1 {
    color: #828282
}

.modal_premium .premium-promo .action-button {
    display: inline-block;
    zoom:1;*display: inline;
    padding: 7px 24px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    margin-right: 10px;
}

.modal_premium .premium-promo .action-button.done {
    background-color: #006de6;
    color: white;
    border-color: #006de6
}

.modal_premium .premium-promo .action-button.disabled {
    color: #828282;
    border-color: #bdbdbd;
    color: #27ae60;
    border-color: #27ae60;
    cursor: default
}

.modal_premium .premium-promo .action-button.cancel {
    color: inherit
}

.modal_premium .premium-order .modal_body .modal_content {
    padding: 0 19px;
}

.modal_premium .premium-order .modal_body .modal_content .form {
    margin-top: 38px;
    width: 270px
}

.modal_premium .premium-order .modal_body .group {
    margin-top: 15px
}

.modal_premium .premium-order .modal_body .empty {
    height: 15px
}

.modal_premium .premium-order .modal_body .fieldset {
    margin-bottom: 15px;
}

.modal_premium .premium-order .modal_body .fieldset .checkbox {
    margin-bottom: 8px
}

.form .image-box {
    width: 108px;
    height: 108px;
    position: relative;
    float: left;
    cursor: pointer;
    border: 1px solid #ccc;
    background-color: white;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.right-gap .image-box {
    margin-right: 6px;
    margin-bottom: 6px;
}

.image-box.empty::after, .image-box.busy::after {
    content: '';
    background-position: 50% 50%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}

.image-box.empty::after {
    background-image: url("../img/image-placeholder.svg?h=28HTMQGYST5YRUMR");
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30)
}

.image-box.busy {
    background-image: none !important;
}

.image-box.busy::after {
    background-image: url("../img/spinner.gif?h=4P6K0CJHYAALU0CR") !important
}

.image-box .remove {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    background: url("../img/remove.svg?h=1AUU8Z3XFFVTVXZN") 50% 50% no-repeat white;
    background-size: cover;
    display: none;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    border: 1px solid black;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.image-box .image-number {
    position: absolute;
    bottom: 8px;
    right: 5px;
    background: rgba(62, 71, 75, 0.80);
    color: #fff;
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 5px;
}

.image-box:hover .remove {
    display: block;
}

.image-box:hover .remove:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none
}

.sheet_edit_view .image-box,.sheet_detail_view .image-box {
    border: 5px solid white;
    margin: 15px 0
}