html {
height: 100%;
}
body {
padding-top: 0;
margin: 0;
height:100%;
min-width: 1360px;
background-color: #efefef;
box-sizing: border-box;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
}
body.drag-active {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: -webkit-grabbing !important;
cursor: grabbing !important;
}
:focus {
outline: 2px solid #ffdb4d;
outline-offset: -2px;
}
a {
color: #608dbb;
text-decoration: none;
}
a:hover,
a:focus,
a:active {
color: #c00;
}
input:focus,
textarea:focus {
outline: 2px solid #ffdb4d;
outline-offset: -2px;
}
.report-container {
font-size: 16px;
width: 210mm;
height: 279.4mm;
margin: 10px auto;
padding: 20px;
border: 1px solid #a5a5a5;
}
/* LOGIN */
.login-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
background-image: radial-gradient(at 50% 50%, #efede6 0%, #fff 40%);
}
.form-input {
padding: 3px 5px;
border-radius: 4px;
border: 1px solid #ddd;
}
.form-errors {
text-align: center;
padding-bottom: 10px;
color: red;
letter-spacing: .1px;
}
/* LOGIN WINDOW */
.login-form {
position: fixed;
top: 50%;
left: 50%;
width: 600px;
height: 350px;
margin-left: -300px;
margin-top:-175px;
padding: 0;
border: 1px solid #efede6;
box-shadow: 0 0 20px -6px rgba(0, 0, 0, 0.1);
background-color: #fff;
overflow: hidden;
z-index: 1;
}
.login-form-gut {
position: relative;
margin-top: 75px;
margin-left: 130px;
opacity: 0;
transition: opacity 400ms;
z-index: 10;
}
.login-form-gut.is-visible {
opacity: 1;
}
.login-form__title {
margin-top: 0;
margin-bottom: 35px;
margin-left: -50px;
color: #656565;
font-size: 18px;
font-weight: 300;
font-family: "PT Sans", sans-serif;
}
.login-form .field-block:hover {
background-color: initial;
}
.login-form__submit-block {
padding-top: 10px;
padding-left: 170px;
}
.login-form__submit-block .btn {
min-width: 100px;
text-align: center;
}
.form-errors {
text-align: center;
margin-top: 20px;
color: red;
letter-spacing: .1px;
}
.login-form__bg-circle {
position: absolute;
transform: scale(0) translateX(-30px);
top: -85px;
left: -130px;
width: 630px;
height: 630px;
pointer-events: none;
background-color: #fff9ea;
border-radius: 50%;
z-index: 1;
animation: boot-circles 2000ms forwards;
}
.login-form__bg-circle::after {
content: "";
transform: scale(0) translateX(-30px);
position: absolute;
left: 50%;
top: 50%;
width: 460px;
height: 460px;
margin-left: -230px;
margin-top: -230px;
border-radius: 50%;
background-color: #fff5d9;
z-index: 2;
animation: boot-circles 2000ms forwards;
}
@keyframes boot-circles {
0% {
transform: scale(0) translateX(-30px);
}
100% {
transform: scale(1) translateX(0);
}
}
.login-form__progressbar {
position: absolute;
display: block;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
z-index: 3;
}
.no-progressbar .login-form__progressbar {
display: none;
}
.login-form__progressbar-bar {
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 100%;
}
.login-form__progressbar-bar-1 {
background-color: rgb(82, 172, 98);
animation-name: indeterminate1;
animation-delay: 2000ms;
animation-duration: 2000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.login-form__progressbar-bar-2 {
background-color: rgba(82, 172, 98, 0.3);
width: 100%;
opacity: 0;
animation-name: show-bar;
animation-delay: 2000ms;
animation-duration: 100ms;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
.login-form__progressbar-bar-3 {
animation-name: indeterminate2;
animation-delay: 2000ms;
animation-duration: 2000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes show-bar {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes indeterminate1 {
0% {
left: 0%;
width: 0%;
}
50% {
left: 25%;
width: 75%;
}
75% {
left: 100%;
width: 0%;
}
}
@keyframes indeterminate2 {
0% {
left: 0%;
width: 0%;
}
50% {
left: 0%;
width: 0%;
}
75% {
left: 0%;
width: 25%;
}
100% {
left: 100%;
width: 0%;
}
}
/* HELPER CLASSES */
.ul-unstyled {
list-style-type:none;
padding-left:0;
margin:0;
}
.hideElem {
display: none;
}
.showElem {
display: block;
}
.abs-top-r {
position: absolute !important;
top: 4px !important;
right: 4px !important;
}
.rotate-90 {
transform: rotate(90deg);
}
.red-outline-error {
outline: 1px solid orangered;
}
/* ------------------------------------------------- */
.rsapp {
/*padding-bottom: 25px;*/
height: 100%;
min-height: 100%;
display: flex;
flex-direction: column;
background-color: #f3f3f3;
}
/* **************************************************************************************************************** */
/* region Header navigation */
/* main menu */
.NavMenu {
position: fixed;
width: 105px;
height: 25px;
top: 4px;
left: 0;
padding: 0;
background-color: #585151;
margin:0;
list-style-type:none;
z-index: 500;
}
.NavMenuItem {
position: relative;
}
.NavMenuItem > a {
position: relative;
display: block;
padding-left: 20px;
height: 25px;
line-height: 25px;
text-decoration: none;
color: #dbdbdb;
}
.NavMenuItem > a::after {
content: '';
display: block;
position: absolute;
right: 13px;
top: 7px;
border: 6px solid transparent;
border-left: 6px solid #6c6767;
transform-origin: left;
}
.NavMenuItem:hover > a::after {
transform: rotate(90deg);
top: 5px;
right: 11px;
}
.NavMenuItem:hover {
background-color: #605e5f;
}
.NavSubMenu.is-visible {
display: block;
}
/* Submenu */
.NavSubMenu {
position: absolute;
top: 25px;
padding: 5px 15px 5px 5px;
display: none;
list-style: none;
background-color: #605e5f;
z-index: 1;
}
.NavSubMenuItem {
position: relative;
white-space: nowrap;
list-style-type:none;
padding-left:0;
margin:0;
}
.NavSubMenuItem a {
display: block;
padding-left: 15px;
text-decoration: none;
color: #dbdbdb;
}
@media (max-width: 1400px) {
.NavSubMenuItem a {
padding: 6px 10px;
}
}
.NavSubMenuItem__divider {
background-color: #605e5f;
}
.NavSubMenuItem a {
padding: 6px 0 6px 10px;
margin-right: 10px;
}
.NavSubMenuItem:hover a:after {
content: '';
display: block;
position: absolute;
top: 0;
right: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 0 15px 10px;
border-color: transparent transparent transparent #858384;
}
@media (max-width: 1400px) {
.NavSubMenuItem:hover a:after {
border-width: 12px 0 15px 10px;
}
}
.NavSubMenuItem:hover .NavSubMenu-2 {
display: block;
}
.NavSubMenuItem:hover,
.NavSubMenu-2__item:hover{
background-color: #858384;
}
.NavSubMenu-2 {
position: absolute;
display: none;
top: 0;
left: 100%;
background-color: #605e5f;
}
/* endregion Header navigation */
/* **************************************************************************************************************** */
/* CLOSE btn icon */
.close-btn {
position: absolute;
display: inline-block;
width: 16px;
height: 16px;
margin-left:5px;
border-radius: 50%;
vertical-align: bottom;
text-align: center;
color: #777;
z-index: 10;
cursor: pointer;
right: 5px;
top: 7px;
}
.close-btn:hover {
background-color: rgba(0,0,0,.1);
}
.close-btn:before,
.close-btn:after {
content: '';
position: absolute;
display: block;
height: 1px;
width: 10px;
left: 50%;
top: 50%;
background-color: #777;
}
.close-btn:before {
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.close-btn:after {
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
/* SVG ICONS */
.icon {
display: inline-block;
width: 1em;
height: 1em;
fill: #555;
}
/* **************************************************************************************************************** */
/* **************************************************************************************************************** */
/* region MAIN TABS */
.Tab {
position: relative;
}
.AppTab {
width: 100%;
height: 100%;
}
.TabHead {
position: relative;
display: inline-flex;
flex: 0 1 auto;
padding: 6px 25px 6px 10px;
max-width: 200px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #5f5f5f;
overflow: hidden;
}
.TabHead:hover {
background-color: #d4d4d4;
}
.TabHead__title {
position: relative;
overflow: hidden;
white-space: nowrap;
min-width: 10px;
padding-right: 5px;
}
.TabHead__title::after {
content: '';
position: absolute;
width: 10px;
height: 100%;
top: 0;
right: -2px;
}
.wspTabHead .TabHead__title::after {
background-image: linear-gradient(90deg, rgba(225,225,225, .1) 0%, rgba(225,225,225, 1) 100%);
}
.wspTabHead:hover .TabHead__title::after {
background-image: linear-gradient(90deg, rgba(212,212,212, .1) 0%, rgba(212,212,212, 1) 100%);
}
.wspTabHead.is-selected .TabHead__title::after {
background-image: linear-gradient(90deg, rgba(255,255,255, .1) 0%, rgba(255,255,255, 1) 100%);
}
/* Main tabs */
.appTabHeadList {
display: flex;
padding: 4px 10px 0 110px;
background-color: #e1e1e1;
white-space: nowrap;
}
.appTabHead {
background-color: #e1e1e1;
}
.wspTabHead, .appTabHead, .TabHead {
}
.appTabHead.is-selected {
background-color: #f3f3f3;
}
/* Tabs container */
.appTabContainer {
display: flex;
height: calc(100% - 32px);
/*padding: 13px 10px 5px;*/
padding: 13px 10px 1px; /* странная полоска снизу */
background-color: #f3f3f3;
}
/* endregion MAIN TABS */
/* **************************************************************************************************************** */
/* region WORKSPACE */
.Workspace {
display: flex;
flex-direction: row;
width: 100%;
height: 100%;
}
.WorkspaceTab {
height: 100%;
}
/* region WORKSPACE TABS */
.wspTabHeadList {
display: flex;
background-color: #f3f3f3;
white-space: nowrap;
}
.wspTabHead {
background-color: #e1e1e1;
}
.wspTabHead.is-selected {
background-color: #fff;
}
.wspTabContainer {
/*padding: 2px 5px;*/
padding: 0;
height: calc(100% - 30px);
overflow: hidden;
}
.wspContent {
flex: 1 1 auto;
width: calc(100% - 150px);
height: 100%;
overflow: hidden;
min-height: 400px;
background-color: #fff;
}
/* endregion WORKSPACE TABS */
/* region SIDEBAR */
.leftBar {
/*float: left;*/
/*width: 20%;*/
width: 135px;
margin-right: 15px;
min-height: 400px;
min-width: 150px;
max-width: 200px;
padding: 10px 0;
}
.Menutem {
cursor: pointer;
padding: 5px 10px;
}
.Menutem:hover {
/*color: #fff;*/
background-color: #e1e1e1;
/*font-weight: 600;*/
border-radius: 0.2em;
}
.sideBar a {
text-decoration: none;
color: #333;
}
.sideMenu-item,
.sideSubMenu-item {
padding: 2px;
}
.sideSubMenu {
padding-left:15px;
}
/* endregion SIDEBAR */
.FrontWorkspace:after {
content: '';
display: block;
clear: both;
}
/* -------------------------------------------------- */
.sysTray {
position: fixed;
/*height: 22px;*/
height: 0;
left: 0;
bottom: 0;
padding: 3px 15px;
width: 100%;
background-color: #ddd;
}
/*-----------GRID----------------*/
/* region GRID */
.GridContainer {
position: relative;
border-left: 7px solid #f3f4f3;
border-right: 7px solid #f3f4f3;
border-top: 7px solid #f3f4f3;
border-bottom: 7px solid #f3f4f3;
margin-bottom: 30px;
}
.GridContainer.is-locked::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 101;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='200px' height='200px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-gears'%3E%3Crect x='0' y='0' width='100' height='100' fill='none' class='bk'%3E%3C/rect%3E%3Cg transform='translate%28-20,-20%29'%3E%3Cpath d='M79.9,52.6C80,51.8,80,50.9,80,50s0-1.8-0.1-2.6l-5.1-0.4c-0.3-2.4-0.9-4.6-1.8-6.7l4.2-2.9c-0.7-1.6-1.6-3.1-2.6-4.5 L70,35c-1.4-1.9-3.1-3.5-4.9-4.9l2.2-4.6c-1.4-1-2.9-1.9-4.5-2.6L59.8,27c-2.1-0.9-4.4-1.5-6.7-1.8l-0.4-5.1C51.8,20,50.9,20,50,20 s-1.8,0-2.6,0.1l-0.4,5.1c-2.4,0.3-4.6,0.9-6.7,1.8l-2.9-4.1c-1.6,0.7-3.1,1.6-4.5,2.6l2.1,4.6c-1.9,1.4-3.5,3.1-5,4.9l-4.5-2.1 c-1,1.4-1.9,2.9-2.6,4.5l4.1,2.9c-0.9,2.1-1.5,4.4-1.8,6.8l-5,0.4C20,48.2,20,49.1,20,50s0,1.8,0.1,2.6l5,0.4 c0.3,2.4,0.9,4.7,1.8,6.8l-4.1,2.9c0.7,1.6,1.6,3.1,2.6,4.5l4.5-2.1c1.4,1.9,3.1,3.5,5,4.9l-2.1,4.6c1.4,1,2.9,1.9,4.5,2.6l2.9-4.1 c2.1,0.9,4.4,1.5,6.7,1.8l0.4,5.1C48.2,80,49.1,80,50,80s1.8,0,2.6-0.1l0.4-5.1c2.3-0.3,4.6-0.9,6.7-1.8l2.9,4.2 c1.6-0.7,3.1-1.6,4.5-2.6L65,69.9c1.9-1.4,3.5-3,4.9-4.9l4.6,2.2c1-1.4,1.9-2.9,2.6-4.5L73,59.8c0.9-2.1,1.5-4.4,1.8-6.7L79.9,52.6 z M50,65c-8.3,0-15-6.7-15-15c0-8.3,6.7-15,15-15s15,6.7,15,15C65,58.3,58.3,65,50,65z' fill='%238f7f59'%3E%3CanimateTransform attributeName='transform' type='rotate' from='90 50 50' to='0 50 50' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/path%3E%3C/g%3E%3Cg transform='translate%2820,20%29 rotate%2815 50 50%29'%3E%3Cpath d='M79.9,52.6C80,51.8,80,50.9,80,50s0-1.8-0.1-2.6l-5.1-0.4c-0.3-2.4-0.9-4.6-1.8-6.7l4.2-2.9c-0.7-1.6-1.6-3.1-2.6-4.5 L70,35c-1.4-1.9-3.1-3.5-4.9-4.9l2.2-4.6c-1.4-1-2.9-1.9-4.5-2.6L59.8,27c-2.1-0.9-4.4-1.5-6.7-1.8l-0.4-5.1C51.8,20,50.9,20,50,20 s-1.8,0-2.6,0.1l-0.4,5.1c-2.4,0.3-4.6,0.9-6.7,1.8l-2.9-4.1c-1.6,0.7-3.1,1.6-4.5,2.6l2.1,4.6c-1.9,1.4-3.5,3.1-5,4.9l-4.5-2.1 c-1,1.4-1.9,2.9-2.6,4.5l4.1,2.9c-0.9,2.1-1.5,4.4-1.8,6.8l-5,0.4C20,48.2,20,49.1,20,50s0,1.8,0.1,2.6l5,0.4 c0.3,2.4,0.9,4.7,1.8,6.8l-4.1,2.9c0.7,1.6,1.6,3.1,2.6,4.5l4.5-2.1c1.4,1.9,3.1,3.5,5,4.9l-2.1,4.6c1.4,1,2.9,1.9,4.5,2.6l2.9-4.1 c2.1,0.9,4.4,1.5,6.7,1.8l0.4,5.1C48.2,80,49.1,80,50,80s1.8,0,2.6-0.1l0.4-5.1c2.3-0.3,4.6-0.9,6.7-1.8l2.9,4.2 c1.6-0.7,3.1-1.6,4.5-2.6L65,69.9c1.9-1.4,3.5-3,4.9-4.9l4.6,2.2c1-1.4,1.9-2.9,2.6-4.5L73,59.8c0.9-2.1,1.5-4.4,1.8-6.7L79.9,52.6 z M50,65c-8.3,0-15-6.7-15-15c0-8.3,6.7-15,15-15s15,6.7,15,15C65,58.3,58.3,65,50,65z' fill='%239f9fab'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='90 50 50' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 50px;
}
.GridContainer.is-busy::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 101;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='200px' height='200px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-gears'%3E%3Crect x='0' y='0' width='100' height='100' fill='none' class='bk'%3E%3C/rect%3E%3Cg transform='translate%28-20,-20%29'%3E%3Cpath d='M79.9,52.6C80,51.8,80,50.9,80,50s0-1.8-0.1-2.6l-5.1-0.4c-0.3-2.4-0.9-4.6-1.8-6.7l4.2-2.9c-0.7-1.6-1.6-3.1-2.6-4.5 L70,35c-1.4-1.9-3.1-3.5-4.9-4.9l2.2-4.6c-1.4-1-2.9-1.9-4.5-2.6L59.8,27c-2.1-0.9-4.4-1.5-6.7-1.8l-0.4-5.1C51.8,20,50.9,20,50,20 s-1.8,0-2.6,0.1l-0.4,5.1c-2.4,0.3-4.6,0.9-6.7,1.8l-2.9-4.1c-1.6,0.7-3.1,1.6-4.5,2.6l2.1,4.6c-1.9,1.4-3.5,3.1-5,4.9l-4.5-2.1 c-1,1.4-1.9,2.9-2.6,4.5l4.1,2.9c-0.9,2.1-1.5,4.4-1.8,6.8l-5,0.4C20,48.2,20,49.1,20,50s0,1.8,0.1,2.6l5,0.4 c0.3,2.4,0.9,4.7,1.8,6.8l-4.1,2.9c0.7,1.6,1.6,3.1,2.6,4.5l4.5-2.1c1.4,1.9,3.1,3.5,5,4.9l-2.1,4.6c1.4,1,2.9,1.9,4.5,2.6l2.9-4.1 c2.1,0.9,4.4,1.5,6.7,1.8l0.4,5.1C48.2,80,49.1,80,50,80s1.8,0,2.6-0.1l0.4-5.1c2.3-0.3,4.6-0.9,6.7-1.8l2.9,4.2 c1.6-0.7,3.1-1.6,4.5-2.6L65,69.9c1.9-1.4,3.5-3,4.9-4.9l4.6,2.2c1-1.4,1.9-2.9,2.6-4.5L73,59.8c0.9-2.1,1.5-4.4,1.8-6.7L79.9,52.6 z M50,65c-8.3,0-15-6.7-15-15c0-8.3,6.7-15,15-15s15,6.7,15,15C65,58.3,58.3,65,50,65z' fill='%238f7f59'%3E%3CanimateTransform attributeName='transform' type='rotate' from='90 50 50' to='0 50 50' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/path%3E%3C/g%3E%3Cg transform='translate%2820,20%29 rotate%2815 50 50%29'%3E%3Cpath d='M79.9,52.6C80,51.8,80,50.9,80,50s0-1.8-0.1-2.6l-5.1-0.4c-0.3-2.4-0.9-4.6-1.8-6.7l4.2-2.9c-0.7-1.6-1.6-3.1-2.6-4.5 L70,35c-1.4-1.9-3.1-3.5-4.9-4.9l2.2-4.6c-1.4-1-2.9-1.9-4.5-2.6L59.8,27c-2.1-0.9-4.4-1.5-6.7-1.8l-0.4-5.1C51.8,20,50.9,20,50,20 s-1.8,0-2.6,0.1l-0.4,5.1c-2.4,0.3-4.6,0.9-6.7,1.8l-2.9-4.1c-1.6,0.7-3.1,1.6-4.5,2.6l2.1,4.6c-1.9,1.4-3.5,3.1-5,4.9l-4.5-2.1 c-1,1.4-1.9,2.9-2.6,4.5l4.1,2.9c-0.9,2.1-1.5,4.4-1.8,6.8l-5,0.4C20,48.2,20,49.1,20,50s0,1.8,0.1,2.6l5,0.4 c0.3,2.4,0.9,4.7,1.8,6.8l-4.1,2.9c0.7,1.6,1.6,3.1,2.6,4.5l4.5-2.1c1.4,1.9,3.1,3.5,5,4.9l-2.1,4.6c1.4,1,2.9,1.9,4.5,2.6l2.9-4.1 c2.1,0.9,4.4,1.5,6.7,1.8l0.4,5.1C48.2,80,49.1,80,50,80s1.8,0,2.6-0.1l0.4-5.1c2.3-0.3,4.6-0.9,6.7-1.8l2.9,4.2 c1.6-0.7,3.1-1.6,4.5-2.6L65,69.9c1.9-1.4,3.5-3,4.9-4.9l4.6,2.2c1-1.4,1.9-2.9,2.6-4.5L73,59.8c0.9-2.1,1.5-4.4,1.8-6.7L79.9,52.6 z M50,65c-8.3,0-15-6.7-15-15c0-8.3,6.7-15,15-15s15,6.7,15,15C65,58.3,58.3,65,50,65z' fill='%239f9fab'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='90 50 50' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 50px;
pointer-events: none;
}
.Field.GridContainer {
height: 100%;
margin-bottom: 0;
}
.GridBody {
height: calc(100% - 37px);
}
.GridContainer--toolbar-empty .GridBody {
height: 100%;
}
.GridContainer--toolbar-empty .grid-toolbar-container {
display: none;
}
.grid-toolbar-container {
height: 37px;
padding-bottom: 7px;
display: flex;
flex-direction: row;
background-color: #f3f3f3;
}
.grid-container__toolbar,
.grid-toolbar-items {
padding: 0;
}
.grid-container__toolbar {
margin-right: 4px;
display: flex;
justify-content: center;
align-items: center;
}
.grid-toolbar-items {
display: flex;
flex-direction: row;
}
.grid-toolbar-items .Field {
display: flex;
align-items: center;
margin-bottom: 0;
margin-right: 10px;
}
.grid-toolbar-items .Field.Button {
display: flex;
align-items: center;
}
.grid-toolbar-btn {
margin-right: 4px;
}
.filters-active .grid-toolbar-btn__filter:focus,
.filters-active .grid-toolbar-btn__filter:hover,
.filters-active .grid-toolbar-btn__filter:active,
.filters-active .grid-toolbar-btn__filter {
/*box-shadow: inset 0 0 6px rgba(0,0,0,.5);*/
/*box-shadow: inset 0 0 0 1px #000;*/
/*border-color: #000;*/
outline: none;
background-color: #e1e1e1;
}
.filters-active .grid-toolbar-btn__filter.has-active-filters::after {
content: '';
position: absolute;
bottom: 3px;
right: 3px;
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #fc5f00;
}
.GridBody {
/*padding-top: 30px;*/
position: relative;
overflow: hidden;
overflow-x: auto;
}
.filters-active .GridBody {
/*padding-top: 42px;*/
}
.filters-active .Grid__filter-block {
position: absolute;
left: 0;
display: block;
padding: 3px 2px;
background-color: #FFFAF2;
box-shadow: 0 2px 2px rgba(0,0,0,.03);
width: 100%;
top: 100%;
border: 1px solid #EAEBEA;
border-left-width: 0;
}
.tableWrap {
overflow-y: auto;
overflow-x: hidden;
height: 100%;
min-height: 100%;
width: auto;
min-width: 100%;
}
.Grid {
background: #ffffff;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0 0;
cursor: default;
}
/* Для фиксированного хедера */
.Grid.sticky-fix {
margin-top: 30px;
}
.Grid thead {
display: none;
}
.Grid:focus {
outline: none;
}
.filters-active .Grid {
margin-top: 60px;
}
.row {
height: 32px;
max-height: 32px;
overflow: hidden;
}
.row.is-checked {
background-color: rgb(255, 252, 241);
}
.row:hover {
background-color: #f6f6f6;
}
.activeRow {
background-color: #e9e9e9 !important;
}
.activeRow.row.is-checked {
background-color: rgb(255, 244, 204) !important;
}
/* ROW COLORS */
.row-color__green {
background-color: rgba(0, 117, 0, 0.49);
color: #fff;
}
/* чтоб в гриде в поле заказов все в одну строку */
.col-comment br {
display: none;
}
.cell {
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0;
}
.cell:hover {
outline: 1px solid #999;
outline-offset: -1px;
}
.cell.active-cell {
background-color: #fefefe;
outline: 1px solid #999;
outline-offset: -1px;
}
.cell[contenteditable]{
background-color: #fffbe6;
color: #333;
cursor: text;
outline: 2px solid #ffdb4d;
outline-offset: -2px;
}
.cell-content {
display: block;
padding: 6px 12px 5px;
width: 100%;
height: 32px;
max-height: 32px;
line-height: 1.7;
border-right: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
}
.col-row_id .cell-content {
padding-left: 30px;
}
.grid-checkbox-input {
position: absolute;
opacity: 0;
left: 0;
top: 9px;
}
.grid-checkbox-label {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.grid-checkbox-pseudo {
pointer-events: none;
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 8px;
left: 3px;
border: 1px solid #c7c5c3;
background-repeat: no-repeat;
background-position: center;
background-size: 8px;
background-image: none;
opacity: 0;
}
.row.is-checked .grid-checkbox-pseudo{
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyLjQxMDk0NzEgMi4yNjA0NjExIiBoZWlnaHQ9Ijg1NDMuNDc1IiB3aWR0aD0iOTExMi4yNDEiPiAgPHBhdGggZD0iTTAgMS4xNWwuNzQ2Ljc3LjMzMi4zNC4yOC0uNDAzTDIuNDEuMzQyIDIuMDggMCAxLjAyNiAxLjUxNS4yOC43NDV6IiBmaWxsPSIjYWFhIi8+PC9zdmc+);
}
.row-checkbox-visible .grid-checkbox-pseudo {
opacity: 1;
}
.row.is-checked .grid-checkbox-pseudo {
opacity: 1;
}
.grid-checkbox-label:hover .grid-checkbox-pseudo {
opacity: 1;
}
.cell.col-align-right,
.cellHead.col-align-right {
text-align: right;
}
.cell.col-align-center,
.cellHead.col-align-center {
text-align: center;
}
.cell.col-align-left,
.cellHead.col-align-left {
text-align: left;
}
.blink-cell {
animation-name: blink-red;
animation-duration: 500ms;
}
/* CELL COLORS */
.cell.cell-color__red {
background-color: rgba(197, 25, 22, 0.78);
border-color: rgba(197, 25, 22, 0.78);
color: #fff;
}
.cell.active-cell.cell-color__red {
background-color: rgba(197, 25, 22, 0.6);
border-color: rgba(197, 25, 22, 0.6);
}
.ctx-cell {
position: relative;
padding-right: 25px;
}
/* context cell icons */
.ctx-cell .ctx-cell__ico {
position: absolute;
display: block;
width: 28px;
height: 28px;
top: 2px;
right: 1px;
background-color: #fff;
z-index: 5;
}
.ctx-cell .ctx-cell__ico.ctx-cell__ico--second-last {
right: 30px;
}
.ctx-cell .ctx-cell__ico:hover {
background-color: #efefef;
}
.cellHead {
height: 0;
line-height: 0;
padding-top: 0;
padding-bottom: 0;
color: transparent;
border: none;
white-space: nowrap;
font-size:0px;
}
.cellHeadFixed {
display: block;
position: absolute;
background: #fff;
top: 0;
height: 30px;
color: #555;
line-height: normal;
font-family: 'PT Sans', sans-serif;
font-size: 12px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
z-index: 1;
}
.cellHeadTitle {
display: block;
overflow: hidden;
white-space: nowrap;
line-height: 30px;
text-align: center;
cursor: pointer;
}
.cellHeadFixed::after {
content: '';
position: absolute;
top: 0;
right: 2px;
width: 10px;
height: 95%;
background-image: linear-gradient(to left,#fff 55%,rgba(255,255,255,.5)95%,rgba(255,255,255,0));
pointer-events: none;
}
.Grid__filter-block {
display: none;
}
.Grid__filter-input {
width:100%;
height: 22px;
padding: 0 10px;
border-width: 0;
background-color: rgba(255, 255, 255, 0);
}
.Grid__filter-input:focus {
background-color: #FFF4C8;
outline: none;
}
/* vertical scroll */
.grid-v-drag {
position: absolute;
left: 0;
bottom: -7px;
width: 100%;
height: 7px;
background: transparent;
cursor: ns-resize;
}
/* GRID SCROLLBAR */
.grid-scroll-container {
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 100%;
background: #f1f1f1;
/*outline: 1px solid #f1f1f1;*/
}
.grid-scrollbar {
position: absolute;
right: 0;
width: 10px;
height: 30px;
background-color: green;
}
.drag-span {
position: absolute;
right: 0;
top: 0;
height:100%;
width: 6px;
border-right: 1px solid #f3f4f3;
display: block;
cursor: col-resize;
}
.drag-span.dragged {
background-color: #444;
height: 30px;
}
.noselect {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none;
}
/* endregion GRID */
/* **************************************************************************************************************** */
/* region FORMS */
.form-container {
position: relative;
height: 100%;
}
.form-inner-container {
min-height: 100%;
height: 100%;
overflow: auto;
}
.toolbar-form {
padding-top: 37px;
}
.toolbar-form .form-toolbar {
position: absolute;
padding: 0;
margin: 0;
height: 34px;
left: 14px;
top: 14px;
width: 100%;
background-color: #fff;
z-index: 2;
overflow: visible;
}
.toolbar-form .form-toolbar-block {
display: inline-block;
padding: 2px 3px;
margin-right: 4px;
background-color: #f3f4f3;
}
.toolbar-form .form-toolbar .Field {
margin-bottom:0;
min-height: initial;
}
.form-main-block {
padding-top: 10px;
}
.form-container.is-locked::after {
content: '';
position: absolute;
top: -2px;
bottom: -2px;
left: -5px;
right: -5px;
z-index: 101;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='200px' height='200px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' class='uil-gears'%3E%3Crect x='0' y='0' width='100' height='100' fill='none' class='bk'%3E%3C/rect%3E%3Cg transform='translate%28-20,-20%29'%3E%3Cpath d='M79.9,52.6C80,51.8,80,50.9,80,50s0-1.8-0.1-2.6l-5.1-0.4c-0.3-2.4-0.9-4.6-1.8-6.7l4.2-2.9c-0.7-1.6-1.6-3.1-2.6-4.5 L70,35c-1.4-1.9-3.1-3.5-4.9-4.9l2.2-4.6c-1.4-1-2.9-1.9-4.5-2.6L59.8,27c-2.1-0.9-4.4-1.5-6.7-1.8l-0.4-5.1C51.8,20,50.9,20,50,20 s-1.8,0-2.6,0.1l-0.4,5.1c-2.4,0.3-4.6,0.9-6.7,1.8l-2.9-4.1c-1.6,0.7-3.1,1.6-4.5,2.6l2.1,4.6c-1.9,1.4-3.5,3.1-5,4.9l-4.5-2.1 c-1,1.4-1.9,2.9-2.6,4.5l4.1,2.9c-0.9,2.1-1.5,4.4-1.8,6.8l-5,0.4C20,48.2,20,49.1,20,50s0,1.8,0.1,2.6l5,0.4 c0.3,2.4,0.9,4.7,1.8,6.8l-4.1,2.9c0.7,1.6,1.6,3.1,2.6,4.5l4.5-2.1c1.4,1.9,3.1,3.5,5,4.9l-2.1,4.6c1.4,1,2.9,1.9,4.5,2.6l2.9-4.1 c2.1,0.9,4.4,1.5,6.7,1.8l0.4,5.1C48.2,80,49.1,80,50,80s1.8,0,2.6-0.1l0.4-5.1c2.3-0.3,4.6-0.9,6.7-1.8l2.9,4.2 c1.6-0.7,3.1-1.6,4.5-2.6L65,69.9c1.9-1.4,3.5-3,4.9-4.9l4.6,2.2c1-1.4,1.9-2.9,2.6-4.5L73,59.8c0.9-2.1,1.5-4.4,1.8-6.7L79.9,52.6 z M50,65c-8.3,0-15-6.7-15-15c0-8.3,6.7-15,15-15s15,6.7,15,15C65,58.3,58.3,65,50,65z' fill='%238f7f59'%3E%3CanimateTransform attributeName='transform' type='rotate' from='90 50 50' to='0 50 50' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/path%3E%3C/g%3E%3Cg transform='translate%2820,20%29 rotate%2815 50 50%29'%3E%3Cpath d='M79.9,52.6C80,51.8,80,50.9,80,50s0-1.8-0.1-2.6l-5.1-0.4c-0.3-2.4-0.9-4.6-1.8-6.7l4.2-2.9c-0.7-1.6-1.6-3.1-2.6-4.5 L70,35c-1.4-1.9-3.1-3.5-4.9-4.9l2.2-4.6c-1.4-1-2.9-1.9-4.5-2.6L59.8,27c-2.1-0.9-4.4-1.5-6.7-1.8l-0.4-5.1C51.8,20,50.9,20,50,20 s-1.8,0-2.6,0.1l-0.4,5.1c-2.4,0.3-4.6,0.9-6.7,1.8l-2.9-4.1c-1.6,0.7-3.1,1.6-4.5,2.6l2.1,4.6c-1.9,1.4-3.5,3.1-5,4.9l-4.5-2.1 c-1,1.4-1.9,2.9-2.6,4.5l4.1,2.9c-0.9,2.1-1.5,4.4-1.8,6.8l-5,0.4C20,48.2,20,49.1,20,50s0,1.8,0.1,2.6l5,0.4 c0.3,2.4,0.9,4.7,1.8,6.8l-4.1,2.9c0.7,1.6,1.6,3.1,2.6,4.5l4.5-2.1c1.4,1.9,3.1,3.5,5,4.9l-2.1,4.6c1.4,1,2.9,1.9,4.5,2.6l2.9-4.1 c2.1,0.9,4.4,1.5,6.7,1.8l0.4,5.1C48.2,80,49.1,80,50,80s1.8,0,2.6-0.1l0.4-5.1c2.3-0.3,4.6-0.9,6.7-1.8l2.9,4.2 c1.6-0.7,3.1-1.6,4.5-2.6L65,69.9c1.9-1.4,3.5-3,4.9-4.9l4.6,2.2c1-1.4,1.9-2.9,2.6-4.5L73,59.8c0.9-2.1,1.5-4.4,1.8-6.7L79.9,52.6 z M50,65c-8.3,0-15-6.7-15-15c0-8.3,6.7-15,15-15s15,6.7,15,15C65,58.3,58.3,65,50,65z' fill='%239f9fab'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='90 50 50' dur='1s' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: 50px;
}
.form-content {
/*padding-top: 5px;*/
}
.form-content::after {
content: '';
clear: both;
display: block;
}
.form-col-two {
width: 760px;
max-width: 760px;
padding-right: 30px;
float: left;
}
.form-row__2col {
width: 760px;
padding-right: 30px;
}
.form-row__2col input,
.form-row__2col textarea {
width: 580px;
}
.form-row__2col textarea {
height: 100px;
}
.form-row__2col .ta-low textarea {
height: 40px;
}
@media (min-width: 1500px) {
.form-row__2col {
width: 800px;
}
.form-row__2col input,
.form-row__2col textarea {
width: 600px;
}
}
.form-hr {
display: block;
margin: 20px 10px;
border: none;
border-bottom: 1px solid #c9c9c9;
}
.form-line-title {
display: block;
padding: 5px;
margin-top: 30px;
margin-bottom: 10px;
letter-spacing: 0.5px;
background-color: #e1e1e1;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.form-container__resizable {
position: relative;
}
.form-container__resizer-x {
position: absolute;
width: 6px;
height: 100%;
top: 0;
right: 0;
cursor: ew-resize;
}
.form-container__resizer-y {
position: absolute;
width: 100%;
height: 6px;
bottom: 0;
left: 0;
cursor: ns-resize;
}
.MoneyField input {
text-align: right;
}
/* endregion FORMS */
/*--------FIELDS ----------------*/
/* region FIELDS */
.Field.is-locked {
opacity: .5;
pointer-events: none;
}
.Field.has-error {
/*outline: 2px solid red;*/
}
.Field.small-margin {
margin: 5px;
}
.proto-items__locked::after {
content: 'Чтобы добавлять связанные товары сначала сохраните товар';
display: block;
position: absolute;
background: rgba(255,255,255,0.8);
width: 100%;
height: 100%;
top: 0;
z-index: 10;
text-align: center;
padding-top: 7px;
font-size: 14px;
}
/* ICODE FIELD */
.ICodeInputField input:focus {
outline: 2px solid #ffdb4d;
}
/* FIELD STATUS FIELD */
.NStatusFilterField .btn-orange {
background-color: #f78900;
border-color: #f78900;
color: #fff;
}
.NStatusFilterField .btn-dark-orange {
background-color: #fc5f00;
border-color: #fc5f00;
color: #fff;
}
.NStatusFilterField .btn-blue {
background-color: #00aee0;
border-color: #00aee0;
color: #fff;
}
.NStatusFilterField .btn-green {
background-color: #008f00;
border-color: #008f00;
color: #fff;
}
/* FIELD FLOAT ERROR */
.field__float-error {
position: absolute;
left: 80px;
top: 140%;
display: block;
padding: .5em;
border-radius: .1em;
background-color: #fff;
color: #333;
box-shadow: 0 0 6px -1px rgba(0,0,0,.8);
z-index: 100;
pointer-events: none;
font-size: 10px;
}
.field__float-error::after {
content: '';
position: absolute;
left: 2em;
top: 0;
display: block;
width: 0;
height: 0;
border: .5em solid;
border-color: transparent transparent white white;
transform-origin: 0 0;
transform: rotate(135deg);
box-shadow: -2px 2px 7px -4px rgba(0,0,0,.8);
}
/* BUTTONS */
.btn-link {
position: relative;
border: none;
text-decoration: underline;
background-color: transparent;
cursor: pointer;
font-weight: 400;
letter-spacing: .5px;
font-family: "PT Sans", serif;
font-size: 14px;
}
.btn-link:hover {
box-shadow: 0 0 2px rgba(0,0,0,.1);
transition: box-shadow .3s;
}
.btn-orange {
color: #f78900;
}
.btn-dark-orange {
color: #fc5f00;
}
.btn-blue {
color: #00aee0;
}
.btn-green {
color: #008f00;
}
/* SUBJECT FIELD */
.subject-input-icon {
cursor: context-menu;
display: block;
height: 23px;
width: 23px;
background-color: #fff;
border-radius: 2px;
position: absolute;
top: 2px;
font-size: 7px;
}
.subject-input-icon::after {
content: '';
position: absolute;
display: block;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index:2;
background-repeat: no-repeat;
background-size: 35%;
background-position: 50%;
}
.subject-icon-arrow::after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMTYwIDE2MCI+ICAgIDxwYXRoIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYWFhIiBzdHJva2Utd2lkdGg9IjUiIGQ9Ik0gNjAgNDAgbCA2MCwwIGwgMCw2MCBsIC02MCwwIFogIiAgLz4gICAgPHBhdGggc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIiBmaWxsPSJub25lIiBzdHJva2U9IiNhYWEiIHN0cm9rZS13aWR0aD0iNSIgZD0iTSA1MCA2MCBsIC0xMCwwIGwgMCw2MCBsIDYwLDAgbCAwLC0xMCAiICAvPjwvc3ZnPg==);
background-size: 100%;
}
.subject-icon-dots::after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIzMiIgd2lkdGg9IjMyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBjbGFzcz0icGF0aDEiIGZpbGw9IiM1NTUiIGQ9Im0zLjk5IDE2YzAtMi4yMSAxLjc5LTQgNC00czQgMS43OSA0IDQtMS43OSA0LTQgNC00LTEuNzktNC00em0xNiAwYzAtMi4yMSAxLjc5LTQgNC00czQgMS43OSA0IDQtMS43OSA0LTQgNC00LTEuNzktNC00eiIvPjwvc3ZnPg==);
}
.subject-input-icon:hover {
background-color: #efefef;
}
.subject-icon-arrow {
right: 25px;
visibility: hidden;
}
.is-empty .subject-icon-arrow {
display: none;
}
.subject-field-wrap:hover .subject-icon-arrow {
visibility: visible;
}
.subject-icon-dots {
right: 2px;
}
.subject-input-icon .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.subject-field__search-block {
position: fixed;
padding: 3px 0;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
cursor: default;
background-color: #fff;
z-index: 3;
max-height: 170px;
overflow: auto;
}
.subject-field__search-list {
padding: 0;
margin: 0;
list-style-type: none;
}
.subject-field__search-list li {
padding: 2px 5px;
}
.subject-field__search-list li.is-selected {
background-color: #ededed;
}
.subject-field__search-list li:hover {
background-color: #ededed;
}
/* SUBJECT FIELD */
.editableMark,
.ctx-cell {
background-color: #fff4c8;
}
/* region PSEUDO SELECT */
.pseudoSelect-container {
position: fixed;
padding:0;
z-index: 101;
background-color: #fff;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.pseudoSelect {
margin: 5px 0;
padding: 0;
list-style: none;
min-width: 100px;
width: 150px;
max-height: 135px;
overflow-y: auto;
overflow-x: hidden;
text-overflow: ellipsis;
}
.pseudoSelect-item {
width: 100%;
margin: 0 auto;
padding: 5px 10px;
cursor: pointer;
}
.pseudoSelect-item.is-selected,
.pseudoSelect-item:hover,
.pseudoSelect-item:focus {
background-color:#ededed;
outline: 1px solid #dfdfdf;
}
/* endregion PSEUDO SELECT */
/* endregion FIELDS */
/* region SUBJECT FIELD */
.subject-field-wrap {
position: relative;
display: inline-block;
}
.input-subject {
padding-right: 40px;
}
.PanelButton {
position: absolute;
right:20px;
top: 0;
outline: 1px solid #333;
}
.ModalBoxButton {
position: absolute;
right:0;
top: 0;
outline: 1px solid #333;
}
.subject__ref-list {
position: absolute;
width:100%;
left: 0;
border: 1px solid;
background-color: #fff;
z-index: 10;
box-shadow: 0 0 2px rgba(0,0,0,.1);
}
.ref-list {
list-style-type: none;
padding: 0;
margin: 0;
}
.ref-list__item {
padding: 5px 10px;
width:100%;
border-bottom: 1px solid #ddd;
}
.subjectField__modal {
position: absolute;
width: 70%;
top: 0;
right: 0;
border: 1px solid #555;
background: #f9f9f9;
box-shadow: 0 0 2px rgba(0,0,0,.1);
}
/* endregion SUBJECT FIELD */
/* region CSS TABS */
.css-tabs {
/*padding-top: 15px;*/
}
.css-tabs-top {
padding-top: 0;
}
.css-tabs .css-tabs__state {
display: none;
}
.css-tabs .css-tabs__tabs {
min-height: 29px;
background-color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.css-tabs .css-tabs__tab {
display: inline-block;
padding: 6px 10px;
margin-left: -5px;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
border: 1px solid #f3f4f3;
border-bottom: none;
color: #5f5f5f;
background-color: #fff;
cursor: pointer;
white-space: nowrap;
}
.css-tabs .css-tabs__tab:hover {
background-color: #f7f7f7;
}
.css-tabs .css-tabs__tab[disabled] {
opacity: .5;
}
.css-tabs .css-tabs__tab:first-child {
margin-left: 0;
}
.css-tabs .css-tabs__tab.is-active {
background-color: #f3f3f3;
color: #000;
}
.css-tabs__tab-body {
display: none;
min-height: 50px;
}
.css-tabs__tab-container {
background: #f3f3f3;
padding: 7px;
}
.css-tabs__tab-container .GridContainer {
border: none;
}
.css-tabs__tab-body>* {
background-color: #fff;
}
.css-tabs__tab-body.showElem {
display: block;
background-color: #fff;
}
/* endregion CSS TABS */
/* region CONTEXT MENU */
.ctx-menu {
display: none;
position: absolute;
padding: 2px 0;
box-shadow: 3px 3px 3px 0px rgba(0,0,0,.5);
border: 1px solid #ccc;
background-color: #fff;
z-index: 200;
}
.ctx-menu.showElem {
display: block;
}
.ctx-menu__items {
min-width: 100px;
margin: 0;
padding: 0;
list-style-type: none;
}
.ctx-menu__item {
padding: 5px 30px 5px 30px;
width: 100%;
cursor: default;
}
.ctx-menu__item:hover {
background-color: #f1f1f1;
/*color: #fff;*/
}
.ctx-menu__separator {
height: 1px;
margin: 5px 10px;
background-color: #e8e8e8;
pointer-events: none;
}
/* endregion CONTEXT MENU */
/* region ANUMATION */
@keyframes blink-red {
from {background-color: rgba(241,74,0,.5)}
to {background-color: rgba(255,255,255,1)}
}
/* endregion ANUMATION */
/* region RICH EDITOR */
.editor-field {
padding:5px;
border-top: 1px solid rgb(238, 238, 238);
}
.editor-field:focus {
box-shadow: inset 0 0 1px rgba(0,0,0,1);
}
.edit-field-wrap {
width: 100%;
display: inline-block;
}
.rs-modal .edit-field-wrap {
max-width: 600px;
border: 1px solid #ddd;
}
.pub-description textarea {
max-width: 600px;
width: 100%;
min-height: 100px;
}
.rs-modal .NTextEditor label {
display: block;
}
/* endregion RICH EDITOR */
/* region MULTIPLE SELECT */
.p-select {
position: relative;
padding: 0;
display: inline-block;
vertical-align: top;
background-color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.p-select__content {
display: none;
position: fixed;
top: 26px;
min-width: 200px;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
background-color: #fff;
z-index: 10;
}
@media (max-width: 1400px) {
.p-select__content {
top: 24px;
margin-top:0;
}
}
.p-select__content.is-visible {
display: block;
}
.p-select__list.is-visible ~ .p-select-title {
box-shadow: inset 0 0 3px rgba(0,0,0,.4);
}
.p-select__title {
position: relative;
display: block;
padding: 5px 5px;
width: 200px;
border-radius: 1px;
cursor: default;
white-space: nowrap;
overflow: hidden;
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */
user-select: none; /* Likely future */
z-index: 1;
}
.CatTreeSelectField .p-select__title {
border: 1px solid #a5a5a5;;
}
.CatTreeSelectField .p-select__title:hover {
border-color: #7b7b7b;
}
.p-select__title:active,
.p-select__title:focus {
outline: 2px solid #ffdb4d;
outline-offset: -2px;
}
.p-select__clear-select-icon,
.p-select__arrow-down-icon {
position: absolute;
display: block;
height: 21px;
width: 23px;
top: 3px;
background-color: #fff;
border-radius: 2px;
}
.p-select__clear-select-icon:hover,
.p-select__arrow-down-icon:hover {
background-color: #efefef;
}
.p-select__clear-select-icon::after,
.p-select__arrow-down-icon::after {
content: '';
position: absolute;
display: block;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index:2;
background-repeat: no-repeat;
background-size: 35%;
background-position: 50%;
}
.p-select__arrow-down-icon::after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggY2xhc3M9InBhdGgxIiBmaWxsPSIjNTU1IiBkPSJNMy4wNzcgOC40NjIgbC0zLjA3NyAzLjA3NyAxNiAxNiAxNi0xNiAtMy4wNzctMy4wNzcgLTEyLjkyMyAxMi45MjN6Ij48L3BhdGg+PC9zdmc+);
}
.p-select__clear-select-icon::after {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath style='block-progression:tb;text-transform:none;text-indent:0' overflow='visible' d='m15 14c-0.258 0-0.497 0.118-0.694 0.315-0.395 0.395-0.395 1.03 0 1.42l9.28 9.28-9.28 9.28c-0.395 0.394-0.395 1.02 0 1.42 0.395 0.394 1.03 0.394 1.42 0l9.3-9.3 9.28 9.27c0.395 0.395 1.03 0.394 1.42 0 0.396-0.394 0.396-1.02 0-1.42l-9.28-9.27 9.28-9.28c0.395-0.394 0.395-1.02 0-1.42-0.394-0.394-1.03-0.394-1.42 0l-9.3 9.3-9.28-9.28c-0.198-0.197-0.468-0.315-0.726-0.315z'/%3E%3C/svg%3E");
background-size: 85%;
opacity: .5
}
.p-select__clear-select-icon .icon-cross {
opacity: .8;
width: .5em;
height: .5em;
}
.p-select__clear-select {
display: inline-block;
position: absolute;
right: -100px;
top: 0px;
border: 1px solid #aaa;
padding: 0.2em .5em;
border-radius: 2px;
background: #fff;
opacity: 0;
visibility: hidden;
transition: visibility .3s, opacity .3s, right .3s;
}
.p-select__content-head {
padding: 5px;
border-left: 1px solid #a5a5a5;
border-right: 1px solid #a5a5a5;
border-top: 1px solid #a5a5a5;
margin-bottom: -1px;
background-color: #fff;
text-align: center;
}
.p-select__clear-text {
display: none;
text-decoration: underline;
cursor: default;
}
.p-select-tree .p-select__title {
padding: 5px 5px;
}
.p-select-tree.has-selected .p-select__clear-text{
display: inline-block;
}
.p-select-tree__single .p-select__clear-select-icon {
right: 25px;
opacity: 0;
visibility: hidden;
}
.p-select-tree__single .p-select__content {
margin-top: -1px;
}
.p-select-tree__single.has-selected .p-select__title:hover .p-select__clear-select-icon {
opacity: 1;
visibility: visible;
}
.p-select-tree__single .p-select__arrow-down-icon {
right: 2px;
}
.p-select-tree__single .branch-content:before,
.p-select-tree__single .branch-content:after {
display: none;
}
.p-select.is-open .p-select__list {
display: block;
}
.p-select__list {
/* Добавил скролл и уменьшил малец размер, не серчай Александр*/
overflow: auto;
max-height: 500px;
max-width: 320px;
min-width:100%;
list-style-type: none;
padding: 0;
padding-top: 4px;
margin: 0;
border: 1px solid #a5a5a5;
border-top-color: transparent;
background-color: #fff;
z-index:10;
}
.p-select__list.is-visible {
display: block;
}
.p-select__li {
position: relative;
padding: 5px;
white-space: nowrap;
border:1px solid transparent;
cursor: default;
min-width:100%;
}
.p-select__li.is-selected {
background-color: rgba(0,0,0,.05);
}
.p-select__li:hover {
border:1px solid #a5a5a5;
}
.p-select__li::before {
content: '';
display: inline-block;
vertical-align: baseline;
margin-right: 4px;
width: .8em;
height: .8em;
border: 1px solid #ddd;
}
.p-select__li::after {
content: '';
position: absolute;
display: inline-block;
left: 5px;
top: 6px;
width: 1em;
height: 1em;
background-repeat: no-repeat;
background-size: contain;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA/UlEQVRYR+2X2xGDQAhFsbKkFFNZTCnpLENGHHQWuOxDf/RXl3NkgdWJLr6mi/l0C5yZgZmIHkT00tt+lgDD3yt40RJnCGi4vPwmMVqgBN9JjBTw4JvEKAEEzhKfEQIwnIjm3gIpOKegJFDsV2Bkp+ElAbNfA4Eq+FHA7VdHoBquBcJ+NQSa4CKABNmNz1UGWfdvNa52K4NchGggLYGuceHoFmh5lviqg8WrzRCOFCHQfcVHIHjUhsPh3iCSszsrAb+5BLZGMVpkWjANtzIgQTMSVfBIgO8jEtVwRCCSaIKjApZEMzwjcJToAs8KiMTTm+3Zvu39RZTl3/+G9AM9yzxgiZaOZQAAAABJRU5ErkJggg==);
opacity: 0;
}
.p-select__li.is-selected::after {
opacity: .6;
}
.p-select__search {
background-color: #fff;
min-width: 200px;
width: 100%;
z-index:10;
}
.p-select__search-input {
width:100%;
min-width: 100%;
padding: 5px;
border: 1px solid #a5a5a5;
outline: 0;
}
.p-select__search-input:focus {
box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
}
.p-select__search-clear {
display: none;
background: transparent;
border: none;
position: absolute;
right: 0;
top: 0;
height: 100%;
opacity: 0.6;
}
/* endregion MULTIPLE SELECT */
/* region SINGLE SELECT */
.p-select__single .p-select__title {
padding: 0;
}
.p-select__single .p-select__clear-select-icon {
display: none;
right: 28px;
}
.p-select__clear-select-icon.is-visible {
display: block;
}
.p-select__single .p-select__arrow-down-icon {
right: 2px;
}
.p-select__single-ul {
max-height: 400px;
overflow-y: auto;
list-style-type: none;
overflow-x: hidden;
padding: 0;
border: 1px solid #a5a5a5;
margin: 0;
background-color: #fff;
z-index: 10;
}
.p-select__search-title:hover {
border-color: #7b7b7b;
}
.has-error .p-select__search-title {
border-color: red;
}
.p-select__single-empty-txt,
.p-select__single-item {
padding: 2px 5px;
cursor: default;
letter-spacing: .1px;
}
.p-select__single-item.is-selected,
.p-select__single-item:hover {
background-color: #ededed;
}
/* endregion SINGLE SELECT */
/* region MULTI SELECT */
.p-select__multi .p-select__arrow-down-icon {
right: 1px;
}
.p-select__multi .p-select__clear-select-icon {
right: 23px;
}
.p-select__multi .p-select__title {
padding: 4px 5px;
}
.p-select__multi .p-select__content {
margin-top: -1px;
}
/* endregion MULTI SELECT */
/* region CHECKBOX TREE */
.tree {
max-height: 400px;
overflow-y: auto;
overflow-x: hidden;
padding: .5em;
padding-right: 2em;
border: 1px solid #a5a5a5;
margin: 0;
background-color: #fff;
z-index: 10;
}
.tree,
.subtree {
list-style-type: none;
padding-left: 20px;
}
.p-select__icon-checkmark {
width: 1em;
height: 1em;
}
.tree-branch {
/*padding: 4px;*/
white-space: nowrap !important;
}
.tree-branch.has-subtree::before {
content: '+';
display: inline-block;
width: 1em;
height: 1em;
margin-right: 2px;
cursor: pointer;
}
.tree-branch.has-subtree.is-open::before {
content: '\2012';
}
.tree-branch::before {
content: ' ';
display: inline-block;
width: 1em;
height: 1em;
margin-right: 2px;
}
.branch-content {
width: 100%;
padding: 3px;
display: inline-block;
vertical-align: middle;
border: 1px solid transparent;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
position: relative;
cursor: pointer;
}
.branch-content:hover {
border:1px solid #a5a5a5;
}
.branch-content:before {
content: '';
display: inline-block;
vertical-align: baseline;
margin-right: 5px;
width: .8em;
height: .8em;
border: 1px solid #ddd;
}
.branch-content:after {
content: '';
position: absolute;
display: inline-block;
left: 3px;
top: 4px;
width: 1em;
height: 1em;
background-repeat: no-repeat;
background-size: contain;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAA/UlEQVRYR+2X2xGDQAhFsbKkFFNZTCnpLENGHHQWuOxDf/RXl3NkgdWJLr6mi/l0C5yZgZmIHkT00tt+lgDD3yt40RJnCGi4vPwmMVqgBN9JjBTw4JvEKAEEzhKfEQIwnIjm3gIpOKegJFDsV2Bkp+ElAbNfA4Eq+FHA7VdHoBquBcJ+NQSa4CKABNmNz1UGWfdvNa52K4NchGggLYGuceHoFmh5lviqg8WrzRCOFCHQfcVHIHjUhsPh3iCSszsrAb+5BLZGMVpkWjANtzIgQTMSVfBIgO8jEtVwRCCSaIKjApZEMzwjcJToAs8KiMTTm+3Zvu39RZTl3/+G9AM9yzxgiZaOZQAAAABJRU5ErkJggg==);
opacity: 0;
}
.branch-content.is-selected {
background-color: rgba(0,0,0,.05);
}
.branch-content.is-selected::after {
opacity: .6;
}
.tree-branch.has-subtree >.subtree {
display: none;
}
.tree-branch.is-open > .subtree {
display: block;
}
.p-select__tail-section {
padding: 4px;
border:1px solid #a5a5a5;
border-top-color: transparent;
text-align: right;
}
/* endregion CHECKBOX TREE */
/* region IMAGE FIELD */
.ImageField {
max-width: 100%;
padding:10px;
height: auto;
}
.ImageField figure {
position: relative;
/*max-width: 120px;*/
width: 100px;
margin-left: 10px;
margin-right: 10px;
/*min-height: 140px;*/
display: inline-block;
}
.ImageField figure {
position: relative;
border: 1px solid #ddd;
}
.ImageField figure:hover {
border: 1px solid #ddd;
}
.ImageField .from-db {
border: #8dc4f0 solid 1px;
}
.ImageField figure:after{
/*content: attr(data-image-source);*/
position: absolute;
display: none;
left: 0;
padding: 4px;
background-color: #fff;
bottom: 0;
}
.ImageField figure:hover:after{
display: block;
}
.ImageField img {
max-width: 100%;
}
.ImageField figcaption {
/*min-height: 32px;*/
overflow: auto;
}
.ImageField .ImageField__remove-btn {
color: #c7c7c7;
font-size: 23px;
position: absolute;
top:5px;
right: 5px;
cursor: pointer;
/* Это санек добавил стили */
top: -10px;
right: -10px;
background: #fff;
width: 28px;
height: 28px;
text-align: center;
border-radius: 50%;
border: 1px solid transparent;
line-height: 28px;
}
.ImageField .ImageField__remove-btn:hover {
border: 1px solid #c7c7c7;
}
.ImageField .ImageField__remove-btn:after {
content: '✖';
/* Это санек добавил стили */
/* Вот Проказник ^^ */
position: relative;
display: block;
top: -2px;
}
.ImageField__btn {
margin-bottom:15px;
}
.ImageField__btn .icon {
margin-right:3px;
}
/* endregion IMAGE FIELD */
/* region FILE FIELD */
.FileField section {
position: relative;
width: 100px;
margin-left: 10px;
margin-right: 10px;
/*min-height: 140px;*/
display: inline-block;
}
.FileField .file-remove-icon {
color: #c7c7c7;
font-size: 23px;
position: absolute;
top:5px;
right: 5px;
cursor: pointer;
/* Это санек добавил стили */
top: -10px;
right: -10px;
background: #fff;
width: 28px;
height: 28px;
text-align: center;
border-radius: 50%;
border: 1px solid transparent;
line-height: 28px;
}
.FileField .file-remove-icon:hover {
border: 1px solid #c7c7c7;
}
.FileField .file-remove-icon:after {
content: '✖';
position: relative;
display: block;
top: -2px;
}
/* endregion FILE FIELD */
/* region FILE FIELD */
.PictureField {
max-width: 100%;
padding:10px;
height: auto;
}
.PictureField figure {
position: relative;
/*max-width: 120px;*/
width: 100px;
margin-left: 10px;
margin-right: 10px;
/*min-height: 140px;*/
display: inline-block;
}
.PictureField .file-remove-icon {
color: #c7c7c7;
font-size: 23px;
position: absolute;
top:5px;
right: 5px;
cursor: pointer;
/* Это санек добавил стили */
top: -10px;
right: -10px;
background: #fff;
width: 28px;
height: 28px;
text-align: center;
border-radius: 50%;
border: 1px solid transparent;
line-height: 28px;
}
.PictureField .file-remove-icon:hover {
border: 1px solid #c7c7c7;
}
.PictureField .file-remove-icon:after {
content: '✖';
position: relative;
display: block;
top: -2px;
}
/* endregion FILE FIELD */
/* region checkbox field */
.Field-checkbox {
width: 18px;
height: 18px;
}
.NCheckbox {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.NCheckbox.green .field-pseudo-checkbox {
border-color: green;
}
.NCheckbox.green .icon-checkmark {
fill: green;
}
label.field-pseudo-checkbox {
position: relative;
display: inline-block;
width: 15px;
height: 15px;
border: 1px solid #a5a5a5;
border-radius: 1px;
}
.field-pseudo-checkbox:hover {
border-color: #7b7b7b;
}
.field-checkbox:checked+.field-pseudo-checkbox .icon-checkmark {
opacity: 1;
}
.field-checkbox {
visibility: hidden;
display: none;
width: 0;
height: 0;
}
.field-pseudo-checkbox .icon-checkmark {
position: absolute;
font-size: 20px;
left: -3px;
top: -4px;
opacity: 0;
}
/* endregion checkbox field */
/* region login.html */
.body-login {
font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #404040;
background: #2d4259;
}
.register-title {
width: 270px;
line-height: 43px;
margin: 150px auto 20px;
font-size: 19px;
font-weight: 500;
color: white;
color: rgba(255, 255, 255, 0.95);
text-align: center;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
background: #d7604b;
border-radius: 3px;
background-image: -webkit-linear-gradient(top, #dc745e, #d45742);
background-image: -moz-linear-gradient(top, #dc745e, #d45742);
background-image: -o-linear-gradient(top, #dc745e, #d45742);
background-image: linear-gradient(to bottom, #dc745e, #d45742);
-webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.05), 0 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);
}
.register {
margin: 0 auto;
width: 230px;
padding: 20px;
background: #f4f4f4;
border-radius: 3px;
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3);
}
.register input {
font-family: inherit;
font-size: inherit;
color: inherit;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.register-input {
display: block;
width: 100%;
height: 38px;
margin-top: 2px;
font-weight: 500;
background: none;
border: 0;
border-bottom: 1px solid #d8d8d8;
}
.register-input:focus {
border-color: #1e9ce6;
outline: 0;
}
.register-button {
display: block;
width: 100%;
height: 42px;
margin-top: 25px;
font-size: 16px;
font-weight: bold;
color: #494d59;
text-align: center;
text-shadow: 0 1px rgba(255, 255, 255, 0.5);
background: #fcfcfc;
border: 1px solid;
border-color: #d8d8d8 #d1d1d1 #c3c3c3;
border-radius: 2px;
cursor: pointer;
background-image: -webkit-linear-gradient(top, #fefefe, #eeeeee);
background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
background-image: -o-linear-gradient(top, #fefefe, #eeeeee);
background-image: linear-gradient(to bottom, #fefefe, #eeeeee);
-webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.03), 0 1px rgba(0, 0, 0, 0.04);
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.03), 0 1px rgba(0, 0, 0, 0.04);
}
.register-button:active {
background: #eee;
border-color: #c3c3c3 #d1d1d1 #d8d8d8;
background-image: -webkit-linear-gradient(top, #eeeeee, #fcfcfc);
background-image: -moz-linear-gradient(top, #eeeeee, #fcfcfc);
background-image: -o-linear-gradient(top, #eeeeee, #fcfcfc);
background-image: linear-gradient(to bottom, #eeeeee, #fcfcfc);
-webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.03);
box-shadow: inset 0 1px rgba(0, 0, 0, 0.03);
}
.register-button:focus {
outline: 0;
}
:-moz-placeholder {
color: #aaa;
font-weight: 300;
}
::-moz-placeholder {
color: #aaa;
font-weight: 300;
opacity: 1;
}
::-webkit-input-placeholder {
color: #aaa;
font-weight: 300;
}
:-ms-input-placeholder {
color: #aaa;
font-weight: 300;
}
::-moz-focus-inner {
border: 0;
}
/* endregion login.html */
/* region Message */
.mes-container {
position: fixed;
width: 500px;
right: 20px;
bottom: 20px;
font-family: "PT Sans", sans-serif;
z-index: 999;
}
.mes {
display: block;
position: relative;
padding: 30px 30px 30px 27px;
margin-bottom: 14px;
border-left: 3px solid #000;
font-size: 14px;
background: #fff;
box-shadow: 0 8px 20px 0 rgba(0,0,0,.15), 0 4px 16px 0 rgba(0,0,0,.05), 0 2px 8px 0 rgba(0,0,0,.05);
cursor: default;
overflow: hidden;
}
.mes.mes-error {
border-left-color: #ff0000;
}
.mes.mes-warn {
border-left-color: #f78900;
}
.mes.mes-info {
border-left-color: #00aee0;
}
.mes.mes-success {
border-left-color: #008f00;
}
.mes-close-btn {
position: absolute;
top: 10px;
right: 10px;
margin-right: 0;
display: inline-block;
border: solid 1px transparent;
border-radius: 2px;
padding: 4px;
outline: 0;
font-weight: 500;
font-size: 9px;
text-decoration: none;
white-space: nowrap;
word-wrap: normal;
line-height: normal;
vertical-align: middle;
cursor: pointer;
background-color: transparent;
color: #838383;
}
.mes-title {
display: block;
margin-bottom: 14px;
color: #5f5f5f;
font-weight: 600;
font-size: 14px;
line-height: 1;
}
.mes-body {
color: #5f5f5f;
font-family: "Open Sans", sans-serif;
font-size: 12px;
line-height: 1;
text-align: left;
overflow: hidden;
}
/* endregion Message */
/* ****************************************************** */
/* region MODAL */
.rs-modal-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.25);
overflow-x: hidden;
overflow-y: auto;
z-index: 100;
}
.rs-modal {
position: absolute;
max-width: 100%;
min-width: 400px;
max-height: 100%;
min-height: 200px;
overflow: hidden;
background-color: #fff;
border: 1px solid #ddd;
box-shadow: 0 0 30px rgba(0,0,0,.25);
z-index: 101;
}
.rs-modal.scale-animation {
animation: quick-scale 100ms;
}
.rs-modal-drag-bar {
position: absolute;
height: 30px;
width: 100%;
top: 0;
left: 0;
border-bottom: 2px solid #f9f9f9;
cursor: move;
}
.rs-modal__title {
display: inline-block;
height: 30px;
line-height: 30px;
padding-left: 14px;
letter-spacing: .5px;
font-weight: 400;
font-family: "PT Sans", serif;
color: #555;
font-size: 12px;
pointer-events: none;
}
.rs-modal__close-btn {
position: absolute;
top: 0;
right: 0;
display: block;
height: 30px;
width: 30px;
border: solid 1px transparent;
border-radius: 3px;
padding: 0 10px;
margin-right:0;
outline: 0;
font-weight: 500;
font-size: 11px;
text-decoration: none;
white-space: nowrap;
word-wrap: normal;
line-height: normal;
vertical-align: middle;
cursor: pointer;
background-color: transparent;
color: #555;
z-index: 1;
}
.rs-modal__close-btn .close-btn {
position: absolute;
top: 50%;
margin-top: -8px;
left: 50%;
margin-left: -8px;
}
.rs-modal__close-btn:hover .close-btn,
.rs-modal__close-btn:focus .close-btn {
background-color: #a7a7a7;
}
.rs-modal__guts {
height: 100%;
padding-top: 30px;
}
.rs-modal__content {
height: 100%;
}
.rs-modal-resizer-x,
.rs-modal-resizer-y,
.rs-modal-resizer-xy {
position: absolute;
}
.rs-modal-resizer-x {
width: 5px;
height: calc(100% - 10px);
right:0;
top: 0;
/*background-color: lightcoral;*/
cursor: ew-resize;
}
.rs-modal-resizer-y {
height: 5px;
width: calc(100% - 10px);
left: 0;
bottom: 0;
/*background-color: lightgreen;*/
cursor: ns-resize;
}
.rs-modal-resizer-xy {
height: 10px;
width: 10px;
right: 0;
bottom: 0;
/*background-color: paleturquoise;*/
cursor: nwse-resize;
}
.modal-item-list-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: baseline;
}
/* endregion MODAL */
/* ****************************************************** */
/* ***********ORDER FORM ********** */
.order_form_comment textarea{
width: 100%;
height: 80px;
}
/* *********** END ORDER FORM ********** */
/* FILE REMOVE ICON */
.pos-top-r {
top: 1px;
right: 1px;
}
.file-remove-icon {
color: #000;
background: rgba(255,255,255,.5);
position: absolute;
margin-top: 0;
margin-left: 0;
width: 21px;
height: 21px;
cursor: pointer;
}
.file-remove-icon:hover {
background-color: #fff;
}
.file-remove-icon::before {
content: '';
display: block;
position: absolute;
top: 10px;
width: 21px;
height: 1px;
background-color: currentColor;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.file-remove-icon::after {
content: '';
display: block;
position: absolute;
top: 10px;
width: 21px;
height: 1px;
background-color: currentColor;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/* region USER INFO FIELD */
.user-info-field__container {
width: 100%;
height: 30px;
font-style: italic;
display: flex;
align-items: center;
}
.user-info-field__block {
padding-right: 10px;
}
/* endregion USER INFO FIELD */
/* region PICTURE LIST */
.pic-list__container {
max-width: 800px;
margin: 5px 0;
padding: 10px;
border: 1px solid #a9a9a9;
}
.pic-list__image-list-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #a9a9a9;
}
.pic-list__figure {
position: relative;
margin: 5px;
width: 100px;
height: 100px;
}
.pic-list__figure img {
max-width:100%;
max-height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.pic-list__figure:hover {
cursor: pointer;
}
.pic-list__figure:hover::after {
content: 'Выбрать';
display: inline-block;
position: absolute;
padding: .5rem;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
background-color: rgba(255,255,255,.8);
text-transform: uppercase;
}
.pic-list__figure figcaption {
position: absolute;
bottom: 0;
width: 100%;
background-color: rgba(255,255,255,.8);
}
.single-image-container {
width: 100%;
min-height: 150px;
margin: 0 0 20px 0;
padding: 0;
border: none;
position: relative;
}
.single-image-container .pic-list__image-list-container {
border: none;
}
.single-image-container .pic-list__figure {
width: 100%;
height: 300px;
max-height: 300px;
overflow: hidden;
cursor: default;
}
.single-image-container .pic-list__figure img {
max-width: none;
max-height: none;
}
.single-image-container .pic-list__figure figcaption {
max-width: none;
}
.single-image-container .pic-list__figure:hover::after {
display: none;
}
.single-image-container .img-add-btn {
position: absolute;
padding: 1em 2em;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: 16px;
text-transform: uppercase;
background-color: rgba(255,255,255,.6);
font-weight: 300;
border: none;
}
.single-image-container .img-add-btn:hover {
background-color: #fff;
box-shadow: 0 0 2px rgba(0,0,0,.1);
}
/* endregion PICTURE LIST */
/* region DATAPICKER */
.DatePickField.display-iblock {
margin-right: 1em;
}
.DatePickField.display-iblock label {
width: auto;
padding-right: .5em;
}
.date-pick__container {
position: relative;
display: inline-block;
}
.date-pick__calendar {
position: fixed;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
left: 0;
top: 100%;
padding: 10px;
padding-right: 0;
padding-left: 5px;
border: 1px solid #a5a5a5;
box-shadow: 0 8px 11px 3px rgba(0,0,0, .3);
background: #f3f3f3;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 100;
}
.calendar__year-select-block {
position: relative;
padding: 2px 5px;
text-align: center;
}
.year__arrow-down-icon {
position: absolute;
right: 4px;
top: 0;
height: 100%;
width: 25px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggY2xhc3M9InBhdGgxIiBmaWxsPSIjNTU1IiBkPSJNMy4wNzcgOC40NjIgbC0zLjA3NyAzLjA3NyAxNiAxNiAxNi0xNiAtMy4wNzctMy4wNzcgLTEyLjkyMyAxMi45MjN6Ij48L3BhdGg+PC9zdmc+);
background-repeat: no-repeat;
background-position: center;
background-size: 35%;
pointer-events: none;
}
.calendar__year-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 2px 5px;
border: 1px solid #a5a5a5;
outline: none;
display: block;
width: 100%;
background-color: #fff;
}
.calendar__year-select option {
padding: 2px 5px;
background-color: #fff;
}
.calendar__month-name-container {
padding-right: 5px;
}
.calendar__month-names {
list-style-type:none;
margin: 0;
padding: 0;
}
.calendar__month-names li {
padding: 5px 15px;
border: 1px solid transparent;
cursor: default;
}
.calendar__month-names li:hover {
background-color: #e1e1e1;
}
.calendar__year-block {
position: relative;
background-color: #fff;
}
.calendar__daynames {
position: absolute;
top: 0;
left: 15px;
background-color: rgba(255,255,255,.9);
border-bottom: 1px solid rgba(0,0,0,.1);
}
.calendar__daynames,
.calendar__days {
display: flex;
flex-direction: row;
flex-wrap: wrap;
max-width: 210px;
width: 210px;
cursor: default;
}
.calendar__dayname,
.calendar__day {
display: block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 3px;
border: 1px solid transparent;
}
.calendar__selected-day {
background-color: limegreen;
color: #fff;
}
.calendar__day-selectable:hover {
border-color: #ddd;
}
.calendar__month-title {
text-align: center;
padding-top: 5px;
padding-bottom: 10px;
}
.calendar__weekend {
color: #f92400;
}
.calendar__year-days {
height: 100%;
max-height: 347px;
padding: 35px 20px 0 20px;
overflow: auto;
}
.today-dashed-border {
border: 1px dashed #ddd;
}
.calendar__quick-select {
padding-top: 10px;
text-align: center;
background-color: #f3f3f3;
}
.field-icon__calendar-icon::after {
background-size: 64%;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' height='512' width='512' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512'%3E%3Cpath d='m0 32v448h512v-448h-512zm192 288v-96h128v96h-128zm128 32v96h-128v-96h128zm0-256v96h-128v-96h128zm-160 0v96h-128v-96h128zm-128 128h128v96h-128v-96zm320 0h128v96h-128v-96zm0-32v-96h128v96h-128zm-320 160h128v96h-128v-96zm320 96v-96h128v96h-128z' fill='%23555'/%3E%3C/svg%3E%0A");
}
.field-icon__cross-icon {
display: none;
}
.field-icon__cross-icon::after {
background-size: 85%;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath style='block-progression:tb;text-transform:none;text-indent:0' overflow='visible' d='m15 14c-0.258 0-0.497 0.118-0.694 0.315-0.395 0.395-0.395 1.03 0 1.42l9.28 9.28-9.28 9.28c-0.395 0.394-0.395 1.02 0 1.42 0.395 0.394 1.03 0.394 1.42 0l9.3-9.3 9.28 9.27c0.395 0.395 1.03 0.394 1.42 0 0.396-0.394 0.396-1.02 0-1.42l-9.28-9.27 9.28-9.28c0.395-0.394 0.395-1.02 0-1.42-0.394-0.394-1.03-0.394-1.42 0l-9.3 9.3-9.28-9.28c-0.198-0.197-0.468-0.315-0.726-0.315z'/%3E%3C/svg%3E");
}
.date-pick__input-container:hover .field-icon__cross-icon {
display: block;
}
/* endregion DATAPICKER */
/* region CAR SELECT FIELD */
.car-field-container {
padding: 15px 20px;
box-shadow: 2px 2px 3px rgba(0,0,0,0.4);
border: 1px solid #e1e1e1;
background-color: #fff;
color: #333;
font-size: 12px;
}
.car-field-select {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #efefef;
}
.car-field {
position: relative;
width: 200px;
height: 27px;
}
.car-field-list {
position: absolute;
max-height: 210px;
overflow-y: auto;
overflow-x: hidden;
left: 0;
top: 100%;
width: 100%;
background-color: #fff;
list-style: none;
border: 1px solid #a5a5a5;
border-top: none;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.car-field-list li {
cursor: default;
padding: 2px 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.car-field-list li:hover {
background-color: #ededed;
}
.car-field-input {
width: 100%;
height: 100%;
padding: 4px 50px 4px 4px;
display: inline-block;
border: 1px solid #a5a5a5;
}
.car-field-icon {
display: block;
position: absolute;
width: 23px;
height: 23px;
border-radius: 2px;
top: 2px;
background-color: #fff;
}
.car-field-icon:hover {
background-color: #efefef;
}
.car-field-icon::after {
content: '';
position: absolute;
display: block;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 2;
background-repeat: no-repeat;
background-size: 35%;
background-position: 50%;
}
.car-field-icon__cross {
right: 50px;
opacity: 0;
}
.car-field:hover .car-field-icon__cross {
opacity: 1;
}
.car-field__empty .car-field-icon__cross {
visibility: hidden;
}
.car-field-icon__cross::after {
background-size: 85%;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath style='block-progression:tb;text-transform:none;text-indent:0' overflow='visible' d='m15 14c-0.258 0-0.497 0.118-0.694 0.315-0.395 0.395-0.395 1.03 0 1.42l9.28 9.28-9.28 9.28c-0.395 0.394-0.395 1.02 0 1.42 0.395 0.394 1.03 0.394 1.42 0l9.3-9.3 9.28 9.27c0.395 0.395 1.03 0.394 1.42 0 0.396-0.394 0.396-1.02 0-1.42l-9.28-9.27 9.28-9.28c0.395-0.394 0.395-1.02 0-1.42-0.394-0.394-1.03-0.394-1.42 0l-9.3 9.3-9.28-9.28c-0.198-0.197-0.468-0.315-0.726-0.315z'/%3E%3C/svg%3E");
}
.car-field-icon__arrow {
right: 25px;
}
.car-field-icon__arrow::after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggY2xhc3M9InBhdGgxIiBmaWxsPSIjNTU1IiBkPSJNMy4wNzcgOC40NjIgbC0zLjA3NyAzLjA3NyAxNiAxNiAxNi0xNiAtMy4wNzctMy4wNzcgLTEyLjkyMyAxMi45MjN6Ij48L3BhdGg+PC9zdmc+);
}
.car-field-icon__more {
right: 2px;
}
.car-field-icon__more::after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIzMiIgd2lkdGg9IjMyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBjbGFzcz0icGF0aDEiIGZpbGw9IiM1NTUiIGQ9Im0zLjk5IDE2YzAtMi4yMSAxLjc5LTQgNC00czQgMS43OSA0IDQtMS43OSA0LTQgNC00LTEuNzktNC00em0xNiAwYzAtMi4yMSAxLjc5LTQgNC00czQgMS43OSA0IDQtMS43OSA0LTQgNC00LTEuNzktNC00eiIvPjwvc3ZnPg==);
}
.car-field-info .label {
display: inline-block;
width: 65px;
}
.car-field-info__item {
margin-bottom: 5px;
}
.car-field-info strong {
display: inline-block;
vertical-align: top;
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
border-bottom: 1px solid #bbb;
text-transform: uppercase;
}
.car-field-info__plate strong {
text-transform: capitalize;
}
/* endregion CAR SELECT FIELD */
/* STORE REST FIELD*/
.store-rest-field__container {
position: relative;
min-height:100px;
padding: 20px 20px 15px;
border: 1px solid #e1e1e1;
background-color: #fff;
color: #333;
}
.store-rest-title {
position: absolute;
padding: 4px 10px;
top: -10px;
left: 50%;
transform: translateX(-50%);
margin-bottom: 5px;
background-color: #fff;
text-align: center;
}
.store-rest-table {
border-collapse: collapse;
margin: 0 auto;
}
.store-rest-table td {
padding: 5px 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border: 1px solid #f1f1f1;
}
.store-rest-table td:first-child {
min-width: 160px;
}
.store-rest-table td:only-child {
text-align: center;
}
/* MIDDLE FIELD ROW */
.middle-field__row {
padding-bottom: 7px;
}
.middle-field__row .Field {
margin-bottom: 0;
vertical-align: baseline;
min-height: inherit;
}
/* DROPDOWN BUTTON FIELD */
.dropdown-button-field__list {
min-width: 200px;
padding: 5px 0;
margin: 0;
margin-top: -1px;
padding: 5px 0;
max-height: 400px;
overflow-y: auto;
overflow-x: hidden;
list-style: none;
z-index: 10;
box-shadow: 3px 3px 3px 0 rgba(0,0,0,.5);
}
.dropdown-button-field__list li {
padding: 5px 30px 5px 30px;
width: 100%;
cursor: default;
}
.dropdown-button-field__list li:hover {
background-color: #ededed;
}
.dropdown-button-field.is-open .dropdown-button-field__list {
display: block;
}
/* img viewer modal */
.img-viewer__wrapper {
position: fixed;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
padding: 10px;
background-color: #7a7677;
box-shadow: 0 0 10px rgba(122,118,119,.5);
z-index: 600;
}
.img-viewer__close-btn {
position: absolute;
top: -20px;
right: -20px;
width: 40px;
height: 40px;
margin-right: 0;
border-radius: 50%;
}
.img-viewer__close-btn::before,
.img-viewer__close-btn::after {
content: '';
position: absolute;
display: block;
height: 1px;
width: 25px;
left: 50%;
top: 50%;
background-color: #777;
}
.img-viewer__close-btn::before {
transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.img-viewer__close-btn::after {
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
/*.tableWrap {*/
/*height: 100% !important;*/
/*}*/
.grid-v-drag {
display: none;
}
.css-tabs {
height: 100%;
}
.css-tabs .css-tabs__tabs {
height: 30px;
}
.css-tabs__tab-container {
height: calc(100% - 30px);
}
.css-tabs__tab-body {
height: 100%;
overflow: auto;
}
.form-block {
overflow: hidden;
}
.form-block-resizer__vertical {
position: relative;
padding: 3px;
height: 7px;
background-color: #f3f4f3;
cursor: ns-resize;
opacity: 0;
}
.form-block-resizer__vertical:hover {
opacity: 1;
}
.form-block-resizer__vertical::after {
content: '';
position: absolute;
top: 3px;
left: 5px;
right: 5px;
display: block;
height: 1px;
background-image: repeating-linear-gradient(
90deg,
rgba(0, 0, 0, 0.2),
rgba(0, 0, 0, 0.2) 3px,
rgba(0, 0, 0, 0.0) 3px,
rgba(0, 0, 0, 0.0) 5px
);
}
.form-block-resizer__avatar {
position: fixed;
padding: 4px;
background-color: transparent;
background-image: none;
z-index: 1000;
}
/* NEW GRID */
.tableWrap {
overflow: visible;
}
.GridBody {
overflow: auto;
}
.GridBody::-webkit-scrollbar-corner {
background-color: #f1f1f1;
}
.Grid {
position: absolute;
}
.grid-thead {
height: 30px;
position: sticky;
min-width: 100%;
top: 0;
left: 0;
z-index: 1;
}
.grid-thead-row {
height: 100%;
left: 0;
display: flex;
flex-direction: row;
position: absolute;
}
.cellHead {
flex: none;
height: inherit;
line-height: inherit;
padding-top: 0;
padding-bottom: 0;
color: inherit;
border: none;
white-space: nowrap;
font-size: inherit;
position: relative;
}
.cellHeadFixed {
display: block;
background: #fff;
height: 30px;
color: #555;
line-height: normal;
font-family: 'PT Sans', sans-serif;
font-size: 12px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
z-index: 1;
}
.sort-arrow {
position: absolute;
left: 5px;
top: 8px;
display: none;
width: 14px;
height: 14px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAACVBMVEUAAABNTU3////5Bsp4AAAAAXRSTlMAQObYZgAAABZJREFUeAFjIAYw0ofLCAKofAzFhAEABmsAEVQ68/YAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: center;
background-color: #fff;
}
.sort-arrow.sort-desc {
display: block;
}
.sort-arrow.sort-asc {
display: block;
transform: rotate(180deg);
}
/* FIELD N-SEARCH */
.n-search {
min-height: initial;
}
.n-search input {
height: initial;
width: 300px;
padding: 5px 3px;
border: none;
border-bottom: 1px solid #b9b9b9;
}