/*------------------------------------------------------------------
[ Shortcuts / .shortcuts ]
*/

body {
    font-family: FontRegular;
}

.bootbox {
    z-index: 10000;
}

.admin-background {
    position: fixed;
    width: 100%;
    height: 100%;
}

.admin-panel-image .admin-background {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.admin-background-shadow {
    display: none;
}

.admin-panel-image .admin-background-shadow {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0) 30%);
    margin-top: 60px;
    height: 100%;
    display: block;
}

.admin-panel-image #main > h1, .admin-panel-image .header-text {
    color: #FFF;
}

.admin-panel-image .part-name-container .part-name-block {
    color: #000;
}

.admin-panel-image #main > h1 small {
    color: #FFF;
}

.admin-panel-image .calculation-link-icon {
    color: #FFF;
}

.calculation-link-icon {
    margin-left: 30px;
    border: none;
    color: #25a69a;
}

.top-button {
    cursor: pointer;
    padding: 18px;
    height: 60px;
    border-left: solid 1px #e5e5e5;
    float: right;
    position: relative;
}

.top-button:hover, .top-button:focus {
    text-decoration: none;
}

#count-popoup, #backend-count-product {
    top: 10px;
    display: inline-block;
    border-radius: 9px;
}

.user-menu {
    right: 5px;
    left: auto;
    width: 220px;
    text-align: left;
    border-color: #e5e5e5;
}

.user-menu a {
    padding: 10px 30px !important;
    font-size: 13px;
    color: #000;
}

.caption_hat {
    font-family: FontSemiBold;
    font-size: 21px;
    margin: 40px 0 30px 0;
    text-transform: uppercase;
}

.container {
    width: inherit;
    margin-left: 75px;
}

input {
    font-family: FontRegular;
}

a {
    cursor: pointer;
}

a[disabled] {
    pointer-events: none;
}

code {
    font-family: FontRegular;
}

select option:disabled {
    color: #CCC;
}

.line-through {
    text-decoration: line-through;
    color: #999 !important;
}

.pointer {
    cursor: pointer;
}

.not-underline, .not-underline:hover {
    text-decoration: none !important;
}

.icon-font {
    font-size: 25px;
    margin-left: 5px;
}

.icon-lock-tab {
    font-size: 15px;
    right: 8px;
    top: 13px;
    position: absolute;
    color: #ffba14;
}

.page-lang-container {
    display: inline-block;
    margin: 8px 20px 8px 0;
}

.page-lang-icon {
    padding: 2px 8px;
    border: 1px solid #CCC;
    border-radius: 3px;
    display: inline-block;
    margin-right: 5px;
}

.navbar-fixed-top {
    height: 61px;
    background-color: #fff;
    border: 0;
    border-bottom: solid 1px #e5e5e5;
}

.org-warning .w2p-icon-warning {
    color: #ffbe08;
    font-size: 18px;
}
.org-warning label {
    margin-bottom: 0;
    margin-right: 4px;
    display: none;
}

.org-warning.active {
    background: #ff1f1f;
    color: #FFF;
}

.org-warning.active label {
    display: unset;
}

.org-warning > span {
    max-width: 120px;
}

body.modal-open .navbar-fixed-top {
    padding-right: 15px;
}

.bottom-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
}

#company-logo img {
    float: right;
    height: 40px;
    margin: 5px;
}

#company-logo {
    float: left;
    margin-top: 4px;
    padding-top: 3px;
    margin-left: 10px;
}

#tippo-logo {
    position: relative;
    z-index: 99999;
    float: right;
}

#tippo-logo .powered {
    float: left;
    color: #000;
    font: 13px FontRegular;
    padding-top: 21px;
    padding-right: 7px;
}

#tippo-logo img {
    height: 38px;
    margin-top: 10px;
    margin-right: 10px;
}

#hi-user {
    color: #3E3E2D;
    font: 18px FontRegular;
    padding-top: 18px;
}

#hi-user > .btn-link {
    font: 18px FontRegular;
}

.btn-file-uploader {
    position: relative;
    cursor: pointer;
}

.btn-file-uploader input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
}

i.remove-chip {
    margin-left: 10px;
    cursor: pointer;
}

.main-menu:hover, .main-menu.expanded {
    width: 220px;
    overflow: visible;
}

.main-menu {
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 0;
    width: 55px;
    overflow: hidden;
    -webkit-transition: width .05s linear;
    transition: width .05s linear;
    -webkit-transform: translateZ(0) scale(1, 1);
    z-index: 1000;
}

.main-menu.main-menu-type-1 {
    background: #151b26;
}

.main-menu.main-menu-type-2 {
    background: #FFF;
    border-right: 1px solid #e5e5e5;
}

.main-menu > ul {
    margin: 7px 0;
}

.main-menu li {
    position: relative;
    display: block;
}

.main-menu li > a {
    position: relative;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 13px;
    text-decoration: none;
    -webkit-transform: translateZ(0) scale(1, 1);
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}

.main-menu.main-menu-type-1 li > a {
    color: #cbd4db;
}

.main-menu.main-menu-type-2 li > a {
    color: #444444;
}

.main-menu.main-menu-type-1 li > a.disabled {
    color: #6f7782 !important;
}

.main-menu.main-menu-type-2 li > a.disabled {
    color: #6f7782 !important;
}

.main-menu li > a.disabled .lock-icon {
    right: 8px;
    top: 12px;
    font-size: 16px;
    position: absolute;
}

.main-menu.main-menu-type-1 li > a.disabled .lock-icon {
    color: #ffc450;
}

.main-menu.main-menu-type-2 li > a.disabled .lock-icon {
    color: #ffc450;
}

.main-menu .image-menu {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
}

.main-menu .image-menu > span {
    margin-top: 11px;
    font-size: 18px;
    display: block;
}

.main-menu.main-menu-type-1 .image-menu > span {
    color: #8f959e;
}

.main-menu.main-menu-type-2 .image-menu > span {
    color: #6f7782;
}

.main-menu .nav-text {
    position: relative;
    display: none;
    vertical-align: middle;
    width: 175px;
    font-family: 'FontRegular';
}

.main-menu:hover .nav-text {
    display: table-cell;
}

.main-menu > ul.logout {
    position: absolute;
    left: 0;
    bottom: 0;
}

.no-touch .scrollable.hover {
    overflow-y: hidden;
}

.no-touch .scrollable.hover:hover {
    overflow-y: auto;
    overflow: visible;
}

.main-menu a:hover, .main-menu a:focus {
    text-decoration: none;
}

.main-menu {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.main-menu ul, .main-menu li {
    outline: 0;
    margin: 0;
    padding: 0;
}

.main-menu li:hover > a, .main-menu li.active > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .no-touch .dashboard-page nav.dashboard-menu ul li:hover a, .dashboard-page nav.dashboard-menu ul li.active a {
    /*background-color: #ccc;*/
    /*border-left-color: #007682;*/
}

.dropdown-menu > li > button {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    background: transparent;
    border: none;
    width: 100%;
    text-align: left;
}

.dropdown-menu > li > button:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.area {
    float: left;
    background: #e2e2e2;
    width: 100%;
    height: 100%;
}

.main-menu .has-child-arrow {
    margin-right: 12px;
    margin-top: 4px;
    font-size: 17px;
    float: right;
}

.main-menu .menu-child {
    display: none;
    width: 230px;
    position: absolute;
    left: 100%;
    top: 0;
}

.main-menu.main-menu-type-1 .menu-child {
    background: #151b26;
}

.main-menu.main-menu-type-2 .menu-child {
    border: 1px solid #e5e5e5;
    background: #f3f4f6;
}

.main-menu .has-subnav:hover .menu-child {
    display: block;
}

.count-message {
    font: 9px FontSemiBold;
    background-color: rgb(206, 54, 71);
    color: #fff;
    padding: 0!important;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: -2px;
    top: -3px;
    width: 19px;
    line-height: 19px !important;
    text-align: center;
}

.count-message:empty {
    display: none;
}

.menu-count-message {
    right: 5px;
    top: 1px;
}

.page-header {
    padding-bottom: 0 !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    border: none !important;
}

.page-header h1 small {
    color: #333 !important;
    font: 21px FontSemiBold;
}

.after-text-label {
    color: #999;
    font-size: 13px;
}

.gray-top-line .pull-right {
    margin-top: 8px;
}

.rouble-sign {
    position: relative;
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
}

.rouble-sign:after {
    content: '-';
    position: absolute;
    top: 11%;
    left: 0;
}

.rouble-sign:before {
    content: '-';
    font-size: 0.9em;
    position: absolute;
    top: 3%;
}

.button_addImgSlideProd {
    background: url("../img/svg/ico_AddImgSlideProd.svg") center center / contain no-repeat;
    width: 40px;
    height: 40px;
    border: 0;
    display: inline-block;
}

.button_delImgSlideProd {
    background: url("../img/svg/ico_DelImgSlideProd.svg") center center / contain no-repeat;
    width: 30px;
    height: 30px;
    border: 0;
    display: inline-block;
}

.button_editImgSlideProd {
    background: url("../img/svg/ico_EditImgSlideProd.svg") center center / contain no-repeat;
    width: 30px;
    height: 30px;
    border: 0;
    display: inline-block;
}

.image-image {
    display: none;
    max-width: 200px;
    max-height: 200px;
}

.nav-tabs > li.active > a {
    font-family: FontSemiBold;
    font-size: 11px;
    color: #000000 !important;
}

.nav-tabs > li > a {
    font-family: FontSemiBold;
    font-size: 11px;
    color: #007682;
}

.SepGreyLine30 {
    background-color: #D4D4D4;
    height: 1px;
    margin: 30px 0;
}

.SepGreyLine20 {
    background-color: #D4D4D4;
    height: 1px;
    margin: 20px 0;
}

.SepGreyLine10 {
    background-color: #D4D4D4;
    height: 1px;
    margin: 10px 0;
}

.SepGreyLine5 {
    background-color: #D4D4D4;
    height: 1px;
    margin: 5px 0;
}

.form-control {
    border-radius: 0px;
}

.shortcuts {
    text-align: left;
}

.grid-action-column .btn-group {
    display: flex;
}

.shortcuts .shortcut {
    min-height: 114px;
    text-align: center;
    width: 114px;
    display: inline-block;
    padding: 12px 0;
    margin: 0 5px 1em;
    vertical-align: top;
    text-decoration: none;
    background: #F3F3F3;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 5px;
}

.shortcuts .shortcut .shortcut-icon {
    width: 100%;
    margin-top: .25em;
    margin-bottom: .35em;
    font-size: 32px;
    color: #555;
}

.shortcuts .shortcut:hover {
    background: #E8E8E8;
    background-color: #f0f0f0;
    background-repeat: repeat-x;
}

.shortcuts .shortcut:hover .shortcut-icon {
    color: #666;
}

.shortcuts .shortcut-label {
    display: block;
    font-weight: 400;
    color: #666;
    margin-top: 5px;
}

.action-nav-button {
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    text-align: center;
    min-height: 114px;
    width: 114px;
    display: inline-block;
}

a.shortcut {
    position: relative;
}

#page .shortcut .label i {
    margin-right: 2px;
    color: #fff;
}

.shortcut .label {
    position: absolute;
    top: 3px;
    right: 3px;
    padding: 5px;
    display: block;
    font-size: 100%;
}

.shortcut .cn {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 114px;
    height: 88px;
}

/* General Style */
.error .redactor_box {
    border: 1px rgb(149, 59, 57) solid;
    -webkit-box-shadow: 0 0 6px rgb(213, 147, 146);
    -moz-box-shadow: 0 0 6px #d59392;
    box-shadow: 0 0 6px rgb(213, 147, 146);
}

html,
body {
    height: 100%;
}

#overall-wrap {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    overflow-y: auto;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    z-index: 1040;
}

footer {
    clear: both;
    text-align: center;
    height: 91px;
    padding: 5px 0 5px;
    border-top: 1px solid #E5E5E5;
    line-height: 18px;
    color: #9D9D9D;
    font-size: 12px;
    background: #f8f8f8;
}

#footer-guard {
    height: 120px;
}

div#page {
    padding-top: 60px;
    padding-bottom: 50px;
}

.navbar-brand {
    padding: 7px 15px 15px 15px;
}

.nav-list > li {
    margin: 0 15px;
}

.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus {
    background-color: #0088CC;
    color: #FFFFFF;
}

.nav li.nav-header, .nav-list li.nav-header {
    color: #999999;
    margin: 0;
}

.nav-list > li > a {
    color: #000;
    margin: 0 -15px;
}

.nav-header, li.nav-header a {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;

    text-transform: uppercase;
}

li.nav-header a {
    pointer-events: none;
    cursor: default;
    margin: 0 -15px;
    color: inherit;
}

/* fix submenu bootstrap 3 */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

table .button-column {
    white-space: nowrap;
}

.button-column a, td.toggle-column a {
    color: #333;
    text-decoration: none;
}

.table-vmiddle td {
    vertical-align: middle;
}

#page [class*='icon-'].icon-white {
    color: #fff;
}

#page a:hover [class*='icon-'] {
    color: inherit;
}

.nav-tabs {
    margin-bottom: 10px;
}

input.form-control[type="file"] {
    background: inherit;
}

.treeview .checkbox {
    margin: 0;
}

/* постраничная навигация в гридах */

.pager-container .pagination {
    margin: 26px 0 0 0;
}

/* Override redactor styles */

.redactor-toolbar-tooltip {
    z-index: 1055;
}

/* грид */

.grid-toolbar {
    height: 40px;
    padding-left: 0px;
}

/*navbar*/
.navbar-default .navbar-nav > li > a {
    padding: 15px 5px;
}

.navbar-brand {
    padding: 7px 5px 15px 15px;
}

.preview-image-wrapper .dropdown-menu {
    min-width: 350px;
}

.preview-image {
    width: 100%;
    height: auto;
}

.btn-group .btn {
    margin-left: -1px;
}

#news-form .ct-form-control {
    min-width: 100px;
}

.grid-view {
    padding: 0 !important;
    overflow-x: auto;
    clear: both;
    position: relative;
}

/* GRID VIEW SCROLL */

.fl-scrolls {
    bottom: 0;
    height: 35px;
    overflow: auto;
    position: fixed;
}

.fl-scrolls div {
    height: 1px;
    overflow: hidden;
    pointer-events: none;
}

.fl-scrolls div:before {
    content: "\A0";
}

.fl-scrolls,
.fl-scrolls div {
    font-size: 1px;
    line-height: 0;
    margin: 0;
    padding: 0;
}

.fl-scrolls-hidden {
    bottom: 9999px;
}

.fl-scrolls-hidden div:before {
    content: "\A0\A0";
}

.fl-scrolls-viewport {
    position: relative;
}

.fl-scrolls-body {
    overflow: auto;
}

.fl-scrolls-viewport .fl-scrolls {
    left: 0;
    position: absolute;
}

.fl-scrolls-hoverable .fl-scrolls {
    opacity: 0;
    transition: opacity 0.5s ease 0.3s;
}

.fl-scrolls-hoverable:hover .fl-scrolls {
    opacity: 1;
}

/* GRID VIEW SCROLL */

.grid-view .headline {
    text-align: right;
    margin-top: 26px;
}

.grid-view-loading {
    position: relative;
}

.grid-view .grid-toolbar {
    padding-right: 0;
}

.grid-view .grid-toolbar button {
    float: right;
}

.grid-view .grid-toolbar #copy-products {
    margin-right: 8px !important;
}

.big-button {
    display: block;
    height: 100px;
    border: 1px solid #eaeaea;
    color: #2B7681;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 5px;
    margin-bottom: 20px;
    padding-left: 50px;
    cursor: pointer;
    position: relative;
}

.big-button > div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.big-button.big-button-disabled {
    cursor: default;
    color: #c5c5c5;
}

.big-button:hover {
    text-decoration: none !important;
}

.big-button [class^="icon-"], .big-button [class*=" icon-"],
.big-button [class^="w2p-icon-"], .big-button [class*=" w2p-icon-"] {
    float: left;
    margin-right: 10px;
    line-height: 21px;
    font-size: 25px;
}

.big-button > img {
    float: left;
    width: 30px;
    margin-top: -10px;
    margin-right: 10px;
}

.big-button .notification-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    font: 10px FontRegular !important;
    background-color: rgb(206, 54, 71);
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    padding: 2px;
}

.big-button .lock-icon {
    position: absolute;
    right: 0;
    top: 10px;
    color: #ffba14;
}

#main {
    padding-top: 0
}

.gray-top-line {
    margin: 15px 0;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.25);
    padding: 10px;
    padding-right: 15px !important;
}

.gray-top-line > .back-link-container > a {
    height: 40px;
    margin-top: 10px;
    float: left;
    color: #fff;
    font: 15px FontRegular;
    text-transform: uppercase;
}

.gray-top-line > .back-link-container > a i {
    width: 20px;
    font-size: 12px;
    display: inline-block;
    text-align: center;
}

#main > h1 {
    font: 16px FontSemiBold;
    text-transform: uppercase;
}

#main > h1 small {
    display: block;
    margin-top: 5px;
}

#main-content > h2, .main-content > h2 {
    color: #3E3E3D;
    font-size: 16px;
}

#main-content > table, .main-content > table {
    margin-top: 30px;
}

#main-content > table > tr > td.title > a, #main-content > table > tbody > tr > td.title > a,
.main-content > table > tr > td.title > a, .main-content > table > tbody > tr > td.title > a {
    color: #2B7681;
    font-weight: 500;
}

/*Страницы (редактирование)*/

.border_bottom {
    padding: 20px;
    border-bottom: 1px solid #6E6E6E;
}

.save_button {
    width: 150px;
    height: 35px;
    background-color: #FFF;
    margin-right: 20px;
    margin-top: 80px;
    text-align: center;
    border: 1px solid #007682;
    color: #007682;
}

.gallery_button {
    width: 150px;
    height: 55px;
    background-color: #FFF;
    padding: 8px;
    padding-left: 55px;
    border: 1px solid #007682;
    border-radius: 5px;
}

.gallery_button > img {
    width: 40px;
}

.text_label {
    margin-bottom: 10px;
    font-size: 14px;
    color: #3E3E3D;
}

.advantag-img {
    width: 80px;
    float: left;
    margin-top: 80px;
    margin-right: 20px;
}

.advantag-data {
    width: 90%;
    float: left;
}

.bottom-action-popup {
    width: 100%;
    background-color: #efefef;
    border-top: 1px solid #cccccc;
    position: fixed;
    bottom: -64px;
    left: 0;
    z-index: 9;
    padding: 10px 10px 10px 115px;
}

input.select-item {
    transform: scale(1.2);
}

/*ОПЛАТА И ДОСТАВКА*/

.maps {
    margin-top: 40px;
    width: 614px;
}

.map {
    background-color: #fff;
    height: 95px;
    width: 100%;
    border: 1px solid #D9D9D9;
}

.map.active {
    background-color: #A3D6d6;
    border-color: #2B7681;
}

.map > div, .map > .map_img > input, .map > .map_img > img {
    float: left;
}

.map_img > input {
    margin-top: 15px;
}

.map_img > img {
    width: 80px;
    margin-right: 32px;
    margin-left: 25px;
}

.map > .map_img {
    padding-left: 25px;
    padding-top: 25px;
    float: left;
    height: 95px;
    border-right: 1px solid #6E6E6E;
}

.map > .text {
    padding: 30px;
    font-size: 18px;
}

/*ГАЛЕРЕЯ ИЗОБРАЖЕНИЙ*/

.nav.nav-tabs > li > a {
    color: #2B7681;
    font: 14px FontRegular;
}

.nav.nav-tabs > li.active > a {
    color: #3E3E3D;
}

#gallery-wrapper {
    margin-top: 30px;
}

.fileupload-buttonbar {
    margin-top: 20px;
}

.fileupload-buttonbar > div > .btn {
    color: #2B7681;
    background-color: #fff;
    border-color: #2B7681;
    border-radius: 0px;
    margin-right: 15px;
}

/*Таблицы*/
#gallery-grid > table > tbody > tr > td {
    font-family: FontRegular;
    font-size: 14px;
    vertical-align: inherit;
    color: #3E3E3D;
}

#gallery-grid > table > tbody > tr.odd > td {
    background-color: #EBEBEB;
}

.upload-button-block {
    position: relative;
}

.upload-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    border: solid transparent;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

/* ADMIN TABLE GRID */

#admin-table-grid > table > tbody > tr > td, .admin-table-grid > table > tbody > tr > td {
    font-family: FontRegular;
    font-size: 14px;
    vertical-align: inherit;
    color: #3E3E3D;
}

#admin-table-grid > table > thead > tr > th,
#admin-table-grid > table > thead > tr > th > a,
#admin-table-grid > table > tbody > tr > td:nth-child(3) > a,
.admin-table-grid > table > thead > tr > th,
.admin-table-grid > table > thead > tr > th > a,
.admin-table-grid > table > tbody > tr > td:nth-child(3) > a {
    color: #2B7681;
    vertical-align: inherit;
    font-size: 14px;
}

#admin-table-grid .link {
    color: #777;
    font-family: FontRegular;
    font-size: 12px;
}

#admin-table-grid > table > a,
.admin-table-grid > table > a {
    color: #2B7681;
    font-family: FontRegular;
    vertical-align: inherit;
    font-size: 12px;
}

#admin-table-grid > table > thead > tr > th,
#admin-table-grid > table > thead > tr > th > a,
.admin-table-grid > table > thead > tr > th,
.admin-table-grid > table > thead > tr > th > a {
    text-transform: uppercase;
}

/* ADMIN TABLE */
.admin-table > a {
    color: #2B7681;
    font-family: FontRegular;
    vertical-align: inherit;
    font-size: 12px;
}

.admin-table > table > thead > tr > th > a {
    text-transform: uppercase;
}

.admin-table > table > tbody > tr > td, .admin-table > tr > td {
    padding: 15px 0 15px 0;
    font-family: FontRegular;
    font-size: 14px;
    vertical-align: inherit;
    color: #3E3E3D;
}

/* SPINNER */

.sl-spinner-loader {
    display: inline-block;
    border: 5px solid #333;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    -webkit-animation: pulsate 1s ease-out infinite;
    -moz-animation: pulsate 1s ease-out infinite;
    -ms-animation: pulsate 1s ease-out infinite;
    -o-animation: pulsate 1s ease-out infinite;
    animation: pulsate 1s ease-out infinite;
}

.modal-checked-file-container .sl-spinner-loader {
    margin-top: 100px;
}

@-webkit-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@-moz-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@-o-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@-ms-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.w2p-spinner {
    width: 44px;
    height: 44px;
    border: 4px solid #1e9c9c;
    border-right-color: transparent!important;
    border-radius: 50%;
    position: relative;
    animation: w2p-spinner-rotate 1s linear infinite;
}

.w2p-spinner.w2p-spinner-lg {
    width: 66px;
    height: 66px;
    border-width: 5px;
}

@keyframes w2p-spinner-rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* SPINNER */

/* MULTIPAGE */

.multipage-container {
    position: relative;
    z-index: 1;
    background: #FFF;
}

.multipage-container::before,
.multipage-container::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: white;
}

.multipage-container::before {
    left: 3px;
    top: -3px;
    z-index: -1;
}

.multipage-container::after {
    left: 6px;
    top: -6px;
    z-index: -2;
}

/* MULTIPAGE */

/* PRODUCT MODULES */

.panel-calculation-module .product-module-title {
    font: 15px FontSemiBold;
}

.panel-calculation-module table tbody {
    border-bottom: 5px solid #FFF;
}

.panel-calculation-module .sortable-module-header {
    cursor: pointer;
}

.calculation-module label {
    color: #333;
}

.calculation-container input[type="text"], .calculation-container input[type="tel"] {
    border: 1px solid #CBD5E0;
    height: auto!important;
    border-radius: 4px;
    background: #FFF;
    padding: 4px!important;
}

.calculation-container .production-time-price.disabled {
    border-color: transparent!important;
}

.part-name-container {
    display: -webkit-flex;
    display: flex;
    margin: 20px 0;
}

.part-name-container .part-name-block {
    font: 16px FontRegular;
    white-space: nowrap;
}

.part-name-container .part-name-block-line {
    content: '';
    border-bottom: 1px solid #A7A9AC;
    box-sizing: border-box;
    margin-bottom: 7px;
    margin-left: 10px;
    width: 100%;
}

.display-mode-modules-container .container-icon {
    background: #fff;
    float: left;
    width: 110px;
    border: 1px solid #bcbec0;
    border-left: 0;
    height: 45px;
    margin-top: -8px;
    cursor: pointer;
    text-align: center;
    line-height: 45px;
    color: #525252;
}

.display-mode-modules-container .container-icon:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.display-mode-modules-container div {
    display: inline-block;
}

.display-mode-modules-container .container-icon:first-child {
    border-left: 1px solid #bcbec0;
}

.display-mode-modules-container .container-icon:hover, .display-mode-modules-container .container-icon.active {
    border-bottom: 3px solid #25a69a;
}

.display-mode-modules-container .container-icon.active {
    background: #f1f1f0;
}

.display-mode-modules-container .container-icon i {
    margin-left: 6px;
    vertical-align: middle;
}

/* PRODUCT MODULES */

/* ICONS */

.admin-icon {
    width: 15px;
    height: 15px;
    display: inline-block;
}

.upload-icon {
    background: url("../img/icons/upload.png") center center / contain no-repeat;
}

/* ICONS */

/* DESKTOP BLOCK */

.desktop-head-links {
    margin-bottom: 15px;
}

.desktop-head-links .gradient-block {
    padding: 25px 12px;
    padding-left: 40px;
    color: #FFF;
    display: block;
    opacity: 0.85;
}

.desktop-head-links .gradient-block a:hover {
    text-decoration: none;
}

.desktop-head-links .gradient-block span, .desktop-head-links .gradient-block i {
    line-height: 30px;
}

.desktop-head-links .gradient-block:hover {
    -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
}

.desktop-head-links .gradient-block .icon {
    font-size: 25px;
    margin-right: 25px;
}

.desktop-head-links .count {
    font: 18px FontSemiBold;
    margin-right: 7px;
}

.desktop-head-links .label-link {
    font: 15px FontSemiBold;
    text-transform: lowercase;
}

.desktop-head-links .gradient-block.gradient-block-1 {
    background: linear-gradient(to right, #cd3348, #e4862d);
}

.desktop-head-links .gradient-block.gradient-block-2 {
    background: linear-gradient(to right, #1a9d3b, #35a9d9);
}

.desktop-head-links .gradient-block.gradient-block-3 {
    background: linear-gradient(to right, #0289d6, #5c3a8e);
}

/* DESKTOP BLOCK */

.history .row {
    padding-top: 10px;
}

.history {
    border-bottom: 1px solid #BABABA;
    padding: 20px;
    font-size: 14px;
    font-family: FontRegular;
    overflow: hidden;
    height: 180px;
}

.history-full {
    height: 100%;
}

.lightGray {
    font: 13px FontLight;
    color: #7c7c7b;
}

.light-label {
    font: 14px FontLight;
}

.full-info-row {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    border: 1px solid #BABABA;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0;
}

.info-row {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    border: 1px solid #BABABA;
    border-bottom: none;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

span.editable:after {
    float: right;
    font-family: 'icomoon' !important;
    content: '\ea08';
    position: relative;
    bottom: 1px;
    margin-left: 7px;
}

.hidden_block {
    display: none;
}

.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar {
    float: none;
}

.ranges [class^="daterangepicker_"] {
    display: none;
}

.daterangepicker .ranges {
    width: auto;
}

.dragndrop:after {
    display: block;
    text-align: center;
    position: relative;
    line-height: 55pt;
    font-size: 18pt;
    color: #E2E2E2;
    border: 2px dashed;
    margin-bottom: 5px;
}

/* ARCHIVE LAYOUTS */

.layout-history-block {
    padding: 0;
    font: 12px FontRegular;
}

.layout-history-block .layout-history-header {
    padding: 10px;
}

.layout-history-block .layout-history-title {
    font: 13px FontRegular;
    color: #000;
}

.layout-history-block .layout-history-date {
    font: 10px FontRegular;
    color: #000;
}

.layout-history-block .layout-history-view {
    background: rgba(255, 255, 255, 0.5);
    height: 164px;
    padding: 7px 14px;
}

.layout-history-block .layout-history-view .col-xs-6 {
    padding-right: 5px;
    padding-left: 5px
}

.layout-history-block .layout-history-view .col-xs-6 img {
    max-height: 143px;
}

.layout-history-block .layout-history-footer {
    padding: 10px;
    height: 134px;
    overflow: hidden;
    overflow-y: auto;
}

.layout-history-block .layout-history-message {
    margin-top: 10px;
    background: #e49796;
    border-radius: 3px;
    color: #FFF;
    padding: 2px 6px;
}

.layout-history-block .layout-history-icon {
    height: 30px;
    width: 30px;
    border: 1px solid #adadad;
    border-radius: 5px;
    background: #FFF;
    color: #6f6f6f;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    font-size: 14px;
}

.layout-history-block.alert-success .layout-history-icon {
    color: #3c763d;
    border-color: #3c763d;
}

.layout-history-block.alert-danger .layout-history-icon {
    color: #a94442;
    border-color: #a94442;
}

.layout-history-block .layout-history-icon a {
    color: inherit;
}

/* ARCHIVE LAYOUTS */

/* MODAL CENTER PAGE */

@media screen and (min-width: 768px) {
    .modal.modal-center-page {
        text-align: center;
    }

    .modal.modal-center-page:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }

    .modal.modal-center-page .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }
}

/* MODAL CENTER PAGE */

/* MODAL VARIANTS*/
.modal-variant .variant-title {
    font: 16px FontRegular;
    margin-bottom: 5px;
}

.modal-variant .variant-description {
    font: 14px FontLight;
}

.modal-variant:hover {
    background: #f5f5f5;
    cursor: pointer;
}

/* MODAL VARIANTS*/

/* CALENDAR BLOCK */

.date-delivery {
    border-radius: 3px;
    border: 2px solid #1e9c9c;
    width: 85px;
    text-align: center;
}

.date-delivery .header-date-delivery {
    text-align: center;
    color: #FFF;
    padding: 0;
    background: #1e9c9c;
    font-size: 12px;
}

.date-delivery .day-delivery {
    text-align: center;
    padding: 4px;
    font: 20px FontSemiBold;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    line-height: 23px;
    background: #FFF;
}

/* CALENDAR BLOCK */

/* MODAL */

.modal .modal-loader {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.4);
    z-index: 999;
}

.modal-backdrop {
    visibility: hidden !important;
}

.modal.in {
    background-color: rgba(0, 0, 0, 0.5);
}

/* MODAL */

/* DELIVERY */

.calc-delivery-points {
    margin: 15px 0;
}

.calc-delivery-points .delivery-points-content {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
}

.calc-delivery-points .delivery-points-content .delivery-points-map {
    height: 400px;
    width: 100%;
}

.calc-delivery-points .delivery-points-menu li {
    list-style-type: none;
    display: inline-block;
    cursor: pointer;
    margin-left: 25px;
    font-size: 15px;
}

.calc-delivery-points .delivery-points-menu li.active {
    color: #08c;
    border-bottom: 1px dashed #08c;
}

.delivery-points-list {
    height: 400px;
    overflow: hidden;
    overflow-y: auto;
}

.delivery-points-list label {
    font: 14px FontRegular;
    color: #000;
    padding-left: 50px;
}

.delivery-points-list label .light-label {
    font: 12px FontLight;
}

/* DELIVERY */

/* FULL POPUP WINDOW */

.full-popup-window {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999999;
}

.full-popup-window .label-popup {
    text-align: center;
    font: 30px FontRegular;
    margin-top: 200px;
    color: #FFF;
}

.full-popup-window .sl-spinner-loader {
    width: 50px;
    height: 50px;
    border-color: #FFF;
}

/* FULL POPUP WINDOW */

.note {
    clear: both;
    padding: 3px;
    border: 1px dotted #ffc539;
    background-color: #fffac4;
    margin-top: 3px;
}

#add-product {
    min-width: 75px;
    width: 100%;
}

#products .well {
    min-height: 20px;
    padding: 5px 5px 5px 2px;
    margin-bottom: 2px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.product-row {
    margin-bottom: 4px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
}

.coupons .alert {
    margin-bottom: 0;
}

.coupons .alert .close {
    float: none;
    top: 0;
}

.label-purple {
    background-color: #B9008C;
}

/*НОВЫЕ СТИЛИ*/
#main-content, .main-content {
    background-color: rgba(255, 255, 255, 0.95);
    padding: 20px 40px;
    margin-top: 0;
    border: 1px solid #eaeaea;
}

.big-title > h1 {
    font: 21pt FontSemiBold;
    color: #3E3E3D;
}

.title > h2 {
    font: 16pt FontRegular;
    color: #3E3E3D;
}

.order-grid-style {
    overflow-x: auto;
    clear: both;
    position: relative;
}

.order-grid-style > table > tbody > tr > td {
    font-size: 12px !important;
}

.order-grid-style > table > tbody > tr > td, .order-grid-style > table > tbody > tr > th,
.order-grid-style > table > thead > tr > td, .order-grid-style > table > thead > tr > th {
    padding-left: 10px;
    padding-right: 10px;
}

.order-grid-style .fixed-height-container {
    white-space: nowrap;
    overflow: hidden;
    height: 52px;
}

.order-grid-style .fixed-height-container:after {
    content: '';
    width: 0;
    height: 52px;
    display: inline-block;
    vertical-align: middle;
}

.order-grid-style .fixed-height-container > div {
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
}

.order-grid-style .headline {
    margin-top: 6px;
    margin-bottom: 20px;
}

.number > a, .sort-link {
    text-transform: uppercase;
    color: #2B7681;
    font-family: FontRegular;
    font-weight: 500;
    white-space: nowrap;
}

th {
    text-transform: uppercase;
    color: #2B7681;
    font-family: FontLight;
    font-weight: 500;
}

.number > a.text-danger {
    color: #a94442;
}

.number > a {
    font-family: FontSemiBold;
}

.user-name {
    font-weight: 500;
}

.nav-tabs-statuses {
    margin: 10px auto;
}

.nav-tabs-statuses li a {
    font: 10px FontSemibold !important;
    text-transform: uppercase;
    height: 35px;
}

.order-grid-style > .table-condensed > tbody > tr > td, .order-grid-style > .table-condensed > tbody > tr > th {
    padding-top: 0;
    padding-bottom: 0;
    height: 52px;
    vertical-align: middle;
    color: #666;
}

.order-grid-style > .table-condensed > tbody > tr:nth-child(odd) > td, .order-grid-style > .table-condensed > tbody > tr:nth-child(odd) > th {
    background-color: transparent;
}

.order-grid-style th, .order-grid-style thead td, .order-grid-style th a {
    border: none !important;
    color: #333;
    font-family: FontSemiBold;
    font-size: 12px;
    text-transform: none;
}

.order-grid-style tbody tr {
    background-color: rgba(238, 238, 238, 0.45);
}

.order-grid-style tbody td > a {
    display: flex;
    align-items: center;
    height: 52px;
    overflow-y: hidden;
}

.order-grid-style .payer-name, .order-grid-style .user-name, .order-grid-style .manager_id {
    min-width: 200px;
}

.order-grid-style tbody td.payer-name a {
    color: #333;
}

.order-grid-style tbody td.user-name a, .order-grid-style tbody td.number a {
    color: #333;
    font-family: FontSemiBold;
}

.order-grid-style thead td {
    border: none;
}

.order-grid-style tbody tr:first-child td {
    border: none;
}

.order-grid-style tbody tr + tr td {
    border-top-color: white;
}

.order-grid-style #Order_status_id {
    max-width: 155px;
}

.order-grid-style td.status, .order-grid-style td.status-filter, .order-grid-style th.status-header {
    padding-left: 0;
    padding-right: 1px;
}

.order-grid-style td.paid, .order-grid-style td.paid-filter, .order-grid-style th.paid-header {
    padding-left: 0;
    padding-right: 1px;
}

.order-grid-style td.status-filter select, .order-grid-style td.paid-filter select {
    max-width: 155px;
}

.label.label-status, .label.label-pay {
    min-width: 105px;
    height: 25px;
    line-height: 17px;
    font-weight: normal;
    border-radius: 0;
    display: inline-block;
    text-transform: uppercase;
    font-size: 9pt;
    text-align: left;
    padding-top: 5px;
}

.order-grid-style .label.label-status, .order-grid-style .label.label-pay {
    width: 155px;
    height: 52px;
    line-height: 52px;
    font-size: 13px;
    font-family: FontRegular;
    text-transform: none;
    text-align: center;
    padding: 0 5px;
    color: white;
}

.order-grid-style .status-progress {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 1px;
    margin-top: 1px;
}

.order-grid-style .status-progress-cells {
    width: 9px;
    height: 9px;
    margin-top: 1px;
}

.order-grid-style .status-progress.status-state-100 .status-progress-cells {
    background-color: #e2445c;
}

.order-grid-style .status-progress.status-state-75 .status-progress-cells {
    background-color: #fdab3d;
}

.order-grid-style .status-progress.status-state-50 .status-progress-cells {
    background-color: #fdab3d;
}

.order-grid-style .status-progress.status-state-25 .status-progress-cells {
    background-color: #00c875;
}

.order-grid-style .status-progress.status-state-0 .status-progress-cells {
    background-color: #00c875;
}

.order-grid-style .status-progress.status-state-75 .status-progress-cells:nth-child(5) {
    visibility: hidden;
}

.order-grid-style .status-progress.status-state-50 .status-progress-cells:nth-child(5),
.order-grid-style .status-progress.status-state-50 .status-progress-cells:nth-child(4) {
    visibility: hidden;
}

.order-grid-style .status-progress.status-state-25 .status-progress-cells:nth-child(5),
.order-grid-style .status-progress.status-state-25 .status-progress-cells:nth-child(4),
.order-grid-style .status-progress.status-state-25 .status-progress-cells:nth-child(3) {
    visibility: hidden;
}

.order-grid-style .status-progress.status-state-0 .status-progress-cells:nth-child(5),
.order-grid-style .status-progress.status-state-0 .status-progress-cells:nth-child(4),
.order-grid-style .status-progress.status-state-0 .status-progress-cells:nth-child(3),
.order-grid-style .status-progress.status-state-0 .status-progress-cells:nth-child(2) {
    visibility: hidden;
}

.order-grid-style td.sum, .order-grid-style td.price {
    white-space: nowrap;
    min-width: 130px;
}

.order-grid-style .date {
    min-width: 80px;
    white-space: nowrap;
}

.order-grid-style .no-preview {
    width: 52px;
    height: 52px;
    background: #FFF;
    color: #9D9D9C;
    text-align: center;
    padding-top: 14px;
}

.last-orders-table > table > tbody > tr > td, .last-orders-table > table > tbody > tr > td > a {
    font-size: 13px !important;
}

.label.label-pay.label-warning {
    background-color: #FDAB3D;
}

.label.label-pay.label-success {
    background-color: #00C875;
}

.label > span {
    border-bottom: none !important;
}

.label.label-not-paid {
    color: #FF0000;
}

.label.label-paid {
    color: #3E3E3D;
}

.label.label-warning {
    background-color: #F15A24;
}

.label.label-yellow {
    background-color: #FDAB3D;
}

.label.label-pistachio {
    background-color: #00C875;
}

.label.label-info {
    background-color: #579BFC;
}

.label.label-primary {
    background-color: #0086C0;
}

.label.label-purple {
    background-color: #A25DDC;
}

.label.label-mint {
    background-color: #9CD326;
}

.label.label-black {
    background-color: #333333;
}

.label.label-default {
    background-color: #C4C4C4;
}

.label.label-dark-grey {
    background-color: #808080;
}

.label.label-pink {
    background-color: #FF5AC4;
}

.label.label- {
    color: black !important;
    background-color: #FFFFFF;
}

.label.label-deeppink {
    background-color: #FF158A;
}

.label.label-light-cyan {
    background-color: #66CCFF;
}

.label.label-light-yellow {
    background-color: #FFCB00;
}

.label.label-burgundy {
    background-color: #BB3354;
}

.label.label-brown {
    background-color: #7F5347;
}

.label.label-danger {
    background-color: #E2445C;
}

.label.label-success {
    background-color: #037F4C;
}

.label.label-goldenrod {
    background-color: #CAB641;
}

.label > span:after {
    float: right;
    font-family: FontAwesome;
    content: "\f107";
    position: relative;
    bottom: 1px;
}

.system-tag {
    display: inline-block;
    font-size: 14px;
    color: #4A5568;
    padding: 4px 12px;
    border-radius: 4px;
}

.system-tag-danger {
    background-color: #FED7D7;
}

.system-tag-danger .w2p-icon-editor-info {
    color: #9B2C2C;
}

@-moz-document url-prefix() {
    .label > span:after {
        float: right;
        font-family: FontAwesome;
        content: "\f107";
        position: relative;
        bottom: 12px;
    }
}

.itog {
    width: 100%;
    color: #000;
    background-color: #b4dde3;
}

.itog td.right {
    float: right;
}

.itog_tr {
    font-weight: bold;
    background-color: #a0d5dd;
}

.itog-container.col-md-6 {
    font-size: 17px;
}

.itog-container table td {
    padding: 5px 10px !important;
}

.big-icon {
    border-right: 1px solid #BABABA;
    height: 170px;
    padding-top: 60px;
}

.big-icon img {
    width: 50px;
}

.big-icon > i {
    font-size: 50px;
    color: #BABABA;
}

.client-info {
    padding: 10px 0;
    color: #2B7681;
    font: 13px FontRegular;
}

.client-info > div {
    margin-bottom: 2px;
}

.address-info {
    float: left;
    padding: 10px;
    margin-top: 20px;
    line-height: 12px;
}

.address-info .form-group {
    margin-bottom: 13px;
}

.info-head {
    display: flex;
    font: 13px FontLight;
}

.info-col {
    width: 50%;
    float: left;
}

.order-parameters {
    min-height: 223px;
    width: 100%;
    background-color: rgba(250, 249, 221, 0.95);
    display: inline-block;
    position: relative;
}

.order-parameters thead {
    display: none;
}

#status > table > tbody > tr > td, #paid > table > tbody > tr > td {
    border-top: 0;
    padding: 0;
}

#status > table > tbody > tr > td > a > div.label, #paid > table > tbody > tr > td > a > div.label {
    margin-left: 0;
}

.address-info > table > tbody > tr > td {
    height: 35px;
}

.address-info > table > tbody > tr > td:nth-child(1) {
    text-align: right;
}

.address-info > table > tbody > tr > td:nth-child(2) {
    text-align: left;
}

.address-info #price {
    margin-left: 10px;
    margin-top: 55px;
    font: 25px FontRegular;
}

.header-text {
    font: 16px FontRegular;
    margin-top: 35px;
    margin-bottom: 15px;
}

.editable-buttons > .btn-sm {
    font-size: 8px !important;
}

.editable-buttons > .btn-sm {
    margin-top: 3px !important;
}

#params_table > tbody > tr {
    height: 30px;
}

.order-parameters table td, .order-parameters table th {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: none !important;
}

.rubl {
    font: 14px FontSemiBold;
    margin-top: 3px;
}

table.items.table thead td {
    border: 0;
}

.icon-border {
    font-size: 15px;
    color: #444;
    border: 1px solid #999;
    padding: 5px;
    background: #FFF;
    display: inline-block;
}

.disabled {
    color: #b9b9b9 !important;
    border-color: #b9b9b9 !important;
    cursor: default !important;
}

.user-avatar {
    border: 1px solid #D1D3D4;
    height: 220px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.user-label-block {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 20px;
}

.user-label-block .user-label {
    color: #A7A9AC;
    font: 9px FontRegular;
    text-transform: uppercase;
    white-space: nowrap;
}

.user-label-block .user-label-line {
    border-bottom: 1px solid #A7A9AC;
    box-sizing: border-box;
    width: 100%;
}

.user-info {
    color: #488FCC;
    font: 15px FontRegular;
}

.user-finance-block {
    background: #FAF9DE;
    padding: 30px;
    text-align: center;
}

.user-finance-label {
    font: 12px FontRegular;
    margin-bottom: 1px;
}

.user-finance-block .user-finance-label {
    margin-bottom: 20px;
}

.user-finance-block .label {
    font: 15px FontRegular;
}

.user-row {
    border-left: 1px solid #a7a7a7;
    padding-left: 20px;
    padding-top: 10px;
    margin-left: 50px;
}

fieldset legend {
    width: auto;
    color: #488FCC;
    font: 11px FontRegular;
    padding: 0 10px;
    margin: 0;
}

fieldset {
    border-color: #488FCC;
    padding: 45px 15px;
    font: 14px FontSemiBold;
}

fieldset .percent-value {
    font: 20px FontRegular;
    color: #488FCC;
}

.user-info-row {
    margin-top: 10px;
}

.toggle-category-children {
    display: inline-block;
    color: #26a69a;
    cursor: pointer;
    margin: 10px 0;
}

.category .btn-sort-item {
    cursor: -webkit-grab;
    cursor: grab;
}

.category .btn-sort-item:active {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.btn-link {
    color: #27a69a;
    border: none;
}

.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

/*
--------------------------------------
[ CART ]
--------------------------------------
 */
.cart-items {
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #FFF;
}

.cart-items .cart-item {
    width: 100%;
    display: inline-block;
}

.cart-items .cart-item .cart-item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 5px 20px;
    font-size: 16px;
    min-height: 45px;
}

.cart-item .cart-item-header .cart-icon {
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #EFEFEF;
    vertical-align: middle;
}

.cart-item .cart-item-name {
    font: 13px FontSemiBold;
}

.cart-item .cart-delete-product {
    color: red;
    font-size: 18px;
    text-decoration: none;
    margin-left: 20px;
    flex-shrink: 0;
}

.cart-items .cart-item-body {
    padding: 10px;
}

.cart-item-image {
    width: 100%;
    height: 115px;
    position: relative;
    border: 1px solid #e6e6e6;
    background: #f0f0f0;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.cart-item-image.cart-item-image-danger {
    color: #ab283b;
    border-color: #ab283b;
    background: #efd3d9;
    padding-top: 25px
}

.cart-item-image.cart-item-image-danger .danger-icon {
    position: absolute;
    right: -6px;
    top: 1px;
    padding: 3px;
    border-radius: 50%;
    background: #fd2544;
    color: #FFF;
    width: 14px;
    height: 14px;
    font-size: 7px;
}

.cart-item-image .cart-item-image-upload {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    padding: 12px 5px;
    text-align: center;
    cursor: pointer;
}

.cart-item-image:hover .div_zoom {
    display: block;
}

.cart-item-property-title {
    font: 13px FontRegular;
    margin-bottom: 5px;
}

.cart-item-property {
    font: 13px FontLight;
    color: #444444;
}

.cart-item-property hr {
    margin: 5px 0;
}

.cart-item-property ul {
    list-style-position: inside;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    column-gap: 10px;
    -moz-column-gap: 10px;
    margin-bottom: 0;
}

.cart-item .cart-icon {
    border: 1px solid #9e9e9e;
    display: inline-block;
    font-size: 20px;
}

.rich-radio {
    width: 100%;
    margin-bottom: 5px
}

.rich-radio-input {
    position: absolute;
    visibility: hidden;
    display: none
}

.rich-radio-input:checked + label:after {
    display: block;
}

.select-background-block .rich-radio-label {
    color: #000;
    display: block !important;
    height: auto !important;
    position: relative;
    cursor: pointer;
    padding: 10px 10px 5px 45px;
    -webkit-transition: border-color .5s ease-in-out, color .5s ease-in-out;
    transition: border-color .5s ease-in-out, color .5s ease-in-out;
    min-height: 50px;
    line-height: normal !important;
    font-size: 14px;
}

.select-background-block .rich-radio-label:hover {
    border-color: #7258af;
    -webkit-transition: border-color .2s ease-in-out, color .2s ease-in-out;
    transition: border-color .2s ease-in-out, color .2s ease-in-out;
    color: #000
}

.select-background-block .rich-radio-label:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    top: 27px;
    left: 9px;
    border: 1px solid #a6a6a6;
    border-radius: 9px;
    box-shadow: 0 1px 4px 0 rgba(44, 44, 44, .1) inset;
    box-sizing: border-box;
    background: #FFF;
}

.select-background-block .rich-radio-label:after {
    position: absolute;
    content: '';
    display: none;
    width: 10px;
    height: 10px;
    top: 32px;
    left: 14px;
    background-color: #1e9c9c;
    border-radius: 50%;
}

.select-background-block .rich-radio-input:checked + .rich-radio-label .rich-radio__aside,
.select-background-block .rich-radio-label:hover .rich-radio__aside {
    background-color: #7258af;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.select-background-block-radius label {
    color: #000;
    display: block !important;
    height: auto !important;
    position: relative;
    cursor: pointer;
    padding: 5px 15px !important;
    border: 1px solid #000;
    border-radius: 5px;
    margin: 1px;
}

.select-background-block-radius input:checked + label {
    border-color: #1e9c9c;
    border-width: 2px;
    margin: 0;
}

.rich-radio-body {
    height: 100%;
    display: block;
}

.select-background-block {
    border: 1px solid #e6e6e6;
    margin-bottom: 10px;
}

.select-background-block.active {
    background-color: #B6E3EA;
}

.delivery-type-block .select-background-block.active {
    background-color: transparent;
}

.select-background-block.select-background-block-radius {
    border-radius: 5px;
}

.select-small-background-block .rich-radio-label {
    padding: 7px 10px;
    border: 1px solid #000000;
    border-radius: 5px;
    display: block !important;
    color: #333;
    font: 14px FontRegular;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto !important;
}

.admin-cart .rich-radio-label:before,
.admin-cart .rich-radio-label:after,
.admin-cart .rich-radio label:before,
.admin-cart .rich-radio label:after,
.admin-cart .select-background-block-radius label:before,
.admin-cart .select-background-block-radius label:after {
    display: none;
}

.select-small-background-block .rich-radio-label i {
    margin-right: 10px;
}

.select-small-background-block.active .rich-radio-label,
.select-small-background-block .rich-radio-label:hover {
    background-color: #e6e6e6;
    border-color: #000000;
    cursor: pointer;
}

.calc-delivery-points {
    margin: 15px 0;
}

.calc-delivery-points .delivery-points-content {
    max-height: 400px;
    overflow: hidden;
    overflow-y: auto;
}

.calc-delivery-points .delivery-points-content .delivery-points-map {
    height: 400px;
    width: 100%;
}

.calc-delivery-points .delivery-points-menu li {
    list-style-type: none;
    display: inline-block;
    cursor: pointer;
    margin-left: 25px;
    font-size: 15px;
}

.calc-delivery-points .delivery-points-menu li.active {
    color: #08c;
    border-bottom: 1px dashed #08c;
}

.delivery-search-field {
    position: relative;
    padding: 0 14px 8px 14px !important;
}

.delivery-search-field input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #2D3748;
    border-radius: 4px;
    outline: none;
}

.delivery-search-field input::placeholder{
    color: #9e9e9e;
}

.delivery-search-field::-webkit-input-placeholder{
    color: black;
}

.delivery-search-field i {
    color: #718096;
    cursor: default!important;
}

.delivery-search-field span {
    position: absolute;
    top: 9px;
    right: 24px;
    border: none;
    padding: 0;
    background: none;
    cursor: default;
}

.payment-icon {
    height: 40px;
    float: left;
    margin-right: 8px;
}

.admin-panel-image .cart-title-block {
    color: white;
}

.cart-title-block h1 {
    font: 16px FontSemiBold;
    text-transform: uppercase;
}

#clear-cart-button {
    display: flex;
    align-items: center;
    background: transparent;
    border: none;
    padding-right: 21px;
    margin-top: 10px;
    font-size: 13px;
}

#clear-cart-button i {
    color: red;
    font-size: 18px;
    margin-left: 4px;
}

/*
--------------------------------------
[ CART END ]
--------------------------------------
 */

/* GALLERY MODULE */

.image:not(.img-polaroid) .image-changes {
    position: absolute;
}

ul.gallery-thumbnails {
    list-style-type: none;
    padding: 0;
}

.image-wrapper {
    float: left;
    position: relative;
    width: 190px;
    height: 206px;
    margin: 0 15px 30px 15px;
    border: 1px solid #CCC;
    background-color: #fff;
    padding: 10px;
    text-align: center;
}

.image-wrapper .sl-spinner-loader {
    margin-top: 30px;
}

.image-wrapper .progress-bar {
    margin-top: 10px;
    height: 10px;
}

.image-wrapper img {
    max-width: 100%;
    max-height: 100%;
}

.gallery-thumbnail {
    display: block;
    height: 150px;
    margin-bottom: 7px;
}

.gallery-thumbnail .img-thumbnail {
    max-height: 100%;
}

.ribbon {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

.ribbon span {
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#9BC90D 0%, #79A70A 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    right: -21px;
}

.ribbon span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #79A70A;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79A70A;
}

.ribbon span::after {
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #79A70A;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79A70A;
}

.gallery-thumbnail .move-sign {
    position: absolute;
    left: 67px;
    top: 67px;
    padding: 5px;
    background-color: #fff;
    opacity: 0;
    border-radius: 5px;
    transition: opacity 0.3s ease-in-out;
    cursor: move;
}

.gallery-thumbnail:hover .move-sign {
    opacity: 0.4;
}

.p-15-40 {
    padding: 15px 40px;
}

.note-editable ul {
    padding-left: 40px !important;
    list-style-type: disc !important;
}

.note-editable ul li {
    list-style-type: disc !important;
}


/* GALLERY MODULE */


/* UPLOAD IMAGE WIDGET */

.upload-image-widget-container {
    border: 1px solid #CCC;
    display: flex;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.upload-image-widget-container:not(.uploaded) {
    background-color: #e9e9e9;
}

.upload-image-widget-container:before {
    content: '';
    padding-top: 100%;
}

.upload-image-widget-container .upload-button-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.multiple-select-dropdown.active{
    top: 32px!important;
    left: 0!important;
    width: 100% !important;
}

.upload-image-widget-container .progress {
    height: 10px;
}

.upload-image-widget-description {
    margin-bottom: 10px;
}

.upload-image-widget-description .description {
    color: #878787;
    font-size: 12px;
}

.upload-image-widget-description .description i {
    margin-left: 5px;
    margin-right: 10px;
}

.upload-image-widget-container .upload-button-container input[type="file"] {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    cursor: pointer;
}

.upload-image-widget-container .btn-delete-image {
    position: absolute;
    z-index: 99;
    right: 5px;
    top: 5px;
}

.upload-image-widget-container span {
    background: #fff;
    padding: 5px 10px;
    border-radius: 3px;
}

.upload-image-widget-container.uploaded span {
    display: none;
}

.upload-image-widget-container.uploaded:hover span {
    display: block;
}

/* UPLOAD IMAGE WIDGET */

/* MODAL FULLSCREEN */

.modal-fullscreen {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #fff;
    padding: 48px 32px 32px 20px;
    overflow-y: auto;
    z-index: 1039;
}

.modal-fullscreen i.close {
    position: absolute;
    right: 35px;
    top: 80px;
    cursor: pointer;
    font-size: 16px;
}

.modal-fullscreen .container {
    width: 100%;
    max-width: 1420px;
}

/* MODAL FULLSCREEN */

.grid-loader {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    padding-top: 15px;
    background: rgba(255, 255, 255, 0.9);
    z-index: 5;
}

.grid-loader {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.9);
    z-index: 5;
}

.switch-field > div {
    display: inline-block;
}

.d-flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.position-absolute {
    position: absolute!important;
}

.d-flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.align-items-center {
    align-items: center !important;
}

.justify-content-center {
    justify-content: center;
}

.w-100 {
    width: 100% !important;
}

.h-100 {
    height: 100% !important;
}
.slider-modal-item {
    cursor: pointer;
}

.position-relative {
    position: relative !important;
}

.flex-column {
    flex-direction: column !important;
}

.photos-view-modal .photos-view-modal__counter {
    min-width: 60px;
}

.photos-view-modal .modal-dialog {
    width: 100% !important;
    padding: 30px !important;
}

.photos-view-modal img {
    margin: auto;
    max-height: 600px;
}

/**
 * Data tables
 */

.dataTables_wrapper .dataTables_filter, .dataTables_length {
    display: none;
}

.dataTables_wrapper {
    padding-top: 32px;
}

.dataTables_wrapper .dataTables_filter {
    display: none;
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.755em;
}

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #444;
    display: inline-block;
    padding: 0 10px;
    line-height: 30px;
    position: relative;
    float: left;
    margin-left: -1px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.dataTables_wrapper .paginate_button.previous {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.dataTables_wrapper .paginate_button.next {
    margin-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.m-0 {
    margin: 0 !important; }

.mt-0,
.my-0 {
    margin-top: 0 !important; }

.mr-0,
.mx-0 {
    margin-right: 0 !important; }

.mb-0,
.my-0 {
    margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
    margin-left: 0 !important; }

.m-1 {
    margin: 0.25rem !important; }

.mt-1,
.my-1 {
    margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important; }

.m-2 {
    margin: 0.5rem !important; }

.mt-2,
.my-2 {
    margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important; }

.m-3 {
    margin: 1rem !important; }

.mt-3,
.my-3 {
    margin-top: 1rem !important; }

.mr-3,
.mx-3 {
    margin-right: 1rem !important; }

.mb-3,
.my-3 {
    margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
    margin-left: 1rem !important; }

.m-4 {
    margin: 1.5rem !important; }

.mt-4,
.my-4 {
    margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important; }

.m-5 {
    margin: 2rem !important; }

.mt-5,
.my-5 {
    margin-top: 2rem !important; }

.mt-6,
.my-6 {
    margin-top: 3rem !important; }

.mr-5,
.mx-5 {
    margin-right: 2rem !important; }

.mb-5,
.my-5 {
    margin-bottom: 2rem !important; }

.mb-6,
.my-6 {
    margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
    margin-left: 2rem !important; }

.p-0 {
    padding: 0 !important; }

.pt-0,
.py-0 {
    padding-top: 0 !important; }

.pr-0,
.px-0 {
    padding-right: 0 !important; }

.pb-0,
.py-0 {
    padding-bottom: 0 !important; }

.pl-0,
.px-0 {
    padding-left: 0 !important; }

.p-1 {
    padding: 0.25rem !important; }

.pt-1,
.py-1 {
    padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
    padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
    padding-left: 0.25rem !important; }

.p-2 {
    padding: 0.5rem !important; }

.pt-2,
.py-2 {
    padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
    padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
    padding-left: 0.5rem !important; }

.p-3 {
    padding: 1rem !important; }

.pt-3,
.py-3 {
    padding-top: 1rem !important; }

.pr-3,
.px-3 {
    padding-right: 1rem !important; }

.pb-3,
.py-3 {
    padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
    padding-left: 1rem !important; }

.p-4 {
    padding: 1.5rem !important; }

.pt-4,
.py-4 {
    padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
    padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
    padding-left: 1.5rem !important; }

.p-5 {
    padding: 2rem !important; }

.pt-5,
.py-5 {
    padding-top: 2rem !important; }

.pr-5,
.px-5 {
    padding-right: 2rem !important; }

.pb-5,
.py-5 {
    padding-bottom: 2rem !important; }

.pl-5,
.px-5 {
    padding-left: 2rem !important; }

.table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger {
    background-color: #f2dede !important;
}

.d-inline {
    display: inline!important;
}

.d-none {
    display: none !important;
}

@media (min-width: 768px) {
    .d-md-none {
        display: none!important;
    }

    .order-md-last {
        order: 13;
    }

    .order-md-1 {
        order: 1;
    }
}

.modal-fullscreen .modal-container .upload-layout-containers.row {
    display: flex;
}

.custom-input {
    margin-right: 0.5rem !important;
}


.align-items-start {
    align-items: flex-start!important;
}

.photos-count-view-modal .photos-list-previews {
    display: none;
}

.photos-list-previews div.photos-list-previews-wrap.active {
    width: 66px;
    height: 66px;
    padding: 2px;
    border-radius: 4px;
    margin-left: 1px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.photos-list-previews div.photos-list-previews-wrap {
    margin-left: 4px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    width: 60px;
    height: 60px;
}

.photos-count-view-modal .photos-list-previews .photos-list-previews-image {
    width: 56px;
    height: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.photos-list-previews .active {
    border-color: #25a69a;
    border-width: 1px;
    border-style: solid;
}

.photos-count-view-modal .count-view-description {
    display: none;
    margin-left: 12%;
}

.slick-arrow.slick-disabled .arrow, .slick-arrow.slick-disabled {
    border-radius: 50%;
    background-color: #CBD5E0 !important;
    cursor: not-allowed;
}

.photos-view-modal .arrow {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #4A5568;
    color: #fff;
    cursor: pointer;
}

.preview .slider-modal:hover > div:first-child {
    background-color: rgba(0,0,0,.5);
}

.count-views-slider-wrap .control, .slick-slider .control {
    top: calc(50% - 20px);
}

.count-views-slider-wrap .control.control-prev, .slick-slider .control.control-prev {
    left: 0;
}

.count-views-slider-wrap .control.control-next, .slick-slider .control.control-next {
    right: 0;
}

.slick-slider .arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: #4A5568;
    color: #fff;
    cursor: pointer;
    text-decoration: none !important;
}

.text-3 {
    font-weight: 700;
}