Created
October 25, 2020 12:21
-
-
Save Ozerich/9b5bd8b490e5d45bac4bc2c496930fb9 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .content-columns { | |
| &--fieldset { | |
| .content-columns__grid { | |
| @include smallTablet-and-mobile { | |
| padding: 7.5px 0; | |
| border-bottom: 1px solid $border-color; | |
| } | |
| &--with-fields { | |
| @include no-smallTablet { | |
| align-items: center; | |
| padding-top: 23px; | |
| } | |
| @include smallTablet-and-mobile { | |
| padding: 7.5px 0; | |
| border-bottom: 1px solid $border-color; | |
| } | |
| &-no-borders { | |
| border-color: transparent; | |
| } | |
| .content-columns__cell--field { | |
| @include no-smallTablet { | |
| position: relative; | |
| padding-top: 0; | |
| padding-bottom: 0; | |
| > * { | |
| margin: 0; | |
| } | |
| } | |
| &-fw { | |
| flex: 1 1 100%; | |
| @include no-smallTablet { | |
| position: relative; | |
| padding: 15px 15px 0; | |
| } | |
| } | |
| &-no-borders { | |
| border-color: transparent; | |
| } | |
| .content-columns__column-title { | |
| font-weight: normal; | |
| font-size: 14px; | |
| line-height: 18px; | |
| color: $darknet-text; | |
| @include no-smallTablet { | |
| position: absolute; | |
| top: -5px; | |
| transform: translateY(-100%); | |
| } | |
| @include smallTablet-and-mobile { | |
| margin-bottom: 5px; | |
| } | |
| } | |
| } | |
| } | |
| &--contragent { | |
| &-verifications { | |
| .content-columns__cell { | |
| &--year { | |
| @include smallTablet-and-mobile { | |
| padding-bottom: 18.5px; | |
| } | |
| } | |
| &--organization, | |
| &--phone { | |
| padding-top: 0; | |
| padding-bottom: 0; | |
| } | |
| &--point, | |
| &--organization, | |
| &--phone, | |
| &--basis, | |
| &--supervisory, | |
| &--unp, | |
| &--month { | |
| @include smallTablet-and-mobile { | |
| display: none; | |
| } | |
| } | |
| } | |
| } | |
| &-tenders-analytics { | |
| .content-columns__cell { | |
| &--first-contract-date, | |
| &--last-contract-date, | |
| &--litigation { | |
| padding-top: 0; | |
| padding-bottom: 0; | |
| } | |
| &--customer, | |
| &--contracts, | |
| &--first-contract-date, | |
| &--last-contract-date, | |
| &--litigation { | |
| @include smallTablet-and-mobile { | |
| display: none; | |
| } | |
| } | |
| } | |
| } | |
| &-tenders-deals { | |
| .content-columns__cell { | |
| &--date { | |
| padding-right: 10px; | |
| } | |
| } | |
| } | |
| &-popup-lots { | |
| .content-columns__cell { | |
| &--status, | |
| &--name, | |
| &--price, | |
| &--code { | |
| @include smallTablet-and-mobile { | |
| display: none; | |
| } | |
| } | |
| } | |
| } | |
| &-business-guarantee { | |
| } | |
| } | |
| &--monitoring-history { | |
| .content-columns__cell { | |
| &--date { | |
| flex: 0 0 180px; | |
| } | |
| &--search { | |
| flex: 0 0 105px; | |
| } | |
| } | |
| } | |
| &--monitoring-observe { | |
| .content-columns__cell { | |
| &--date { | |
| @include smallTablet-and-mobile { | |
| display: none; | |
| } | |
| } | |
| } | |
| } | |
| &--payments-acts { | |
| .content-columns__cell { | |
| &--act-date { | |
| @include smallTablet-and-mobile { | |
| .content-columns__column-title { | |
| justify-content: initial; | |
| > * { | |
| margin-left: 10px; | |
| } | |
| } | |
| } | |
| } | |
| &--act-action, | |
| &--act-number { | |
| @include smallTablet-and-mobile { | |
| display: none; | |
| } | |
| } | |
| } | |
| } | |
| .btn { | |
| padding: 9px 15px; | |
| max-width: 76px; | |
| width: 100%; | |
| @include smallTablet-and-mobile { | |
| max-width: 100%; | |
| } | |
| } | |
| } | |
| .content-columns__cell { | |
| padding: 10px 15px; | |
| border-color: $border-color; | |
| //white-space: nowrap; | |
| &:last-child { | |
| border-color: transparent; | |
| } | |
| @include no-smallTablet { | |
| display: flex; | |
| align-items: center; | |
| width: 100%; | |
| } | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100% !important; | |
| padding: 7.5px 10px; | |
| border: none; | |
| } | |
| .sorting-wrapper { | |
| margin-left: 5px; | |
| @include smallTablet-and-mobile { | |
| display: none; | |
| } | |
| > * { | |
| margin: 0; | |
| } | |
| } | |
| &--sorting { | |
| display: flex; | |
| align-items: center; | |
| width: 100%; | |
| justify-content: space-between; | |
| @include smallTablet-and-mobile { | |
| flex-wrap: wrap; | |
| .sorting-mobile { | |
| display: block; | |
| margin-bottom: 15px; | |
| flex: 1 1 100%; | |
| color: $color-black-text; | |
| font-weight: 600; | |
| font-size: 18px; | |
| line-height: 22px; | |
| } | |
| .sorting-wrapper { | |
| display: inline-flex; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| &__item { | |
| padding: 7.5px 0; | |
| border-bottom: 1px solid $border-color; | |
| @include smallTablet-and-mobile { | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| &-content-tags { | |
| padding: 7.5px 40px 7.5px 20px; | |
| @include smallTablet-and-mobile { | |
| order: -1; | |
| padding: 0; | |
| margin: 7.5px 0; | |
| overflow-x: auto; | |
| scrollbar-width: none; | |
| &::-webkit-scrollbar { | |
| display: none; | |
| } | |
| .content-tags__list { | |
| padding: 0 10px; | |
| } | |
| .content-columns--monitoring-editable & { | |
| margin-left: 35px; | |
| } | |
| } | |
| @include smallTablet { | |
| max-width: calc(100vw - 40px); | |
| } | |
| } | |
| &--checked { | |
| background: linear-gradient(0deg, rgba(3, 91, 119, 0.05), rgba(3, 91, 119, 0.05)), #ffffff; | |
| } | |
| &--payments-br { | |
| box-shadow: none; | |
| } | |
| .accord-button { | |
| right: 30px; | |
| @include smallTablet-and-mobile { | |
| right: 0; | |
| } | |
| } | |
| &.accord-item { | |
| padding: 7.5px 0; | |
| box-shadow: none; | |
| @include smallTablet-and-mobile { | |
| .accord-button { | |
| margin: 12.5px 0 7.5px; | |
| } | |
| } | |
| } | |
| &--no-padding { | |
| padding: 0; | |
| } | |
| } | |
| &__grid { | |
| display: flex; | |
| flex-wrap: wrap; | |
| padding: 0 25px 0 5px; | |
| width: 100%; | |
| @include smallTablet-and-mobile { | |
| padding: 0; | |
| } | |
| &--contragent { | |
| &-document-registers { | |
| border-top: 1px solid $border-color; | |
| &:first-child { | |
| border-top: none; | |
| } | |
| .content-columns__cell { | |
| &-filter__title { | |
| @include smallTablet-and-mobile { | |
| display: block; | |
| padding-bottom: 5px; | |
| font-size: 18px; | |
| line-height: 22px; | |
| padding-left: 10px; | |
| padding-top: 10px; | |
| @include fontSourceSansProSemibold; | |
| color: $color-black-text; | |
| } | |
| @include no-mobile { | |
| display: none; | |
| } | |
| } | |
| /*row-1*/ | |
| &--document-number, | |
| &--document-type, | |
| &--product, | |
| &--creator, | |
| &--applicant { | |
| flex: 0 1 20%; | |
| } | |
| /*row-1_mobile*/ | |
| &--product { | |
| @include mobile { | |
| order: 2; | |
| } | |
| } | |
| &--document-number, | |
| &--document-type, | |
| &--product, | |
| &--creator, | |
| &--applicant { | |
| @include mobile { | |
| flex: 0 1 100%; | |
| } | |
| } | |
| /*row-2*/ | |
| &--registry-date, | |
| &--validity { | |
| flex: 0 1 20%; | |
| @include smallTablet-and-mobile { | |
| order: 3; | |
| } | |
| @include mobile { | |
| flex: 0 1 50%; | |
| } | |
| } | |
| } | |
| } | |
| &-business-guarantee { | |
| border-top: 1px solid $border-color; | |
| &:first-child { | |
| border-top: none; | |
| } | |
| .content-columns__cell { | |
| //filters | |
| &-filter__sorting { | |
| @include smallTablet-and-mobile { | |
| padding: 0 10px; | |
| flex-basis: 100%; | |
| } | |
| @include no-mobile { | |
| display: none; | |
| } | |
| } | |
| &-filter__title { | |
| @include smallTablet-and-mobile { | |
| display: block; | |
| margin-bottom: 15px; | |
| font-size: 18px; | |
| line-height: 22px; | |
| @include fontSourceSansProSemibold; | |
| color: $color-black-text; | |
| } | |
| @include no-mobile { | |
| display: none; | |
| } | |
| } | |
| &-filter__sorting-item { | |
| @include smallTablet-and-mobile { | |
| display: flex; | |
| justify-content: space-between; | |
| &:not(:last-child) { | |
| margin-bottom: 10px; | |
| } | |
| span { | |
| display: block; | |
| font-size: 16px; | |
| line-height: 20px; | |
| @include fontSourceSansRegular; | |
| color: $color-dark-text; | |
| } | |
| } | |
| } | |
| /*row-1*/ | |
| &--guarantee-number { | |
| flex: 0 1 35.5%; | |
| } | |
| &--issue-date, | |
| &--entry-date { | |
| flex: 0 1 18.5%; | |
| } | |
| &--sum { | |
| flex: 0 1 27.5%; | |
| } | |
| /*row-1_mobile*/ | |
| &--guarantee-number, | |
| &--issue-date, | |
| &--entry-date, | |
| &--sum { | |
| @include smallTablet-and-mobile { | |
| flex: 0 1 50%; | |
| } | |
| } | |
| &--guarantee-number { | |
| display: flex; | |
| justify-content: space-between; | |
| @include smallTablet-and-mobile { | |
| flex-direction: column; | |
| } | |
| } | |
| /*first column*/ | |
| &--order, | |
| &--over-date, | |
| &--info, | |
| &--beneficiary-info, | |
| &--other { | |
| flex: 0 1 35.5%; | |
| @include smallTablet-and-mobile { | |
| flex: 0 1 100%; | |
| } | |
| } | |
| /*second column*/ | |
| &--change, | |
| &--reasons, | |
| &--entry-info, | |
| &--additional-info, | |
| &--form { | |
| flex: 0 1 18.5%; | |
| @include smallTablet-and-mobile { | |
| flex: 0 1 100%; | |
| } | |
| } | |
| /*third column*/ | |
| &--introduction-day, | |
| &--actual-date, | |
| &--principal-info, | |
| &--guarantee, | |
| &--add-files { | |
| flex: 0 1 46%; | |
| @include smallTablet-and-mobile { | |
| flex: 0 1 100%; | |
| } | |
| } | |
| } | |
| } | |
| &-trade-registry { | |
| .content-columns__cell { | |
| &--region, | |
| &--number { | |
| flex: 1 1 17.2%; | |
| @include no-smallTablet { | |
| padding-right: 0; | |
| } | |
| } | |
| &--district, | |
| &--date { | |
| flex: 1 1 18.7%; | |
| } | |
| &--contacts, | |
| &--type { | |
| flex: 1 1 25.5%; | |
| } | |
| &--address, | |
| &--groups { | |
| flex: 1 1 19.3%; | |
| } | |
| &--address-agricultural, | |
| &--subgroups { | |
| flex: 1 1 19.3%; | |
| } | |
| &--groups, | |
| &--subgroups { | |
| @include smallTablet-and-mobile { | |
| order: 2; | |
| } | |
| } | |
| &--dns { | |
| flex: 1 1 61.4%; | |
| } | |
| &--seats-amount { | |
| flex: 1 1 38.6%; | |
| } | |
| &--trade-classes, | |
| &--product-groups, | |
| &--product-subgroups { | |
| flex: 1 1 100%; | |
| } | |
| &--region, | |
| &--district, | |
| &--number, | |
| &--date, | |
| &--groups, | |
| &--subgroups { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 40%; | |
| } | |
| } | |
| &--dns, | |
| &--seats-amount, | |
| &--type, | |
| &--address, | |
| &--address-agricultural, | |
| &--contacts { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| } | |
| } | |
| } | |
| &-verifications { | |
| .content-columns__cell { | |
| &--year { | |
| flex: 0 1 10%; | |
| max-width: 100px; | |
| } | |
| &--month { | |
| flex: 0 1 21%; | |
| max-width: 210px; | |
| } | |
| &--point { | |
| flex: 0 1 15%; | |
| max-width: 150px; | |
| } | |
| &--organization { | |
| flex: 1 1 31%; | |
| @include desktop-lg { | |
| flex-basis: calc(100% - 745px); | |
| } | |
| } | |
| &--phone { | |
| flex: 1 1 17.5%; | |
| max-width: 285px; | |
| } | |
| &--basis { | |
| flex: 0 1 31%; | |
| max-width: 310px; | |
| } | |
| &--supervisory { | |
| flex: 1 1 calc(31% + 150px); | |
| } | |
| &--unp { | |
| flex: 1 1 17.5%; | |
| max-width: 285px; | |
| } | |
| &--point, | |
| &--organization, | |
| &--phone, | |
| &--basis, | |
| &--supervisory, | |
| &--unp { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| } | |
| &--year, | |
| &--month { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 40%; | |
| } | |
| } | |
| } | |
| } | |
| &-tenders-analytics { | |
| .content-columns__cell { | |
| &--customer { | |
| flex: 1 1 100px; | |
| } | |
| &--contracts { | |
| flex: 0 1 130px; | |
| } | |
| &--first-contract-date { | |
| flex: 0 1 130px; | |
| } | |
| &--last-contract-date { | |
| flex: 0 1 160px; | |
| } | |
| &--total-amount { | |
| flex: 0 1 200px; | |
| } | |
| &--litigation { | |
| flex: 0 1 160px; | |
| } | |
| &--first-contract-date, | |
| &--last-contract-date { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 40%; | |
| } | |
| } | |
| &--customer, | |
| &--contracts, | |
| &--total-amount, | |
| &--litigation { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| } | |
| } | |
| } | |
| &-tenders-deals { | |
| .content-columns__cell { | |
| &--term, | |
| &--date { | |
| flex: 0 1 205px; | |
| } | |
| &--date { | |
| .option { | |
| > * { | |
| &:not(:first-child) { | |
| margin-top: 3px; | |
| } | |
| } | |
| @include smallTablet-and-mobile { | |
| display: flex; | |
| flex-wrap: wrap; | |
| > * { | |
| flex: 1 1 40%; | |
| &:first-child { | |
| order: 1; | |
| } | |
| &:nth-child(2) { | |
| order: 3; | |
| } | |
| &:nth-child(3) { | |
| order: 2; | |
| padding-left: 15px; | |
| } | |
| &:last-child { | |
| order: 4; | |
| padding-left: 15px; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| &--unp { | |
| flex: 1 1 calc(100% - 210px - 340px); | |
| } | |
| &--subject { | |
| flex: 1 1 calc(100% - 210px - calc(100% - 210px - 340px)); | |
| } | |
| &--role { | |
| flex: 1 1 120px; | |
| } | |
| &--source { | |
| flex: 1 1 180px; | |
| } | |
| &--positions { | |
| flex: 1 1 160px; | |
| } | |
| &--cost { | |
| flex: 1 1 150px; | |
| } | |
| &--number { | |
| flex: 1 1 145px; | |
| } | |
| &--term, | |
| &--date, | |
| &--unp, | |
| &--subject, | |
| &--number { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| } | |
| &--role, | |
| &--source, | |
| &--positions, | |
| &--cost { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 40%; | |
| } | |
| } | |
| } | |
| } | |
| &-tenders-purchases { | |
| .content-columns__cell { | |
| &--number, | |
| &--placement-date { | |
| flex: 0 1 195px; | |
| } | |
| &--subject, | |
| &--offer-date { | |
| flex: 1 1 calc(50% - 195px); | |
| } | |
| &--unp, | |
| &--order { | |
| flex: 1 1 calc(100% - 195px - calc(50% - 195px)); | |
| } | |
| &--terms { | |
| flex: 1 1 100%; | |
| } | |
| &--lots { | |
| flex: 1 1 100%; | |
| } | |
| &--number, | |
| &--placement-date, | |
| &--subject, | |
| &--offer-date, | |
| &--unp, | |
| &--order, | |
| &--terms, | |
| &--lots { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| } | |
| } | |
| } | |
| &-popup-lots { | |
| .content-columns__cell { | |
| &--status, | |
| &--time { | |
| flex: 0 1 195px; | |
| } | |
| &--name, | |
| &--address { | |
| flex: 1 1 400px; | |
| } | |
| &--price { | |
| flex: 0 1 150px; | |
| } | |
| &--code { | |
| flex: 0 1 160px; | |
| } | |
| &--source { | |
| flex: 0 1 310px; | |
| } | |
| &--price, | |
| &--code { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 40%; | |
| } | |
| } | |
| &--status, | |
| &--time, | |
| &--name, | |
| &--address, | |
| &--source { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| } | |
| } | |
| } | |
| &-declarations { | |
| .content-columns__cell { | |
| &--number { | |
| flex: 1 1 45%; | |
| } | |
| &--name { | |
| flex: 1 1 45%; | |
| } | |
| &--info { | |
| flex: 1 1 100%; | |
| } | |
| &--object { | |
| flex: 1 1 49%; | |
| max-width: 50%; | |
| } | |
| &--size { | |
| flex: 1 1 24%; | |
| } | |
| &--code { | |
| flex: 1 1 24%; | |
| } | |
| &--info, | |
| &--number, | |
| &--name { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| } | |
| &--object, | |
| &--size, | |
| &--code { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 40%; | |
| } | |
| } | |
| } | |
| } | |
| &-licence { | |
| .content-columns__cell { | |
| &--emitent { | |
| flex: 1 1 40%; | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| } | |
| &--subject { | |
| flex: 1 1 60%; | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| } | |
| &--order { | |
| flex: 1 1 50%; | |
| max-width: 16%; | |
| @include smallTablet-and-mobile { | |
| max-width: 50%; | |
| } | |
| } | |
| &--licence { | |
| flex: 1 1 50%; | |
| max-width: 24%; | |
| @include smallTablet-and-mobile { | |
| max-width: 50%; | |
| } | |
| } | |
| } | |
| } | |
| &-certificates { | |
| .content-columns__cell { | |
| &--number { | |
| flex: 1 1 200px; | |
| } | |
| &--date { | |
| flex: 0 1 180px; | |
| } | |
| &--term { | |
| flex: 0 1 180px; | |
| } | |
| &--category { | |
| flex: 0 1 140px; | |
| } | |
| &--status { | |
| flex: 0 1 200px; | |
| } | |
| &--items { | |
| flex: 1 1 100%; | |
| } | |
| &--number, | |
| &--category, | |
| &--status { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| } | |
| &--date, | |
| &--term { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 40%; | |
| } | |
| } | |
| } | |
| } | |
| &-beltpp { | |
| .content-columns__cell { | |
| &--create-products { | |
| flex: 0 1 30%; | |
| @include smallTablet-and-mobile { | |
| flex: 0 1 100%; | |
| } | |
| } | |
| &--code-tn, | |
| &--code-ok { | |
| flex: 0 1 12.5%; | |
| @include smallTablet-and-mobile { | |
| flex: 0 1 50%; | |
| } | |
| } | |
| &--import, | |
| &--export, | |
| &--production { | |
| flex: 0 1 15%; | |
| @include smallTablet-and-mobile { | |
| flex: 0 1 25%; | |
| } | |
| @include mobile { | |
| flex: 0 1 50%; | |
| } | |
| } | |
| } | |
| } | |
| &-bvfb { | |
| @include smallTablet-and-mobile { | |
| margin-left: 5px; | |
| } | |
| .content-columns__cell { | |
| &--stage { | |
| margin-left: -20px; | |
| @include smallTablet-and-mobile { | |
| margin-left: -10px; | |
| flex: 1 1 100%; | |
| } | |
| @include mobile { | |
| margin: 0 -15px; | |
| flex: 1 1 100%; | |
| } | |
| flex: 0 1 40%; | |
| } | |
| &--kind, | |
| &--entry-number, | |
| &--par, | |
| &--payment, | |
| &--amount, | |
| &--code-sum, | |
| &--mode { | |
| flex: 0 1 14.2%; | |
| @include smallTablet-and-mobile { | |
| flex-basis: 50%; | |
| } | |
| } | |
| &--name-paper { | |
| flex: 0 1 33.3333%; | |
| } | |
| &--pricing, | |
| &--reg-date, | |
| &--name-paper { | |
| flex: 0 1 28.5%; | |
| @include smallTablet-and-mobile { | |
| flex-basis: 50%; | |
| } | |
| } | |
| &--name-paper, | |
| &--pricing, | |
| &--reg-date, | |
| &--kind { | |
| @include mobile { | |
| flex-basis: 100%; | |
| } | |
| } | |
| &--pricing { | |
| flex: 0 1 33.3333%; | |
| } | |
| } | |
| } | |
| &-bvfb1 { | |
| @include smallTablet-and-mobile { | |
| margin-left: 5px; | |
| } | |
| .content-columns__cell { | |
| &--stage { | |
| margin-left: -20px; | |
| @include smallTablet-and-mobile { | |
| margin-left: -10px; | |
| flex: 1 1 100%; | |
| } | |
| @include mobile { | |
| margin: 0 -15px; | |
| flex: 1 1 100%; | |
| } | |
| flex: 0 1 40%; | |
| } | |
| &--kind, | |
| &--entry-number, | |
| &--par, | |
| &--payment, | |
| &--amount, | |
| &--code-sum { | |
| flex: 0 1 16.6%; | |
| @include smallTablet-and-mobile { | |
| flex-basis: 50%; | |
| } | |
| } | |
| &--kind { | |
| @include mobile { | |
| flex-basis: 100%; | |
| } | |
| } | |
| &--pricing, | |
| &--reg-date, | |
| &--name-paper { | |
| flex: 0 1 33.1%; | |
| @include mobile { | |
| flex-basis: 100%; | |
| } | |
| } | |
| } | |
| } | |
| &-bvfb2 { | |
| @include smallTablet-and-mobile { | |
| margin-left: 5px; | |
| } | |
| .content-columns__cell { | |
| &--stage { | |
| margin-left: -20px; | |
| @include smallTablet-and-mobile { | |
| margin-left: -10px; | |
| flex: 1 1 100%; | |
| } | |
| @include mobile { | |
| margin: 0 -15px; | |
| flex: 1 1 100%; | |
| } | |
| flex: 0 1 40%; | |
| } | |
| &--kind, | |
| &--entry-number, | |
| &--par, | |
| &--payment, | |
| &--amount, | |
| { | |
| flex: 0 1 20%; | |
| @include smallTablet-and-mobile { | |
| flex-basis: 50%; | |
| } | |
| } | |
| &--kind { | |
| @include mobile { | |
| flex-basis: 100%; | |
| } | |
| } | |
| &--pricing, | |
| &--reg-date { | |
| flex: 0 1 20%; | |
| } | |
| &--name-paper { | |
| flex: 0 1 40%; | |
| } | |
| &--pricing, | |
| &--reg-date, | |
| &--name-paper { | |
| @include mobile { | |
| flex-basis: 100%; | |
| } | |
| } | |
| } | |
| } | |
| &-bvfb-unstock { | |
| @include smallTablet-and-mobile { | |
| margin-left: 5px; | |
| } | |
| .content-columns__cell { | |
| &--stage { | |
| margin-left: -20px; | |
| @include smallTablet-and-mobile { | |
| margin-left: -10px; | |
| flex: 1 1 100%; | |
| } | |
| @include mobile { | |
| margin: 0 -15px; | |
| flex: 1 1 100%; | |
| } | |
| flex: 0 1 40%; | |
| } | |
| &--type-cb { | |
| flex: 1 1 16.6%; | |
| @include mobile { | |
| flex-basis: 100%; | |
| } | |
| } | |
| &--type-cb, | |
| &--number-cb, | |
| &--currency-payment, | |
| &--sum-payment, | |
| &--gov-number, | |
| &--code-stock, | |
| &--register-date, | |
| &--deal-type, | |
| &--pay-cost, | |
| &--pay-type, | |
| &--other-category { | |
| flex: 0 1 16.5%; | |
| @include smallTablet-and-mobile { | |
| flex-basis: 50%; | |
| } | |
| } | |
| &--other-category { | |
| flex: 1 1 16.5%; | |
| } | |
| &--type-cb { | |
| @include mobile { | |
| flex-basis: 100%; | |
| } | |
| } | |
| } | |
| } | |
| &-bvfb-unstock2 { | |
| @include smallTablet-and-mobile { | |
| margin-left: 5px; | |
| } | |
| .content-columns__cell { | |
| &--stage { | |
| margin-left: -20px; | |
| @include smallTablet-and-mobile { | |
| margin-left: -10px; | |
| flex: 1 1 100%; | |
| } | |
| @include mobile { | |
| margin: 0 -15px; | |
| flex: 1 1 100%; | |
| } | |
| flex: 0 1 40%; | |
| } | |
| &--type-cb { | |
| @include mobile { | |
| flex-basis: 100%; | |
| } | |
| } | |
| &--register-date, | |
| &--deal-type, | |
| &--pay-cost, | |
| &--pay-type, | |
| &--type-cb, | |
| &--number-cb, | |
| &--currency-payment, | |
| &--sum-payment, | |
| &--code-stock { | |
| flex: 0 1 20%; | |
| @include smallTablet-and-mobile { | |
| flex-basis: 50%; | |
| } | |
| } | |
| &--type-cb { | |
| @include mobile { | |
| flex-basis: 100%; | |
| } | |
| } | |
| } | |
| } | |
| &-bvfb-unstock3 { | |
| @include smallTablet-and-mobile { | |
| margin-left: 5px; | |
| } | |
| .content-columns__cell { | |
| &--stage { | |
| margin-left: -20px; | |
| @include smallTablet-and-mobile { | |
| margin-left: -10px; | |
| flex: 1 1 100%; | |
| } | |
| @include mobile { | |
| margin: 0 -15px; | |
| flex: 1 1 100%; | |
| } | |
| flex: 0 1 40%; | |
| } | |
| &--type-cb { | |
| @include mobile { | |
| flex-basis: 100%; | |
| } | |
| } | |
| &--register-date, | |
| &--deal-type, | |
| &--pay-cost, | |
| &--pay-type, | |
| &--type-cb, | |
| &--number-cb, | |
| &--currency-payment, | |
| &--sum-payment { | |
| flex: 0 1 25%; | |
| @include smallTablet-and-mobile { | |
| flex-basis: 50%; | |
| } | |
| } | |
| &--type-cb { | |
| @include mobile { | |
| flex-basis: 100%; | |
| } | |
| } | |
| } | |
| } | |
| &-trade-marks { | |
| .content-columns__cell { | |
| min-height: 40px; | |
| @include smallTablet-and-mobile { | |
| display: flex; | |
| flex-wrap: wrap; | |
| } | |
| &-filter__title { | |
| @include smallTablet-and-mobile { | |
| display: block; | |
| padding-bottom: 5px; | |
| font-size: 18px; | |
| line-height: 22px; | |
| padding-left: 10px; | |
| padding-top: 10px; | |
| @include fontSourceSansProSemibold; | |
| color: $color-black-text; | |
| } | |
| @include no-mobile { | |
| display: none; | |
| } | |
| } | |
| .option__header { | |
| display: flex; | |
| flex-direction: column; | |
| flex: 0 1 20%; | |
| .option__image { | |
| max-width: 80px; | |
| min-height: 80px; | |
| margin-top: 8px; | |
| @include smallTablet-and-mobile { | |
| order: -1; | |
| margin-top: 0; | |
| } | |
| } | |
| img { | |
| height: 100%; | |
| width: 100%; | |
| } | |
| } | |
| &--date-register, | |
| &--publish-date { | |
| flex: 0 1 18%; | |
| } | |
| &--search-name { | |
| flex: 0 1 20%; | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| } | |
| &--keeper { | |
| flex: 0 1 24%; | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| } | |
| &--date-register { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 50%; | |
| } | |
| } | |
| &--register-over { | |
| flex: 0 1 19%; | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 50%; | |
| } | |
| } | |
| &--publish-date { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| } | |
| &--show-info { | |
| flex: 0 1 100%; | |
| } | |
| } | |
| } | |
| &-profit { | |
| overflow: hidden; | |
| @include smallTablet-and-mobile { | |
| border-top: 1px solid $border-color; | |
| } | |
| .content-columns__cell { | |
| &--profit { | |
| padding: 0; | |
| width: 100%; | |
| &:last-child { | |
| .content-columns__row--grey { | |
| display: none; | |
| } | |
| } | |
| .content-columns { | |
| &__row { | |
| margin: 0 -5px; | |
| padding: 15px 20px; | |
| display: flex; | |
| justify-content: space-between; | |
| border-bottom: 1px solid $border-color; | |
| &--grey { | |
| height: 50px; | |
| background-color: $color-gray-light; | |
| border-bottom: 1px solid $border-color; | |
| } | |
| } | |
| &__title { | |
| font-weight: 600; | |
| font-size: 16px; | |
| line-height: 20px; | |
| color: $color-dark-text; | |
| @include smallTablet-and-mobile { | |
| flex: 0 1 65%; | |
| } | |
| } | |
| &__text { | |
| font-weight: normal; | |
| font-size: 16px; | |
| line-height: 20px; | |
| @include smallTablet-and-mobile { | |
| flex: 0 1 65%; | |
| } | |
| } | |
| &__price { | |
| font-size: 16px; | |
| line-height: 20px; | |
| &--green { | |
| color: $color-green; | |
| } | |
| &--red { | |
| color: $color-red; | |
| } | |
| } | |
| } | |
| } | |
| &--btn { | |
| flex: 0 1 78%; | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| .tabs__item { | |
| border: 1px #D9D9D9 solid; | |
| } | |
| } | |
| &--choice-year { | |
| flex: 0 1 22%; | |
| } | |
| } | |
| } | |
| } | |
| &--monitoring-history { | |
| .content-columns__cell { | |
| &--unp { | |
| flex: 0 0 215px; | |
| } | |
| &--source { | |
| flex: 0 0 200px; | |
| } | |
| &--details { | |
| flex: 1 0 250px; | |
| } | |
| &--date { | |
| flex: 0 0 285px; | |
| } | |
| &--tags { | |
| flex: 0 0 1px; | |
| } | |
| &--plaintiff, | |
| &--claimant { | |
| flex: 0 0 415px; | |
| } | |
| &--last-decision { | |
| flex: 1 0 250px; | |
| } | |
| &--debt-amount { | |
| flex: 0 0 285px; | |
| } | |
| &--defendant { | |
| flex: 0 0 415px; | |
| } | |
| &--source, | |
| &--details, | |
| &--plaintiff, | |
| &--claimant, | |
| &--last-decision, | |
| &--debt-amount, | |
| &--tags, | |
| &--defendant { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| } | |
| &--unp, | |
| &--date { | |
| @include smallTablet-and-mobile { | |
| order: -1; | |
| flex: 1 1 40%; | |
| } | |
| } | |
| } | |
| } | |
| &--monitoring-observe { | |
| position: relative; | |
| .content-columns__cell { | |
| &--checkbox { | |
| position: absolute; | |
| left: 20px; | |
| top: 7.5px; | |
| z-index: 2; | |
| padding: 0; | |
| margin: 0; | |
| @include smallTablet-and-mobile { | |
| top: -30px; | |
| left: 10px; | |
| } | |
| } | |
| &--number { | |
| flex: 0 0 145px; | |
| .content-columns--monitoring-editable & { | |
| @include no-smallTablet { | |
| .option { | |
| padding-left: 30px; | |
| } | |
| } | |
| } | |
| } | |
| &--name { | |
| flex: 1 1 300px; | |
| } | |
| &--search-btn { | |
| flex: 0 1 75px; | |
| } | |
| &--status { | |
| flex: 0 1 200px; | |
| } | |
| &--date { | |
| flex: 0 1 235px; | |
| } | |
| &--tags { | |
| flex: 1 1 100%; | |
| @include smallTablet-and-mobile { | |
| padding-right: 0; | |
| .fieldset-tags__content { | |
| margin: 0; | |
| } | |
| } | |
| } | |
| &--delete-item { | |
| position: absolute; | |
| right: 40px; | |
| top: 7.5px; | |
| z-index: 2; | |
| padding: 0; | |
| @include tablet { | |
| right: 40px; | |
| } | |
| @include smallTablet-and-mobile { | |
| position: static; | |
| flex: 1 1 100%; | |
| padding: 7.5px 10px; | |
| } | |
| } | |
| &--number, | |
| &--name, | |
| &--search-btn, | |
| &--tags, | |
| &--content-tags { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 40%; | |
| } | |
| } | |
| &--status, | |
| &--date { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| } | |
| } | |
| } | |
| &--payments-tariff-plans { | |
| .content-columns__cell { | |
| &--account { | |
| flex: 0 0 75px; | |
| } | |
| &--account-date { | |
| flex: 0 0 110px; | |
| } | |
| &--tariff { | |
| flex: 1 1 345px; | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| } | |
| &--status { | |
| flex: 0 0 110px; | |
| } | |
| &--exp-date { | |
| flex: 0 0 130px; | |
| } | |
| &--extra { | |
| flex: 0 0 210px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: space-between; | |
| @include no-smallTablet { | |
| padding: 5px 15px; | |
| } | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| .btn { | |
| padding: 10px; | |
| text-transform: uppercase; | |
| } | |
| } | |
| > * { | |
| flex: 0 1 auto; | |
| margin-left: 10px; | |
| &:first-child { | |
| margin-left: 0; | |
| } | |
| } | |
| } | |
| &--account, | |
| &--account-date, | |
| &--status, | |
| &--exp-date { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 40%; | |
| } | |
| } | |
| } | |
| } | |
| &--payments-business-reference { | |
| .content-columns__cell { | |
| &--account { | |
| flex: 0 0 75px; | |
| } | |
| &--account-date { | |
| flex: 0 0 110px; | |
| } | |
| &--service { | |
| flex: 1 1 200px; | |
| } | |
| &--price { | |
| flex: 0 0 130px; | |
| @include no-smallTablet { | |
| text-align: right; | |
| } | |
| } | |
| &--action { | |
| flex: 0 0 160px; | |
| @include mobile { | |
| display: flex; | |
| justify-content: flex-end; | |
| .btn { | |
| padding: 10px 7px 10px 25px; | |
| font-weight: 600; | |
| border-color: $border-color; | |
| } | |
| } | |
| } | |
| &--unp { | |
| flex: 0 0 185px; | |
| } | |
| &--name { | |
| flex: 1 1 345px; | |
| } | |
| &--unp, | |
| &--name, | |
| &--service { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| } | |
| &--account, | |
| &--account-date, | |
| &--price, | |
| &--action { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 40%; | |
| } | |
| } | |
| } | |
| } | |
| &--payments-acts { | |
| .content-columns__cell { | |
| &--act-number { | |
| flex: 0 0 110px; | |
| } | |
| &--act-date { | |
| flex: 0 0 110px; | |
| } | |
| &--act-name { | |
| flex: 1 0 450px; | |
| } | |
| &--act-action { | |
| flex: 0 0 300px; | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: flex-start; | |
| @include smallTablet-and-mobile { | |
| .link-icon { | |
| color: $dark-text; | |
| } | |
| } | |
| } | |
| &--act-name, | |
| &--act-action { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 100%; | |
| } | |
| } | |
| &--act-number, | |
| &--act-date { | |
| @include smallTablet-and-mobile { | |
| flex: 1 1 40%; | |
| } | |
| } | |
| } | |
| } | |
| &--settings-notifications { | |
| @include smallTablet-and-mobile { | |
| padding: 7.5px 0; | |
| > * { | |
| flex: 1 1 100% !important; | |
| } | |
| } | |
| .content-columns__cell { | |
| @include no-smallTablet { | |
| padding: 15px; | |
| } | |
| &--settings { | |
| &-source { | |
| flex: 1 1 445px; | |
| @include tablet { | |
| flex-basis: 415px; | |
| } | |
| @include smallTablet-and-mobile { | |
| .option { | |
| font-weight: 600; | |
| font-size: 18px; | |
| line-height: 22px; | |
| color: $color-black-text; | |
| } | |
| } | |
| } | |
| &-frequency { | |
| flex: 1 1 245px; | |
| } | |
| &-common { | |
| flex: 1 1 155px; | |
| text-align: center; | |
| } | |
| &-detailed { | |
| flex: 1 1 160px; | |
| border-color: transparent; | |
| text-align: center; | |
| } | |
| } | |
| } | |
| } | |
| .profile-settings & { | |
| padding-right: 5px; | |
| @include smallTablet-and-mobile { | |
| padding-right: 0; | |
| } | |
| } | |
| } | |
| &__cell { | |
| padding: 7.5px 15px; | |
| border-right: 1px solid transparent; | |
| @include smallTablet-and-mobile { | |
| padding: 7.5px 10px; | |
| } | |
| } | |
| &__column-title { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| } | |
| .select2-container { | |
| height: 40px; | |
| } | |
| .select2-container--default .select2-selection--single .select2-selection__placeholder { | |
| opacity: 0.6; | |
| } | |
| } | |
| .js-collapse-content { | |
| @include smallTablet-and-mobile { | |
| display: none; | |
| &.animate { | |
| display: block; | |
| overflow: hidden; | |
| transition: height 0.32s $timing-fn; | |
| } | |
| &__grid { | |
| padding: 10px 0; | |
| } | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment