#preview-file {
    padding: 40px 24px 24px 24px;
}

#preview-book {
    overflow: hidden;
}

#preview-book .page {
    background-color: #fff;
}

/* button  */
.preview-viewport .next-button,
.preview-viewport .previous-button {
    width: 22px;
    height: 600px;
    position: absolute;
    top: 40px; /*0;*/
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 100000;
    cursor: pointer;
}

.preview-viewport .next-button:hover,
.preview-viewport .previous-button:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

.preview-viewport .next-button {
    right: 3px; /*-22px;*/
    -webkit-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    -ms-border-radius: 0 15px 15px 0;
    -o-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
   
    background-image: url('/themes/printto2018/img/arrows.png');
    background-position: -38px 284px;
    background-repeat: no-repeat;
}

.preview-viewport .previous-button{
    left: 2px; /*-22px; */
    -webkit-border-radius: 15px 0 0 15px;
    -moz-border-radius: 15px 0 0 15px;
    -ms-border-radius: 15px 0 0 15px;
    -o-border-radius: 15px 0 0 15px;
    border-radius: 15px 0 0 15px;
   
    background-image: url('/themes/printto2018/img/arrows.png');
    background-position: -4px 284px;
    background-repeat: no-repeat;
}

/* -------------------------------------------------------------------------- */

.paginator {
    text-align: center;
}

.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #f89d4d;
    border-color: #f8a34b;
}

.pagination > li > a, .pagination > li > span {
    color: #f89d4d;
}

.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #f89d4d;
    border-color: #f89d4d;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > a, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > a:focus {
    color: #787878;
}
/* -------- */

/*.fa-shopping-cart {*/
    /*color: #6b6b6b;*/
/*}*/

.shipping_address,
.display-delivery {
    display: none;
}

.dashboard-nav {
    min-height: 130px;
}

.dashboard-nav .logo {
    display: inline-block;
    vertical-align: top;
    margin: 16px 0px 0px 12px;
}


.dashboard-nav nav {
    display: inline-block;
    margin: 55px 0px 0px 0px;
    vertical-align: top;
    width: 410px;
}

.dashboard-nav nav ul {
    list-style: none;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    font-weight: 500;
}

.dashboard-nav nav > ul > li {
    display: inline-block;
    text-transform: uppercase;
    margin: 0px 0px 0px 35px;
}

.dashboard-nav nav ul li a {
    text-decoration: none;
}

.dashboard-nav .options,
.dashboard-nav .options li {
    display: inline-block;
    vertical-align: top;
    list-style: none;
    padding: 0px;
}

.dashboard-nav .options {
    margin: 57px 0px 0px 18px;
}

.dashboard-nav .options li {
    margin: 0px 0px 0px 22px;
}

.dropdown-menu {
    padding: 5px;
    min-width: 210px;
}
.dropdown-menu > li > a > i.fa {
    margin-top: 3px;
}

.dropdown-menu > li {
    /*padding: 0 10px;*/
    width: 100%;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.dropdown-menu > li > a {
    padding: 3px 10px;
    text-decoration: none;
}

.dropdown-menu > li > a:hover {
    background: none;
    color: #f89d4d;
}
.navbar-default .navbar-nav > li > a {
    color: #777;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 30px;
    padding: 15px 12px;
}
/*
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus
{
    color: #fff;
    background-color: #fbc341;
}
*/
.navbar-default .navbar-nav > .active > a[href$="/cart"],
.navbar-default .navbar-nav > .active > a[href$="/shop/checkout"]
{
    color: #777;
    background-color: initial;
}

.navbar-default {
    /*background-color: transparent;*/
    min-height: 60px;
    border: none;
    margin-top: 20px;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand
{
    margin: 0;
    padding: 0;
}
.navbar-brand > img {
    margin: -15px 0 0 auto;
}

.navbar-default .navbar-nav > .modal-pdf-btn.active {
    margin-left: 10px;
}
.navbar-default .navbar-nav > .modal-pdf-btn.active > a,
.modal-pdf-btn a
{
    line-height: 18px;
    padding: 8px 25px;
    margin: 11px 0;
    transform: skew(3deg, 0deg);
    position: relative;
}
.navbar-default .navbar-nav > .modal-pdf-btn.active a .fa {
    margin-right: 10px;
}
.navbar-default .navbar-nav > .modal-pdf-btn.active a i {
    transform: skew(-3deg, 0deg);
    font-style: normal;
    display: inline-block;
}
.navbar-default .navbar-nav > .modal-pdf-btn.active a:after
{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    border-width: 6px 170px 0 1px;
    bottom: -6px;
    border-color: #c6c6c699 transparent transparent transparent;
    right: 0;
}
.navbar-toggle {
    height: 44px;
    border-radius: 0;
    background-color: #e7e7e7;
    border: none;
}
.header-contacts
{
    font-size: 12px;
    color: #adadad;
    margin: 20px auto 0 auto;
}
.header-contacts a {
    color: #666;
    text-decoration: none;
}
.header-contacts a:hover {
    text-decoration: underline;
}
.header-contacts svg
{
    display: inline-block;
    vertical-align: middle;
}

/* -----  */
#dashboard-breadcrumb {
    margin: 30px 0px 0px 0px;
}

.dashboard-breadcrumb {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: 54px;
    background: transparent url("/img/nav-line.png") no-repeat top left;
}

.dashboard-breadcrumb li {
    color: #787878;
    font-size: 16px;
    display: inline-block;
    padding: 16px 0px 0px 21px;
}

.dashboard-breadcrumb li i,
.dashboard-breadcrumb li a {
    color: #f89d4d;
    text-decoration: none;
}

.dashboard-breadcrumb li i {
    
}

/* ---  */
#dashboard-main {
    margin: 10px 0px 0px 0px;
}

.dashboard-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#dashboard-main .dashboard-content {
    width: 66.666%;
    max-width: 66.666%;
    -ms-flex: 0 0 66.666%;
    flex: 0 0 66.666%;
}

/*#dashboard-main .dashboard-content > div {*/
    /*padding: 42px 20px 0px 20px;*/
    /*background-color: #f8f8f8;*/
/*}*/

#dashboard-main .dashboard-content h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 19px;
    margin: 20px 0;
    font-weight: bold;
}

#dashboard-main .dashboard-content h3.error {
    text-align: center;
    text-transform: uppercase;
    font-size: 19px;
    margin: 20px;
    padding: 20px;
    font-weight: bold;
    color: red;
}

#dashboard-main .dashboard-content h4 {
    margin: 18px 0px 45px 0px;
    text-align: center;
    text-transform: uppercase;
}

#dashboard-main .dashboard-content .settings {
    padding: 10px 0px 40px 0px;
}

#dashboard-main .dashboard-content .settings .settings-block {
    padding: 20px;
    margin: 20px;
    border: solid 1px #eeeeee;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    position: relative;
}
#dashboard-main .dashboard-content .settings .settings-block:hover {
    border: solid 1px #f89d4d;
}


#dashboard-main .dashboard-content .settings .settings-block p.block-title,
#dashboard-main .dashboard-content .settings .settings-block p.info
{
    position: absolute;
    top: -11px;
    left: 30px;
    font-size: 13px;
    color: #bbbbbb;
    padding: 2px 10px;
    background-color: #fff;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
#dashboard-main .dashboard-content .settings .settings-block p.info {
    left: auto;
    right: 30px;
}
#dashboard-main .dashboard-content .settings .settings-block:hover p.block-title
{
    color: #f89d4d;
}
#dashboard-main .dashboard-content .settings .settings-block p.info a {
    color: #f89d4d;
}
#dashboard-main .dashboard-content .settings .settings-block p.info a svg {
    vertical-align: middle;
    margin-top: -2px;
    animation: shadow-pulse 1.5s 10;
    border-radius: 50%;
    height: 24px;
    width: 24px;
}

#dashboard-main .dashboard-content .settings .type-block {
    padding: 0px 0px 25px 0px; /* 0px 0px 70px 0px; */ 
}

#dashboard-main .dashboard-content .settings ul:first-child {
    margin: 0px 0px 0px 0px;
}

#dashboard-main .dashboard-content .settings ul {
    list-style: none;
    padding: 0px 0px 20px 0px;
    text-align: center;
    margin: 20px 0px 0px 0px;
}

#dashboard-main .dashboard-content .settings ul:first-child {
    /* margin: 0px 0px 0px 25px; */
}


#dashboard-main .dashboard-content .settings ul li,
#dashboard-main .dashboard-right-sidebar .settings ul li
{
    width: 31%;
    display: inline-block;
    vertical-align: top;
    padding: 0px 15px 0px 15px;
}

#dashboard-main .dashboard-right-sidebar .settings ul li {
    width: 50%;
    margin: 0;
    float: left;
}
.dashboard-right-sidebar form h4 {
    text-align: left;
}
.dashboard-right-sidebar form ul {
    display: inline-block;
    width: 100%;
    float: none;
    clear: both;
}
#dashboard-main .dashboard-right-sidebar .settings ul li .circle p,
#dashboard-main .dashboard-right-sidebar .settings ul li .circle span
{
    font-size: 13px;
    margin: 0;
}

.total_price_ {
    color: #f89d4d; 
    font-weight: bold;
    font-size: 28px;
}

#dashboard-main .settings ul li .circle {
    width: 160px;
    height: 160px;
    /*padding: 54px 0px 0px 0px;*/
    cursor: pointer;
    vertical-align: middle;
    display: table-cell;
}
#dashboard-main .settings ul li .circle-wrapper {
    display: inline-block;
}
#dashboard-main .settings ul li .circle-wrapper + h3 {
    font-size: 18px;
}
#dashboard-main .settings .settings-select-row {
    /*margin: 20px 0 0 0;*/
    vertical-align: middle;
    line-height: 30px;
}
.select2-container {
    max-width: 100%;
}
.select2-container .select2-selection--single {
    height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {

}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
}
.select2-container--default .select2-selection--single {
    border: none;
    background: transparent;
}

.total_price_.cart-add svg {
    margin-left: 20px;
}

#dashboard-main .dashboard-right-sidebar ul li {
    /*text-align: center;*/
}

#dashboard-main .dashboard-right-sidebar .total_price_ {
    display: inline-block;
    /*text-align: center;*/
    /*width: 100%;*/
    cursor: pointer;
}

#dashboard-main .dashboard-right-sidebar ul li .circle {
    width: 120px;
    height: 120px;
    padding: 0 10px 0px 10px;
    text-align: center;
}

#dashboard-main .dop-setting ul li .circle {
    padding: 0 10px 0 10px;
    vertical-align: middle;
    display: table-cell;
}

#dashboard-main .settings ul .active .circle {
    background-color: #f89d4d;
    background-image: linear-gradient(to right, #f89d4d 0%, #fbc93f 100%);
}

#dashboard-main .settings li .circle .white {
    display: none;
}

#dashboard-main .settings li .circle .color {
    display: inline-block;
}

#dashboard-main .settings li.active .white {
    display: inline-block;
}

#dashboard-main .settings li.active .color {
    display: none;
}


#dashboard-main .dashboard-content .settings ul li .circle:hover {
    box-shadow: 0 6px 54px rgba(103, 103, 103, 0.61);
}

#dashboard-main .dashboard-content .settings ul li h5 {
    margin: 26px 0px 0px 0px;
    padding: 0px;
    font-weight: bold;
    font-size: 14px;
}

#dashboard-main .dashboard-content .dop-setting ul li h5 {
    margin: 16px 0px 0px 0px;
    padding: 0px;
    font-weight: bold;
    font-size: 14px;
    min-height: 25px;
}

#dashboard-main .dashboard-content .settings ul li .price {
    margin: 13px 0px 0px 0px;
    padding: 0px;
    font-size: 16px;
}

#dashboard-main .dashboard-content .settings ul li i.fa {
    margin: 0px 0px 0px 10px;
    cursor: pointer;
}

#dashboard-main .settings .active h5,
#dashboard-main .settings .active .price {
    color: #f89d4d;
}

#dashboard-main .settings ul li .circle p {
    font-weight: bold;
    font-size: 15px;
    padding: 0 10px;
}

#dashboard-main .dop-setting ul li .circle p {
    font-weight: normal;
    font-size: 13px;
    font-weight: bold;
}

#dashboard-main .settings ul li .circle span {
    font-size: 16px;
}

#dashboard-main .dop-setting ul li .circle span {
    font-size: 14px;
}

#dashboard-main .settings ul li.active .circle p,
#dashboard-main .settings ul li.active .circle span {
    color: #fff;
}
#dashboard-main .settings ul li .circle span i {
    font-style: normal;
}

#dashboard-main .dop-setting {
    /* display: block; */
    display: none;
}

#dashboard-main .dashboard-content .dop-setting > ul,
#dashboard-main .dashboard-content .dop-setting > .block-border {
    background-color: #fff;
    border: 1px solid #f89d4d;
    padding: 20px 0px;
    margin: 23px 20px 23px 20px;
}

#dashboard-main .dashboard-content .dop-setting ul li {
    margin: 0px 7px 30px 7px;
    width: 160px !important;
}

#dashboard-main .dashboard-content .dop-setting .circle {
    height: 120px !important;
    width: 120px !important;
}

#dashboard-main .file-adress {
    margin: 50px 0px 0px 0px;
}

.price_block {
    display: none;
}

#file-column {
    /*background-color: #fff;*/
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0 !important;
    overflow: hidden;
    background-color: #f89d4d;
    width: 100%;
}

/* ----- */

#dashboard-main .dashboard-right-sidebar {
    width: 33.333%;
    max-width: 33.333%;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
}
.dashboard-right-sidebar > div {
    padding: 0 10px;
    /*background-color: #f8f8f8;*/
}
.dashboard-right-sidebar .image .pdf-view {
    display: inline-block;
}
.pdf-view[data-pdf] {
    position: relative;
    display: flex;
}
.pdf-view[data-pdf].wait:before {
    content: '';
    background-image: url('/themes/printto2018/img/hourglass.png');
    display: inline-block;
    width: 64px;
    height: 64px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -32px 0 0 -32px;
}
.dashboard-right-sidebar .image {
    position: relative;
}
.dashboard-right-sidebar .image .fa-search-plus {
    font-size: 40px;
    display: inline-block;
    width: 80px;
    height: 80px;
    background-color: rgba(0,0,0,0.35);
    color: #eeeeee;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    line-height: 80px;
    vertical-align: middle;
    text-align: center;
    border-radius: 15px;
}
.preview-book .page-nav {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 4px;
    border: none;
    background-color: #999;
    color: #fff;
}
.dashboard-right-sidebar .image canvas[data-url]
{
    display: table;
    margin-bottom: 10px;
}
.dashboard-right-sidebar .image .pdf-view.orientation-1,
.dashboard-right-sidebar .image .pdf-view.orientation-2
{
    display: table;
}
.dashboard-right-sidebar .image .pdf-view.orientation-1 canvas:first-child,
.dashboard-right-sidebar .image .pdf-view.orientation-2 canvas:first-child
{
    border-right: dashed 1px #999999;
}
.dashboard-right-sidebar .image .pdf-view.orientation-1 canvas,
.dashboard-right-sidebar .image .pdf-view.orientation-2 canvas
{
    display: table-cell;
    float: left;
    width: 50%;
}
.dashboard-right-sidebar .image {
    width: 100%;
    min-height: 50px;
    background-color: #fff; /* #f8f8f8 */
    box-shadow: 0 6px 13px rgba(103, 103, 103, 0.61);
    text-align: center;
    padding: 0;
}
.dashboard-right-sidebar .cover {
    padding: 10px 0;
}
.dashboard-right-sidebar .cover p.title {
    font-size: 1.2em;
    margin-bottom: 15px;
}
.dashboard-right-sidebar .cover img {
    box-shadow: 1px 1px 3px #999;
}
/*.dashboard-right-sidebar .image img {*/
    /*width: 360px;*/
/*}*/

.dashboard-right-sidebar .order-buttons {
    margin: 30px 0 20px 0;
    text-align: center;
}

.dashboard-right-sidebar .order-buttons .orange-button {
    width: 225px;
    margin: 0;
    display: inline-block;
}

.dashboard-right-sidebar .order-buttons .white-button {
    width: 225px;
    margin: 21px auto 0px;
}
 
.dashboard-right-sidebar .options-file {
    /*margin-top: 25px;*/
}

.dashboard-right-sidebar .options-file table {
    width: 100%;
    font-size: 15px;
}

.dashboard-right-sidebar .options-file table tr td {
    padding: 4px 0 4px 0;
    border-bottom: dotted 1px #dadada;
}
/*.dashboard-right-sidebar .options-file table tr td span {*/
    /*background-color: #fff;*/
    /*padding-bottom: 5px;*/
    /*margin-bottom: -6px;*/
    /*display: inline-block;*/
/*}*/

.dashboard-right-sidebar .options-file table tr:first-child td {
    /*border-bottom: none;*/
}
.dashboard-right-sidebar .options-file table tr td:first-child {
    text-align: left;
}

.dashboard-right-sidebar .options-file table tr td:last-child {
    text-align: right;
}

.dashboard-right-sidebar .options-file a {
    color: #f8a34b;
    text-decoration: none;
}
.dashboard-right-sidebar .options-file a.skew-btn:hover,
.dashboard-right-sidebar .options-file a.skew-btn.active,
.dashboard-right-sidebar .options-file a.skew-btn.orange
{
    color: #fff;
}


.dashboard-right-sidebar svg.fa-minus,
.dashboard-right-sidebar svg.fa-plus
{
    cursor: pointer;
}
.dashboard-right-sidebar .order-buttons input[name="amount"] {
    display: inline-block;
    text-align: center;
    width: 50px;
    padding: 6px;
    background-color: #fff;
    border: solid 1px #ddd;
    border-radius: 2px;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    text-overflow: '';
}
.dashboard-right-sidebar .order-buttons input[name="amount"]::-webkit-outer-spin-button,
.dashboard-right-sidebar .order-buttons input[name="amount"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.settings .amount-div input[name="amount"]::-webkit-outer-spin-button,
.settings .amount-div input[name="amount"]::-webkit-inner-spin-button
{
    -webkit-appearance: none;
    margin: 0;
}
.settings .amount-div {
    line-height: 40px;
    vertical-align: middle;
}
.settings .amount-div input[name="amount"] {
    border: none;
    font-size: 24px;
    height: 36px;
    line-height: 36px;
    width: 60px;
    display: inline-block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    text-overflow: '';
    text-align: center;
    font-weight: 600;
    vertical-align: top;
}
.settings .amount-div svg.fa-minus,
.settings .amount-div svg.fa-plus
{
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f9f9f9;
    padding: 10px;
    cursor: pointer;
}

.dashboard-right-sidebar .preview-nav {
    margin: 7px 0 0 0;
    font-size: 15px;
}

.dashboard-right-sidebar button.page-nav {
    display: inline-block;
    border: none;
    background-color: #eee;
    color: #666;
    padding: 0 5px;
}

.dashboard-right-sidebar button.page-nav:hover {
    background-color: #fab645;
    color: #fff;
}


.dashboard-right-sidebar .edit-buttons {
    margin-top: 25px;
}

.dashboard-right-sidebar .edit-buttons .red-button,
.dashboard-right-sidebar .edit-buttons .orange-button {
    width: 163px;
    display: inline-block
}

.dashboard-right-sidebar .edit-buttons .red-button {
    margin: 0px 0px 0px 30px;
}

.dashboard-right-sidebar .discount-price {
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
}

/* ----------- */
.dashboard-left-sidebar {
    float: left;
    width: 295px;
}

.dashboard-left-sidebar .sidebar-menu {
    list-style: none;
    margin: 40px 0px 0px 0px;
}

.dashboard-left-sidebar .sidebar-menu li {
    font-weight: bold;
    margin: 1px 0px 35px 0px;
}

.dashboard-left-sidebar .sidebar-menu li i {
    font-size: 22px;
    color: #000;
}

.dashboard-left-sidebar .sidebar-menu a {
    text-decoration: none;
    margin: 0px 0px 0px 19px;
    font-size: 16px;
}

.dashboard-left-sidebar .sidebar-menu li.active i,
.dashboard-left-sidebar .sidebar-menu li.active a {
    color: #f89d4d;
}


.publication-prepare .loader {
    margin: 0 0 30px 0;
}

.publication-prepare {
    text-align: center;
    font-size: 30px;
}

.dashboard-profile-content {
    float: left;
    width: 843px;
    padding: 19px 20px 20px 20px;
    background-color: #f8f8f8;
    margin-bottom: 20px;
}

.dashboard-profile-content .settings {
    margin-top: 50px;
    padding: 0 1rem;
}

.dashboard-profile-content h2 {
    text-transform: uppercase;
    font-size: 21px;
    font-weight: bold;
}

.dashboard-profile-content .block-button {
    float: right;
}

/**/

.dashboard-files {
    padding: 40px 0px 0px 0px;
    overflow: hidden;
}

.dashboard-files .block {
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;
    padding: 0px 70px 22px 70px;
    margin: 0px 0px 30px 0px;
}

.dashboard-files .block > div {
    float: left;
}

.dashboard-files .block .img {
    width: 200px;
}

.dashboard-files .block .img img {
    width: 180px;
    box-shadow: 0 6px 13px rgba(103, 103, 103, 0.61);
}

.dashboard-files .block .desc {
    width: 630px;
    margin: 0px 0px 0px 21px;
}

.dashboard-files .block .desc h3 {
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

.dashboard-files .block .desc a {
    text-decoration: none;
}

.dashboard-files > div .desc table {
    margin: 5px 0px 0px 0px;
    min-width: 400px;
}

.dashboard-files .block .desc table td {
    padding: 5px;
}

.dashboard-files .block .but {
    float: right;
    padding: 30px 0px 0px 0px;
    width: 149px;
}

.dashboard-files .block .but a {
    margin: 15px auto;
}

/* ----- */
/* .but-calculate-cost-file, */
#upload-new-form,
#replace-form, 
#replace-form > .form-group {
    display: inline-block;
}

.send-file {
    
}

.send-file label {
    cursor: pointer;
}

.send-file input[type="file"] {
    display: none;
}

.cart {
    
}

.cart table {
    padding: 0;
    margin: 0;
    width: 100%;
}

.cart .product-list tr,
.product-list tr,
.product-list .row
{
    border-bottom: 1px solid #e9e9e9;
    /*display: block;*/
    /*padding: 32px 0px 28px 0px;*/
    padding: 10px 0;
}

.cart .product-list tr:first-child {
    padding: 0px 0px 28px 0px !important;
}
.product-list .row > div.col-sm-2,
.product-list .row > div.col-sm-6,
.product-list .row > div.col-sm-1
{
    padding: 0 10px 0 0;
}


.cart .product-list td,
.product-list td {
    vertical-align: top;
}

.cart .delete-cart {
    display: block;
    margin: -6px 0px 0px 0px;
}

.cart .delete-cart i {
    cursor: pointer;
    display: block;
}

.cart .product-list img {
    width: 162px;
}

.product-list img {
    width: 70px;
}

.product-list input[name="promocode"] {
    padding: 12px 6px;
    height: 44px;
    text-transform: uppercase;
}

.product-list > div:nth-child(1) {
    border-top: 1px solid #e9e9e9;
}

.product-list {
    padding: 0 15px;
}

.product-list .desc {
    /*padding: 0px 0px 0px 20px;*/
    /*width: 290px;*/
    /*overflow: hidden;*/
    word-wrap: break-word;
}

.cart .product-list .desc {
    padding: 20px 0px 0px 20px;
    min-width: 530px;
}

.product-list h3 {
    margin: 5px 0px 0px 0px;
    padding: 0px;
    font-size: 15px;
    font-weight: bold;
    /*min-width: 290px;*/
    overflow: hidden;
}

.cart .product-list h3 {
    margin: 0px; /* -7px 0px 0px 0px; */
    padding: 0px;
    font-size: 21px;
    font-weight: bold;
    max-width: 570px;
    overflow: hidden;
}

.product-list .price {
    color: #f89d4d;
    font-weight: bold;
    font-size: 16px;
    margin-top: 8px;
}
small.currency-price {
    color: #c87e1f;
}
small.gray-notice {
    color: #999;
    font-size: 12px;
    text-align: center;
    margin: 10px 0 20px 0;
    display: block;
}

.product-list .detail-link svg {
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    margin-right: 5px;
}
.product-list .detail-link svg.r180 {
    transform: rotate(180deg);
}


.product-list .detail-link,
.product-list p.detail-link,
.product-list a.detail-link
{
    font-size: 1.1em;
    color: #aaa;
    cursor: pointer;
    display: inline-block;
    margin: 10px 0;
    text-decoration: none;
}
.product-list .detail-link + ul.details {
    list-style-type: none;
    font-size: 0.9em;
    color: #888;
    display: none;
}
.product-list .detail-link + ul.details > li {
    padding: 0 0 0 5px;
    margin: 0;
}
.product-list .detail-link + ul.details > li:before {
    content: "-";
    margin-right: 5px;
}
.dashboard-right-sidebar > div.sticky-order {
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 10px 0;
}


.user-order-view .total-price,
.cart .price,
.cart-total .price {
    color: #f89d4d;
    font-weight: bold;
    font-size: 22px;
    margin-top: 21px;
}
.cart-td-total .price {
    display: inline-block;
    width: 160px;
    text-align: right;
    margin: 33px 0px 0px 52px;
}

.cart .refresh {
    text-align: left;
    display: inline-block;
    margin: 5px;
    cursor: pointer;
}

.product-list .count {
    /*padding: 33px 0px 0px 8px;*/
    /*width: 90px;*/
    /*text-align: center;*/
    padding: 15px 15px;
}

.cart .product-list .count {
    padding: 36px 0px 0px 8px;
    width: 160px;
    text-align: center;
}

.cart .product-list .count i {
    font-weight: bold;
    font-size: 28px;
    display: inline-block;
    cursor: pointer;
    font-style: normal;
}

.cart .product-list .count input {
    height: 38px;
    width: 60px;
    margin: 0px 5px 0px 5px;
    font-size: 20px;
    text-align: center;
}

.product-list .total {
    /*width: 120px;*/
}

.cart .product-list .total {
    width: 184px;
    text-align: right;
}

.cart .product-list .total .price {
    text-align: right;
}

.cart .product-list .total .total-text {
    font-weight: bold;
    font-size: 20px;
    margin: -7px 0 0 0;
    display: inline-block;
}

.cart-total {
    vertical-align: middle;
    height: 94px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.cart .cart-total {
    vertical-align: middle;
    height: 187px;
}

.cart .cart-total td,
.cart-total td {
    text-align: center;
}

.cart .cart-total td.cart-td-total,
.cart-total td.cart-td-total {
    background-color: #e9e9e9;
}

.cart .cart-total td.cart-td-total .orange-button {
    width: 100%;
}

.cart .old-price,
.user-order-view .old-price,
.product-list .old-price {
    text-decoration: line-through;
    color: #7f858a;
    font-weight: normal;
    font-size: 20px;
    display: block;
}

.product-list .old-price {
    font-size: 12px;
}

.user-order-view .old-price {
    font-size: 14px;
}


#dashboard-main .dashboard-content .settings ul li i.fa {
    margin-left: 0;
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 1;
    padding: 5px;
    font-size: 20px;
}
#dashboard-main .dashboard-content .settings ul li span.orange-color i.fa {
    animation: spin 5s ease 0s infinite;
}
/*#dashboard-main .dashboard-content .settings ul li i.fa:after{*/
    /*content: "";*/
    /*display: block;*/
    /*width: 16px;*/
    /*height: 16px;*/
    /*border-radius: 50%;*/
    /*border: 3px solid #787878;*/
    /*position: absolute;*/
    /*top: 7px;*/
    /*left: 7px;*/
    /*animation: pulse 2s ease 0s infinite;*/
    /*z-index: -1;*/
/*}*/
#dashboard-main .settings .active h5 i:after {
    border: 3px solid #f89d4d !important;
}
#dashboard-main span.info-color {
    cursor: pointer;
}
#dashboard-main span.orange-color {
    color: #f89d4d;
    cursor: pointer;
}
#cart-body .cart-total {
    width: 100%;
    float: none;
    clear: both;
}
#cart-body .cart-total td.back-btn-wrapper {
    text-align: left;
    float: left;
}
#cart-body .delete-wrapper {
    width: 70px;
    padding: 20px 0 0 0;
}
#cart-body .delete-wrapper a.back-link {
    color: #f89d4d;
    margin: 20px 0 0 0;
    display: inline-block;
}
#cart-body .cart-total td.cart-td-total {
    float: right;
    width: 360px;
    vertical-align: top;
    min-height: 200px;
}

a.a-dashed {
    text-decoration: none;
    border-bottom: dashed 1px;
}
.delivery-kind-tabs li a {
    vertical-align: middle;
    font-size: 1.25em;
    font-weight: 600;
}
.delivery-kind-tabs li.active a {
    color: #000;
}
.delivery-kind-tabs li a svg {
    vertical-align: middle;
    margin: 0 10px 5px 0;
}

.swal-modal .swal-button--cancel {
    color: #fff;
}
.swal-overlay .swal-modal {
    width: 550px;
}

div.cover button.reset-preview {
    margin: 15px 0 0 0;
}
div.cover.wait,
div.loading,
table.loading
{
    position: relative;
}
div.cover.wait:before,
div.loading:before,
table.loading:before
{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0.8;
    cursor: wait;
    z-index: 2;
}
div.cover .btn {
    white-space: initial;
}

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

.select2-container .select2-results,
.select2-container--default .select2-results > .select2-results__options {
    max-height: 640px;
}
.select2-results__option {
    margin-bottom: 10px;
}
.select2-results__option:last-of-type {
    margin-bottom: 0;
}
.select2-results__option p {
    margin-bottom: 3px;
}
.select2-container--default .select2-results__option--disabled {
    display: none;
}
i.fa[data-m-action="replace-covers"] {
    position: absolute;
    left: -8px;
    top: 50%;
    margin: -30px 0 0 0;
    cursor: pointer;
    color: #999;
    font-size: 20px;
}


@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}


@keyframes pulse {
    0% {
        opacity: 0.6;
        transform: scale(1);
    }
    80% {
        opacity: 0;
        transform: scale(2);
    }
    100% {
        opacity: 0;
        transform: scale(3);
    }
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@media only screen and (max-width: 1200px) {
    body { overflow-x: hidden;}
    .container { width: 100%;}
    .dashboard-left-sidebar { width: 100%;}
    .dashboard-profile-content { width: 100%;}
    #dashboard-main .dashboard-content { width: 100%; float: none;}
    .dashboard-right-sidebar { width: 100%; float: none;}
    #w1 {  overflow-x: auto;}
    #w1 table { width: 100%;}
    #file-column { width: 100% !important; position: static !important;}

}
@media only screen and (max-width: 1110px) {
    .dashboard-nav nav { width: auto;}
    .dashboard-nav nav ul li:first-child { margin-left: 0;}
    .dashboard-nav .logo img { width: 100px;}
}
@media only screen and (max-width: 950px) {
    .dashboard-nav { min-height: 150px; position: relative;}
    .new-upload-button { margin-left: 0; position: absolute; transform: translateX(-50%); left: 50%; bottom: 10px;}
    .dashboard-nav nav { margin-top: 50px;}
    .dashboard-nav .options { margin-top: 50px;}
    .dashboard-files .block .img { padding-bottom: 20px;}
    .dashboard-files .block { padding-left: 20px; padding-right: 20px;}
    .dashboard-files .block .desc { width: 100%; margin-left: 0;}
    .cart .product-list .total {
        width: 130px;
    }
    .cart .product-list .desc {
        min-width: 290px;
    }
    .cart .product-list .count input {
        width: 40px;
    }
    #dashboard-main .dashboard-content,
    #dashboard-main .dashboard-right-sidebar
    {
        width: 100%;
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .dashboard-right-sidebar > div.sticky-order {
        position: static;
    }
}
@media only screen and (max-width: 768px) {
    .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) {
        transform: rotate(45deg);
        margin-top: 2px;
    }
    .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
        display: none;
    }
    .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(4) {
        transform: rotate(-45deg);
        top: 18px;
        position: absolute;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border: none;
    }
    .product-list h3 {
        /*min-width: 240px;*/
    }
    .cart .product-list .desc {
        min-width: 100px;
    }
    .cart .product-list tr, .product-list tr {
        display: inline-block;
        float: none;
        clear: both;
    }
    #cart-body .delete-wrapper {
        width: 30px;
        float: left;
    }
    #cart-body .img-wrapper {
        width: calc(30% - 30px);
        float: left;
        overflow: hidden;
        text-align: right;
        min-height: 250px;
    }
    .cart .product-list .desc .price {
        display: none;
    }
    .cart .product-list .desc,
    .cart .product-list .count,
    .cart .product-list .total
    {
        float: right;
        width: 70%;
        text-align: left;
        padding-left: 10px;
    }
    .cart .product-list .count,
    .cart .product-list .total
    {
        padding: 24px 0 0 10px;
    }
    .cart .product-list .total .price {
        text-align: left;
        margin-top: 10px;
    }
    #cart-body .cart-total td.back-btn-wrapper {
        text-align: center;
    }
    .cart-td-total .price {
        width: auto;
        text-align: left;
        margin: 33px 0px 0px 52px;
    }
    .text-sm-center {
        text-align: center;
    }
    .dashboard-right-sidebar > div.sticky-order p.discount-price-title {
        margin: 0;
    }
    .dashboard-right-sidebar > div.sticky-order p.total-price-wo-discount {
        margin: 0;
        font-size: 0.85em;
        color: #999;
    }
    .dashboard-right-sidebar > div.sticky-order {
        position: fixed;
        width: 100%;
        bottom: 0;
        top: auto;
        left: 0;
        padding: 5px 0;
        box-shadow: 0 3px 10px #0000005c;
    }
    .dashboard-right-sidebar .sticky-order .order-buttons {
        display: none;
    }
    .dashboard-right-sidebar .discount-price {
        margin-top: 0;
    }
    .select2-container .select2-results,
    .select2-container--default .select2-results > .select2-results__options {
        max-height: 400px;
    }
    .total_price_ {
        font-size: 24px;
    }
}
@media only screen and (max-width: 600px) {
    .dashboard-nav nav ul li { margin-left: 15px;}
    footer .footer > div { width: 100%;}
    .options .dropdown-menu { left: auto; right: 0;}
    .body-content #w0 { overflow-x: auto;}
    .cart .product-list .desc {
        /*width: auto;*/
    }
    #form-count { overflow-x: auto; padding-bottom: 20px;}
    .product-list-wrap { padding-bottom: 20px; overflow-x: auto;}
    .product-list .count { min-width: 90px;}
    .cart .cart-total { width: 100%; height: auto;}
    .cart-total td.cart-td-total { padding-bottom: 40px;}
    .cart-total td { width: 100% !important; display: block !important;}
    .cart-total { width: 100%;}
    .cart .cart-total .white-button { display: block; margin-left: auto !important; margin-bottom: 20px !important; margin-right: auto !important;}
    .cart-total td { width: 100% !important; }
    #dashboard-main .dashboard-content .settings ul li { padding-bottom: 20px;}
    #dashboard-main .dashboard-content .settings ul li h5 { position: relative;}
    #dashboard-main .dashboard-content .settings ul li h5 .popover { width: 100% !important; top: 30px !important; left:0 !important; }
    #dashboard-main .dashboard-content .settings ul li h5 .popover .arrow { display: none;}
    #dashboard-main .dashboard-content .settings ul li h5 .popover img { width: 100% !important; height: auto !important;}
    .dashboard-files .block .but { text-align: center; clear:both; float: none; width: 100%;}
    .dashboard-files .block .but a { min-width: 140px; display: inline-block; vertical-align: top;}
    .cart .product-list .count {
        /*min-width: 160px*/
    }
    #dashboard-main .dashboard-content h3.error { font-size: 16px; width: 100%; margin:0;}
    #dashboard-main .dashboard-content h3.error p { word-break: normal;}
    #upload ul li, #upload-form ul li { height: auto;}

    /*#cart-body .cart-total td.back-btn-wrapper {*/
        /*float: right;*/
        /*width: 100%;*/
    /*}*/
    /*#cart-body .cart-total td.cart-td-total {*/
        /*float: left;*/
        /*width: 100%;*/
    /*}*/
    /*#cart-body .cart-total td.back-btn-wrapper {*/
        /*text-align: center;*/
    /*}*/

    #dashboard-main .dashboard-content .settings ul li,
    #dashboard-main .dashboard-right-sidebar .settings ul li {
        width: 75%;
    }
    .swal-overlay .swal-modal {
        width: 80%;
    }
}
@media only screen and (max-width: 640px) {
    .navbar-default .navbar-nav > .modal-pdf-btn.active {
        margin-left: 15px;
        margin-right: 15px;
        text-align: center;
    }
    .header-contacts {
        font-size: 0px;
    }
    .header-contacts a {
        color: #888;
        font-size: 13px;
        display: inline-block;
        margin: 0 0 5px 10px;
    }
}
@media only screen and (max-width: 480px) {
    .dashboard-nav .logo { margin-left: 0;}
    .new-upload-button { padding-right: 10px; padding-left: 10px; width: auto; font-size: 12px; height: 35px; bottom:20px; left: 10px; transform: translateX(0%);}
    .dashboard-nav .options { margin-top: 0; position: absolute; right: 20px; bottom: 24px;}
    .dashboard-right-sidebar .image { width: 100%;}
    .dashboard-right-sidebar .image img { width: 100%;}
    #replace-form { width: 100%;}
    .dashboard-right-sidebar .edit-buttons .red-button { margin-left: auto; margin-right: auto; display: block;}
    #upload ul li > div, #upload-form ul li > div { display: block !important; float: left; }
    #upload ul li canvas, #upload-form ul li canvas { left: 17px;}
    #upload ul li p, #upload-form ul li p { padding-left: 20px; width: 75%; position: static;}
    #upload ul li span, #upload-form ul li span { top: 20px;}
    .dashboard-breadcrumb { height: auto;}
    #dashboard-main .dashboard-content .dop-setting ul li h5 { height: auto; padding-bottom: 10px;}
    #dashboard-main .dashboard-content .dop-setting .circle { margin-bottom: 10px;}
    #dashboard-main .settings ul .active .circle { margin-bottom: 10px;}
    .cart .product-list h3 {
        font-size: 18px;
        word-wrap: break-word;
        min-width: auto;
    }
    .cart .product-list img {
        width: 100%;
        height: auto;
    }
}