*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, head, body, header, main, aside, footer, div, p, ul, ol, figure, figcaption {
    margin: 0;
    border: 0 none;
    padding: 0;
}

.hpFieldDiv {
    display: none;
}

body {
    font-family: Helvetica, Arial, Sans-Serif;
}

.admHead {
    display: block;
    width: 100%;
    height: 2.5rem;
    background: #292d31;
    color: #ffffff;
    padding: 0 2rem;
}
.admLogo {
    display: inline-block;
    margin: 0;
    line-height: 2.5rem;
    font-size: 1.2rem;
    color: #e0e0e0;
    font-weight: normal;
}
.admCont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    gap: 0;
    height: 100vh;
    height: calc(100vh - 2.5rem);
    clear: both;
}
.admContWithCenter {
    justify-content: center;
    align-items: center;
    align-content: center;
}
.hasAdminHeader .admCont {
    height: calc(100vh - 6.6rem);
}
.admLeftCont {
    display: block;
    width: 12.5rem;
    min-width: 12.5rem;
    max-width: 12.5rem;
    background: #ecf0f4;
    flex-grow: 1;
    padding: 1rem;
}
.admMainCont {
    background: #ffffff;
    flex-grow: 24;
    padding: 1rem;
    overflow-y: auto;
}

.admOneCenterCont {
    max-width: 100%;

}

.loginForm {
    width: 24rem;
    max-width: 100%;
    background: #fafafa;
    padding: 1rem;
}
.loginForm .loginFormRow {
    margin: 0 0 1rem 0;
}
.loginForm .loginFormRowRight {
    text-align: right;
}
.loginForm .loginFormRowCenter {
    text-align: center;
}
.loginForm label {
    display: block;
    font-weight: bold;
    color: #404040;
    font-size: 0.9rem;
    line-height: 1.3rem;
    margin: 0 0 0.3rem 0;
}
.loginForm input {
    display: block;
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 0;
    padding: 0.3rem 1rem;
    width: 100%;
    border: 1px solid #505050;
}
.loginForm button {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 0;
    padding: 0.3rem 1rem;
    border: 1px solid #505050;
    font-weight: bold;
    cursor: pointer;
    font-variant: small-caps;
    background: #252540;
    color: #ffffff;
}


.leftMenu ul {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
}
.leftMenu li {
    display: block;
    margin: 0 0 0.5rem 0;
    padding: 0;
    line-height: 2rem;
}
.leftMenu .leftMenuLink {
    display: block;
    text-decoration: none;
    line-height: 2rem;
    color: #292d31;
    font-weight: normal;
}
.leftMenu .leftMenuIcon {
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 0.8rem 0 0;
    vertical-align: middle;
}
.leftMenu .leftMenuLink:hover,
.leftMenu .leftMenuLink:active,
.leftMenu .leftMenuLink:focus,
.leftMenu .leftMenuLink.active {
    font-weight: bold;
    color: #073956;
}

.leftMenu .leftMenuSub {
    display: block;
    margin: 0 0 0 2rem;
    padding: 0;
}
.leftMenu .leftMenuSub ul {
    margin: 0;
}
.leftMenu .leftMenuSub li {
    line-height: 1.6rem;
}
.leftMenu .leftMenuSub h3 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 0.9rem;
    color: #292d31;
}



.gridTable {
    border-collapse: collapse;
    clear: both;
    border: 0 none;
}
.gridTable th, 
.gridTable td {
    border: 0 none;
    border-bottom: 1px solid #c0c0c0;
    padding: 0.4rem 0.6rem;
    font-weight: normal;
    font-size: 1rem;
    color: #000000;
}
.gridTable .gridTableHeader th, 
.gridTable .gridTableHeader td {
    background: #e0e0e0;
    padding: 0.6rem 0.6rem;
    font-weight: bold;
    font-size: 1.1rem;
}
.gridTable .gridTableHeader tr:last-child th, 
.gridTable .gridTableHeader tr:last-child td {
    border-bottom: 1px solid #303030;
}
.gridTable .gridTableHeader th.noBottomBorder,
.gridTable .gridTableHeader td.noBottomBorder {
    border-bottom: 0 none;
}
.gridTable th.withLeftBorder,
.gridTable td.withLeftBorder {
    border-left: 1px solid #c0c0c0;
}
.gridTable .gridTableHeader th.withLeftBorder,
.gridTable .gridTableHeader td.withLeftBorder {
    border-left: 1px solid #303030;
}
.gridTable .gridTableData tr:hover th, 
.gridTable .gridTableData tr:hover td {
    background: #ebf7f7;
}
.gridTable .faint {
    color: #707070;
}
.gridTable .small {
    font-size: 0.8rem;
}
.gridTableData .userStatus0 {
    color: #707070;
}
.gridTableData .userStatus1 {
    color: #148004;
}
.gridTableData .userStatus2 {
    color: #800425;
}
.gridTableData .userStatus3 {
    color: #6f0480;
}

.mainTitle {
    display: block;
    margin: 0 0 1rem 0;
    padding: 0;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #656565;
}

.mainTitleNum {
    display: inline-block;
    margin: 0 1rem 0 0;
    padding: 0;
    font-weight: normal;
    font-size: 1rem;
    line-height: 2.4rem;
    color: #a0a0a0;
    vertical-align: middle;
}
.mainTitleShortName {
    display: inline-block;
    margin: 0 1rem 0 0;
    padding: 0;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #760886;
    vertical-align: middle;
}


.mainTitleDescr {
    display: inline-block;
    margin: 0 0 0 1rem;
    padding: 0;
    font-weight: normal;
    font-size: 1rem;
    line-height: 2.4rem;
    color: #909090;
}
.mainTitleStatus {
    display: inline-block;
    margin: 0 0 0 3rem;
    font-size: 1.4rem;
    font-weight: normal;
    color: #333333;
}

.gridRowIconLink {
    display: inline-block;
    margin: 0 1rem 0.3rem 0;
    padding: 0.3rem 0.8rem;
    background: #08125a;
    text-decoration: none;
    border: 0 none;
    border-radius: 0.3rem;
    vertical-align: top;
    cursor: pointer;
}
.gridRowIconLink:hover,
.gridRowIconLink:active,
.gridRowIconLink:focus {
    text-decoration: none;
}
.titleIconLink,
.gridRowIconLink.titleIconLink {
    vertical-align: middle;
    margin: 0 0 0 1.2rem;
}
.gridRowIcon {
    display: inline-block;
    width: 1.6rem;
    vertical-align: top;
}
.gridRowIconChar {
    font-size: 1.6rem;
    color: #ffffff;
    line-height: 1.6rem;
    height: 1.6rem;
    vertical-align: top;
}

.gridRowIconText {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 1.6rem;
    height: 1.6rem;
    color: #ffffff;
    font-size: 1rem;
}
.gridRowIconSpan {
    text-align: center;
}
.gridButtonGreen {
    background: #125a08;
}
.gridButtonRed {
    background: #5a080a;
}
.gridButtonPurple {
    background: #56085a;
}
.gridButtonTeal {
    background: #085a5a;
}
.gridButtonOrange {
    background: #674103;
}
.gridButtonGrey {
    background: #707070;
}
.smallIconLink, .projectOpenDataBlockTitle .smallIconLink, .f2InpCont button.smallIconLink {
    padding: 0.15rem 0.4rem;
    margin: 0 1rem 0.3rem 0;
    line-height: 1.2rem;
    font-size: 1rem;
    font-weight: normal;
    color: #ffffff;
}
.tinyIconLink, .projectOpenDataBlockTitle .tinyIconLink, .f2InpCont button.tinyIconLink {
    padding: 0.05rem 0.2rem;
    margin: 0 0.4rem 0.1rem 0;
    line-height: 1rem;
    font-size: 0.9rem;
    font-weight: normal;
    color: #ffffff;
}
.grDataTitle .smallIconLink {
    margin: 0 0 0 0.5rem;
    vertical-align: middle;
}
.projectOpenDataBlockTitle .smallIconLink {
    margin: 0 1rem 0.3rem 1rem;
    vertical-align: middle;
}
.smallIconLink .gridRowIcon {
    width: 1.2rem;
}
.smallIconLink .gridRowIconText {
    line-height: 1.2rem;
    height: 1.2rem;
}
.tinyIconLink .gridRowIcon {
    width: 1rem;
}
.tinyIconLink .gridRowIconText {
    line-height: 1rem;
    height: 11rem;
}


.f2GreyBgForm {
    display: block;
    background: #f8faec;
    margin: 0 0 1rem 0;
    padding: 1rem;
}
.f2GrDataTimelineForm {
    background: #f8faec;
    margin: 0 0 1rem 0;
    padding: 1rem 0;
}
.f2DefGroupCont {
    display: block;
    background: #f8f8f8;
    margin: 0 0 1rem 0;
    padding: 1rem;
}
.f2InvisibleGroupCont {
    display: block;
    margin: 0;
    padding: 0;
}
.f2InpCont {
    display: block;
    margin: 0 0 1rem 0;
}
.f2InlineCont {
    display: inline-block;
    margin: 0 2rem 1rem 0;
    vertical-align: top;
}
.f2InpCont .f2MainLabel {
    display: block;
    font-weight: bold;
    color: #404040;
    font-size: 0.9rem;
    line-height: 1.3rem;
    margin: 0 0 0.3rem 0;
}
.f2InpCont .f2InlineLabel {
    display: inline-block;
    font-weight: bold;
    color: #404040;
    font-size: 0.9rem;
    line-height: 1.3rem;
    margin: 0 2rem 0.3rem 0;
}
.f2InpCont .f2InpText {
    display: block;
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 0;
    padding: 0.3rem 1rem;
    width: 24rem;
    border: 1px solid #505050;
}
.f2InpCont .f2InpText.f2InpInlineBlock {
    display: inline-block;
}
.f2InpCont .f2InpDate {
    display: block;
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 0;
    padding: 0.3rem 1rem;
    width: 14rem;
    border: 1px solid #505050;
}
.f2InpCont .f2InpText.f2InpTiny,
.f2InpCont .f2InpSelect.f2InpTiny {
    width: 4rem;
}
.f2InpCont .f2InpText.f2InpSmall,
.f2InpCont .f2InpSelect.f2InpSmall {
    width: 8rem;
}
.f2InpCont .f2InpText.f2InpMedium,
.f2InpCont .f2InpSelect.f2InpMedium {
    width: 16rem;
}
.f2InpCont .f2InpText.f2InpWider,
.f2InpCont .f2InpTextarea.f2InpWider,
.f2InpCont .f2InpSelect.f2InpWider {
    width: 36rem;
}
.f2InpCont button, .f2InpCont .f2InpButton {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 0;
    padding: 0.3rem 1rem;
    border: 1px solid #505050;
    font-weight: bold;
    cursor: pointer;
    font-variant: small-caps;
    background: #252540;
    color: #ffffff;
    text-decoration: none;
    vertical-align: top;
}
.f2InpCont .f2InpCancelButton {
    background: #a0a0a0;
}
.f2GroupTitle {
    display: block;
    margin: 0 0 0.5rem 0;
    font-weight: bold;
    font-size: 0.8rem;
    line-height: 1.2rem;
    color: #707070;
}
.f2ChkboxRow {
    display: block;
    margin: 0;
    padding: 0;
    line-height: 2rem;
}
.f2InpChkbox {
    display: inline-block;
    margin: 0 0.5rem 0 0;
    vertical-align: middle;
}
.f2ChkboxLabel {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}
.f2InpSelect {
    display: inline-block;
    height: 2rem;
    width: 16rem;
    padding: 0 0.6rem;
}


.f2InpTimelineEventRowBlank, .f2InpTimelineEventRow.f2InpTimelineEventRowBlank,
.f2InpProjectVariantUserDataRowBlank, .f2InpProjectVariantUserDataRow.f2InpProjectVariantUserDataRowBlank,
.f2InpMonthResourcingRowBlank, .f2InpMonthResourcingRow.f2InpMonthResourcingRowBlank,
.f2InpPartnerListRowBlank, .f2InpPartnerListRow.f2InpPartnerListRowBlank, 
.f2InpFinderListRow.f2InpFinderListRowBlank,
.f2InpTeamListRow.f2InpTeamListRowBlank,
.f2InpPartnerListRow.f2InpPartnerListRowBlank,
.f2InpNumbersGeneraltRow.f2InpNumbersGeneraltRowBlank,
.grDataResourcingTable.grDataResourcingTableBlank,
.grDataPartnerResourcingTable.grDataPartnerResourcingTableBlank,
.transactionItem.transactionItemBlank,
.f2InpKasszaMultiUserSourceRow.f2InpKasszaMultiUserSourceRowBlank,
.grDataCont.grDataNumbersInBlank {
    display: none;
}
.hidden,
.f2InpTimelineEventRow .hidden,
.f2InpProjectVariantUserDataRow .hidden,
.f2InpMonthResourcingRow .hidden,
.f2InpPartnerListRow .hidden,
.transactionItemOptPart .hidden,
.transactionItemFixPart.hidden {
    display: none;
}
.f2InpTimelineEventRow,
.f2InpProjectVariantUserDataRow,
.f2InpSalaryRow,
.f2InpDaysOffRow,
.f2InpColleagueTypeRow,
.f2InpMonthResourcingRow,
.f2InpPartnerListRow,
.f2InpAllVariantsRow,
.f2InpStateChangeEventsRow,
.f2InpFinderListRow,
.f2InpTeamListRow,
.f2InpPartnerListRow,
.f2InpNumbersGeneraltRow,
.f2InpKasszaMultiUserSourceRow {
    display: block;
    line-height: 2rem;
    margin: 0 0 0.2rem 0;
}
.f2InpSalaryNewRow,
.f2InpDaysOffNewRow,
.f2InpColleagueTypeNewRow {
    margin: 0 0 1rem 0;
}
.f2InpTimelineEventTypeSel,
.f2InpProjectVariantUserDataUserlevelSel,
.f2InpProjectVariantUserDataUserSel,
.f2InpMonthResourcingUidSel,
.f2InpStateChangeEventsNewStateSel {
    display: inline-block;
    height: 1.8rem;
    width: 10rem;
    padding: 0 0.4rem;
    vertical-align: middle;
}
.f2InpPartnerListPtIdSel, .f2InpFindersGrDataTimelineSel, 
.f2InpTeamGrDataTimelineSel, .f2InpPartnerListTypeIdSel,
.f2InpPartnerGrDataTimelineSel, .f2InpKasszaMultiUserSourceUserSel {
    display: inline-block;
    height: 1.8rem;
    width: 16rem;
    padding: 0 0.4rem;
    vertical-align: middle;
}
.f2InpPartnerListTypeIdSel {
    width: 12rem;
    margin-right: 1rem;
}
.f2InpSizesGrDataTimelineSel, .f2InpNumbersGeneralCcySel {
    display: inline-block;
    height: 1.8rem;
    width: 3rem;
    padding: 0 0.4rem;
    vertical-align: middle;
}
.f2InpNumbersGeneralCcySel {
    width: 4rem;
}
.f2InpTimelineEventDate,
.f2InpProjectVariantUserDataDatestart,
.f2InpProjectVariantUserDataDateend,
.f2InpSalaryDate,
.f2InpDaysOffDate,
.f2InpColleagueTypeDate,
.f2InpStateChangeEventDate,
.f2InpTransactionDate,
.f2InpStateChangeEventsDate {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 0 0 0 1rem;
    padding: 0.2rem 1rem;
    width: 12.5rem;
    border: 1px solid #505050;
    vertical-align: middle;
}
.f2InpTransactionDate {
    margin: 0;
}
.f2InpStateChangeEventDate {
    margin: 0 0 0 0.3rem;
}
.f2InpTimelineEventDescr,
.f2InpProjectVariantUserDataDescr {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 0 0 0 1rem;
    padding: 0.2rem 1rem;
    width: 12.5rem;
    border: 1px solid #505050;
    vertical-align: middle;
}
.f2InpTimelineEventAmount,
.f2InpSalaryAmount,
.f2InpDaysOffAmount,
.f2InpMonthResourcingPercentage,
.f2InpUserPercentage,
.f2InpTransactionAmount, 
.f2InpTransactionVat,
.f2InpTransactionVatPercent,
.f2InpTransactionHoldbackPercent,
.f2InpFindersGrDataTimelinePercent,
.f2InpNumbersGeneralName,
.f2InpNumbersGeneralAmo,
.f2InpAddNumberInName,
.f2InpAddNumberInGenNumPercent,
.f2InpAddNumberInGenNumVatPercent,
.f2InpKasszaMultiUserSourceAmo {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 0 0 0 1rem;
    padding: 0.2rem 1rem;
    width: 10rem;
    border: 1px solid #505050;
    vertical-align: middle;
    text-align: right;
}
.f2InpAddNumberInGenNumPercent {
    width: 7.35rem;
}
.f2InpAddNumberInGenNumVatPercent {
    width: 8rem;
}
.f2InpNumbersGeneralName {
    margin: 0;
    text-align: left;
}
.f2InpTransactionAmount, 
.f2InpTransactionVat,
.f2InpTransactionVatPercent,
.f2InpAddNumberInName {
    margin: 0;
}
.f2InpTransactionVatPercent,
.f2InpTransactionHoldbackPercent {
    width: 5rem;
}
.f2InpAddNumberInName {
    width: 24rem;
}
.f2ChkboxWithPercentageChkCont {
    display: inline-block;
    vertical-align: middle;
    min-width: 12rem;
}
.f2InpPartnerListNameSearch,
.f2InpPartnerListTaxnoSearch,
.f2InpAllVariantsName,
.f2InpStateChangeEventsSubName,
.f2InpFindersGrDataTimelineNameSearch,
.f2InpTeamGrDataTimelineNameSearch,
.f2InpPartnerGrDataTimelineNameSearch {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 0 1rem 0 0;
    padding: 0.2rem 1rem;
    width: 12rem;
    border: 1px solid #505050;
    vertical-align: middle;
    text-align: left;
}
.f2InpStateChangeEventsSubName {
    margin: 0;
}
.f2InpAllVariantsCloneName {
    margin-left: 32rem;
}
.f2InpTimelineEventCcySel,
.f2InpSalaryCcySel,
.f2InpColleagueTypeCtidSel,
.f2InpResourcingSel {
    display: inline-block;
    height: 1.8rem;
    width: 4rem;
    padding: 0 0.4rem;
    margin: 0;
    vertical-align: middle;
}
.f2InpColleagueTypeCtidSel {
    width: 12rem;
    padding: 0 0.4rem;
    margin: 0 0 0 1rem;
    vertical-align: middle;
}
.f2InpResourcingSel {
    width: 8rem;
}
.f2InpTimelineEventDel, .f2InpTimelineEventDBDel,
.f2InpProjectVariantUserDataDel, .f2InpProjectVariantUserDataDBDel,
.f2InpMonthResourcingDel, .f2InpMonthResourcingDBDel,
.f2InpPartnerListDel, .f2InpPartnerListDBDel,
.f2InpAllVariantsLive, .f2InpAllVariantsLatest, .f2InpAllVariantsClone,
.f2InpAllVariantsRealInfo, .f2InpFindersGrDataTimelineDel, .f2InpFindersGrDataTimelineDBDel,
.f2InpTeamGrDataTimelineDel, .f2InpTeamGrDataTimelineDBDel,
.f2InpPartnerGrDataTimelineDel, .f2InpPartnerGrDataTimelineDBDel,
.f2InpNumbersGeneralDel, .f2InpNumbersGeneralDBDel,
.f2InpResourcingDel, .f2InpKasszaMultiUserSourceDel {
    display: inline-block;
    margin: 0 0 0 1rem;
    vertical-align: middle;
}
.f2InpAllVariantsClone {
    margin-left: 2rem;
}
.f2InpAllVariantsNoClone{
    margin-left: 32rem;
}
.f2InpTimelineEventDelLabel, 
.f2InpTimelineEventDBDelLabel,
.f2InpProjectVariantUserDataDelLabel,
.f2InpMonthResourcingDelLabel,
.f2InpPartnerListDelLabel,
.f2InpAllVariantsLabelLive,
.f2InpAllVariantsLabelLatest,
.f2InpAllVariantsLabelClone,
.f2InpFindersGrDataTimelineDelLabel,
.f2InpTeamGrDataTimelineDelLabel,
.f2InpPartnerGrDataTimelineDelLabel,
.f2InpNumbersGeneralDelLabel,
.f2InpKasszaMultiUserSourceDelLabel {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}
.f2InpTeamGrDataTimelineNoDel,
.f2InpPartnerGrDataTimelineNoDel {
    display: inline-block;
    margin: 0 0 0 1rem;
    vertical-align: middle;
}
.f2InpProjectVariantUserDataPostfix,
.f2InpSalaryDatePostfix,
.f2InpDaysOffDatePostfix,
.f2InpColleagueTypeDatePostfix {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}
.f2InpProjectVariantUserDataUsercnt,
.f2InpProjectVariantUserDataPercentage {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 0 0 0 1rem;
    padding: 0.2rem 0.4rem;
    width: 4rem;
    border: 1px solid #505050;
    vertical-align: middle;
    text-align: center;
}
.f2InpSalaryNewPostfix, 
.f2InpDaysOffNewPostfix, 
.f2InpColleagueTypeNewPostfix, 
.f2InpParcentagePostfix {
    display: inline-block;
    margin: 0 0 0 1rem;
    vertical-align: middle;
}
.f2InpColleagueTypeInfoCont {
    display: inline-block;
    margin: 0 0 0 1.5rem;
    font-size: 0.9rem;
    color: #707070;
}
.f2InpColleagueTypeInfo {
    display: none;
}
.f2InpColleagueTypeInfoActive {
    display: inline-block;
}

.f2InpErrors {
    color: #c20d0d;
    margin: 0.5rem 0 0 0;
}
.f2InpError {
    display: block;
    margin: 0 0 0.5rem 0;
}
.f2InlineInp, .f2InpCont .f2InlineInp {
    display: inline-block;
}
.f2InpStateChangeEventsStateLabel {
    display: inline-block;
    min-width: 6rem;
    font-weight: bold;
    color: #000000;
    padding: 0 1rem 0 0.3rem;
}

.f2InpTransactionFromToCont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 1rem 0;
}
.f2InpTransactionFromToTitle {
    display: block;
    text-align: center;
    color: #c0c0c0;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.6rem;
    margin: 0 0 0.8rem;
    padding: 0;
}

.f2InpTransactionFromToSep {
    font-weight: normal;
    font-size: 2rem;
    text-align: center;
    color: #c8c8c8;
}
.f2InpTransactionFromToSep:before {
    content: "\21D2";
    display: inline-block;
    vertical-align: baseline;
    padding: 0 2rem;
}

.f2InpTransactionCcySel {
    width: 4rem;
}
.f2InpTransactionHr {
    border: 0;
    height: 1px;
    background: #e0e0e0;
    margin: 1rem 0;
}
.f2InpTransactionMoneyPartCont {
    display: inline-block;
    margin: 0 1rem 0.5rem 0;
}
.f2InpTransactionMoneyPartCont:last-child {
    margin-right: 0;
}
.f2TransactionSubLabel {
    display: block;
    font-weight: bold;
    color: #808080;
    font-size: 0.9rem;
    line-height: 1.2rem;
    margin: 0 0 0.1rem 0;
}
.f2TransactionLabel, .f2InpCont .f2InlineLabel.f2TransactionLabel {
    display: inline-block;
    color: #808080;
    font-size: 0.9rem;
    line-height: 1.2rem;
    margin: 0 0.5rem 0.1rem 0;
    min-width: 7.2rem;
}
.f2InpCont .f2HoldbackLabel {
    display: inline-block;
    font-weight: bold;
    color: #808080;
    font-size: 0.9rem;
    line-height: 1.2rem;
    margin: 0;
}
.f2InpTransactionHoldbackCont {
    float: right;
    margin: 0 0 0.8rem 1rem;
}
.f2InpTransactionMoneyInner {
    margin: 0 0 0.5rem 0;
    padding: 0;
    clear: both;
}

.grDataNumbersInSel {
    max-width: 100%;
}

.f2InpAddNumberInPrInfo {
    display: inline-block;
    margin: 0 2rem 0 0;
}
.billedRealizedTwoCols {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    content: flex-start;
}
.billedRealizedSeparator {
    width: 0.1rem;
    background: #a0a0a0;
    margin: 0.5rem 1rem;
    padding: 0;
}
.billedRealizedCol {
    min-width: 40rem;
}
.billedRealizedLabel {
    padding: 0.1rem 1rem;
    text-align: center;
}
.billedLabel, .f2InpCont .f2MainLabel.billedLabel {
    background: #505050;
    color: #ffffff;
}
.realizedLabel, .f2InpCont .f2MainLabel.realizedLabel {
    background: #1d486c;
    color: #ffffff;
}
.f2InpAddNumberOldSel, .f2InpAddNumberInGenNumSel, .f2InpAddNumberBilledSel {
    width: 100%;
    min-width: 32rem;
}

.transactionItem {
    margin: 1rem 0 1.5rem 0;
    border-bottom: 1px solid #a0a0a0;
    padding: 1rem 0.5rem;
    background: #fafaea;
}
.billedCol .transactionItem {
    background: #fafaea;
}
.realizedCol .transactionItem {
    background: #eaeefa;
}

.transactionItemSelected {
    border: 1px solid #a61818;
}

.realizedCol .transactionItem.transactionItemSelected {
    background: #c3cdeb;
}
.billedCol .transactionItem.transactionItemSelected {
    background: #ececc8;
}







.projectOpenCtrl, .kasszaOpenCtrl, .allProjectsCtrl, .kasszaCartCtrl {
    float: right;
    margin: 0 0 0.5rem 1rem;
    line-height: 1.6rem;
}
.projectOpenCtrlForm, .kasszaOpenCtrlForm, .allProjectsCtrlForm {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
.projectOpenCtrl .prOpenMonthInp, .kasszaOpenCtrl .kasszaMonthInp, .allProjectsMonthInp {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 0 0;
    padding: 0.1rem 0.5rem;
    width: 8rem;
    border: 1px solid #505050;
    vertical-align: middle;
    text-align: center;
}
.projectOpenCtrl .prOpenMonthLabel, .kasszaOpenCtrl .kasszaMonthLabel, .allProjectsMonthLabel {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1rem 0 0;
    color: #909090;
    font-size: 0.8rem;
}
.projectOpenGraphCtrl {
    display: inline-block;
    margin: 0 0 0 1.5rem;
}
.projectOpenGraphCtrl input[type="checkbox"], .projectOpenGraphCtrl input[type="radio"] {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}
.projectOpenGraphCtrl label {
    display: inline-block;
    margin: 0 0.3rem 0 0.2rem;
    vertical-align: middle;
}
.projectOpenCtrl .prOpenMonthSubmit, .kasszaOpenCtrl .prOpenMonthSubmit {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
}



.graphArea {
    display: block;
    clear: both;
    width: 100%;
    margin: 0 0 1rem 0;
}
.grCont, .grDataCont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
}
.grLeftDataBlock, .grDataLeftBlock {
    width: 15%;
    max-width: 20rem;
    min-width: 10rem;
    margin: 0;
    padding: 0 1rem 0 0;
}
.grRightGraph, .grDataRightBlock {
    width: 100%;
    flex-shrink: 1;
    margin: 0;
    padding: 0;
}

.grTimelineCont {
    display: block;
    margin: 0 0 0.5rem 0;
}
.grTimelineTitle h3 {
    margin: 0;
    padding: 0;
    line-height: 2rem;
    font-size: 1rem;
    font-weight: normal;
}
.grTimelineGraph, .grDataTimelineMonths {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
}
.grTimelineMonthLink {
    text-decoration: none;
}
.grTimelineLabel {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
    font-weight: normal;
    font-size: 0.8rem;
    color: #606060;
}
.grTimelineLabelMonth {
    display: block;
    font-weight: normal;
    color: #303030;
}
.grTimelineLabelYear {
    font-weight: bold;
    font-size: 0.7rem;
    color: #d0d0d0;
}
.grTimelineBarCont {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    margin: 0;
    padding: 0;
    height: 2rem;
    position: relative;
    border-left: 0.8px solid #ffffff;
    border-right: 0.8px solid #ffffff;
}
.grTimelineBarSegment {
    height: 2rem;
    background: #f5f5f5;
}
.grTimelineBarSegmentActive {
    height: 2rem;
    background: #f5f8d2;
}
.grTimelineBarGradOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.grTimelineBarGradOverlaybefore {
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); 
}
.grTimelineBarGradOverlayafter {
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); 
}
.grDataTitle {
    margin: 0;
    line-height: 2rem;
    padding: 0;
    font-size: 1.2rem;
    font-weight: bold;
    color: #707070;
}
h3.grDataTitle {
    font-size: 1.6rem;    
}

.grSummaryVariantTitle {
    display: block;
    margin: 0.3rem 0 0 0;
    line-height: 1.2rem;
    padding: 0;
    font-size: 1.1rem;
    font-weight: bold;
}
.grSummaryGroupTitle {
    display: block;
    margin: 0.3rem 0 0.2rem 0;
    line-height: 1rem;
    padding: 0;
    font-size: 0.9rem;
    font-weight: bold;
    color: #707070;
}
.grSummary {
    padding: 0 0 0.2rem 0;
    margin: 0 0 0.2rem 0;
    border-bottom: 1px solid #e5e8d1;
}
.moneySummaryNegative {
    background: #fdeff0;
} 
.moneySummaryPositive {
    background: #f3fdef;
} 
.moneyRezsiGrey, .moneyForUser.moneyRealized.moneyRezsiGrey {
    color: #c0c0c0;
    text-decoration: line-through;
}
.moneyRezsiHidden, .moneyItem.moneyRezsiHidden, .moneyRezsiHidden2, .moneyItem.moneyRezsiHidden2,
.grMoneyRezsiHidden, .grMoneyItem.grMoneyRezsiHidden, .grMoneyRezsiHidden2, .grMoneyItem.grMoneyRezsiHidden2,
.allNumbersHidden {
    display: none;
}


.grAllCashflowContFixedCont {
    position: relative;
}
.grAllCashflowItemFixed {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.allProjectsCont .moneyForUser.moneyReal,
.allProjectsCont .allProjColLabel.moneyCtrlReal {
    color: #000000;
}
.allProjectsCont .moneyForUser.moneyPlan,
.allProjectsCont .allProjColLabel.moneyCtrlPlan {
    color: #2e7ad5;
}
.allProjectsCont .moneyForUser.moneyRealEtPlan,
.allProjectsCont .allProjColLabel.moneyCtrlRealEtPlan {
    color: #d5722e;
}
.allProjectsCont path.grMoneyReal {
    stroke: #000000;
}
.allProjectsCont path.grMoneyPlan {
    stroke: #2e7ad5;
}
.allProjectsCont path.grMoneyRealEtPlan {
    stroke: #d5722e;
}
.allProjectsCont circle.grMoneyReal,
.allProjectsCont text.grMoneyReal {
    fill: #000000;
}
.allProjectsCont circle.grMoneyPlan,
.allProjectsCont text.grMoneyPlan {
    fill: #2e7ad5;
}
.allProjectsCont circle.grMoneyRealEtPlan,
.allProjectsCont text.grMoneyRealEtPlan {
    fill: #d5722e;
}


/* ---------------- ez kelle-e ? ------------------------------------- */


.projectTimelineMonthResourcingOneVariant {
    padding: 0;
    margin: 0;
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    background: #fdfdfd;
}

.projectTimelineYearLabelCont,
.projectTimelineCont,
.projectTimelineResourcingBlock {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
}
.projectTimelineResourcingBlock {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
.projectTimelineMonthInterval, 
.projectTimelineMonthResourcing {
    width: 7.142857%;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.projectTimelineMonthResourcing {
    padding: 0 0.5rem;
    height: 6rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: end;
    align-content: flex-start;
}

.grDataCont .grTimelineMonthLabel {
    display: block;
    padding-bottom: 0.2rem;
    margin-bottom: 0.2rem;
    border-bottom: 1px solid #f0f0f0;
}

.grDataNumbersInWLine {
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #666667;
    padding-bottom: 0.5rem;
}


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




.prVarBlock.prVarHide, .prMonthVarBlock.prMonthVarHide {
    display: none;
}


.projectOpenAllDetailCont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    gap: 0;
    clear: both;
}
.projectOpenRightDetailCont .projectOpenDataBlockCont {
    margin-left: 1rem;
}

.projectOpenDataBlockTitle {
    margin: 0 0 0.8rem 0;
    line-height: 2rem;
    padding: 0;
    font-size: 1.2rem;
    font-weight: bold;
    color: #707070;
}
.projVariantTitle {
    font-size: 1.8rem;
}
.projectOpenDataBlockSubTitle,
.projectVariantMonthDataResourcing h5.projectOpenDataBlockSubTitle {
    margin: 0 0 1.5rem 0;
    line-height: 2rem;
    padding: 0;
    font-size: 1.1rem;
    font-weight: bold;
    color: #303030;
}
.projectDataRow {
    margin: 0 0 0.3rem 0;
}
.projectDataLabel {
    display: inline-block;
    margin: 0 1.5rem 0 0;
    padding: 0;
    min-width: 8rem;
    vertical-align: top;
}
.projectDataValue {
    display: inline-block;
    vertical-align: top;
}
.projectOpenDataBlockCont {
    margin: 0 0 1rem 0;
    padding: 1rem;
    background: #f5f5f5;
}

.faint {
    color: #808080;
}

.projectDataDayTitle {
    font-weight: normal;
    margin: 0 0 0.5rem 0;
    padding: 0;
    color: #707070;
}
.projectDataDayTitle0, .projectDataDayTitle6 {
    color: #cb7070;
}
.projectDataDayNum {
    display: inline-block;
    margin: 0 1rem 0 0;
    width: 1.6rem;
    text-align: right;
}
.projectVariantMonthData hr {
    margin: 1rem 0;
    background: #909090;
    height: 1px;
    border: 0 none;
}

.projectVariantMonthDataResourcing h5, 
.projectVariantMonthDataCalendar .mainH5 {
    display: block;
    margin: 0 0 1.5rem 0;
    padding: 0;
    font-size: 0.9rem;
    font-weight: bold;
    color: #303030;
}
.projectVariantMonthDataResourcing h5 b {
    font-size: 1rem;
    font-weight: bold;
    color: #000000;
}
.projectVariantMonthDataResourcing h6 {
    display: block;
    margin: 0 0 0.5rem 0;
    padding: 0;
    font-size: 0.9rem;
    font-weight: bold;
}
.projectVariantMonthDataResourcing h6 b {
    font-size: 1rem;
    font-weight: bold;
    color: #000000;
}
.projectVariantMonthDataResourcing ul {
    display: block;
    margin: 0 0 1.5rem 0;
    padding: 0 0 0 2rem;
}
.projectVariantMonthDataCalendarInner {
    display: block;
    margin: 0;
    madding: 0 0 0 2rem;
    border: 0 none;
    border-left: 1px solid #e0e0e0;
}
.f2InpMonthResourcingBlock {
    margin: 0 0 0 2rem;
}

.projectDefUl {
    display: block;
    margin: 0 0 1rem 2rem;
}
.leftMenu .leftMenuOneProjVariants ul.projectDefUl {
    margin: 0 0 2rem 0;
}
.projectDefUl li {
    margin: 0 0 0.3rem 0;
}
.projectDefSubUl {
    margin: 0.3rem 0 1rem 2rem;
    list-style: square;
}
.projectCartMoveUl {
    margin-top: 0.3rem;
}

.settingStartDate, .settingEndDate {
    display: inline-block;
    font-style: italic;
    margin: 0 1rem 0 0;
    font-size: 0.9rem;
    min-width: 6rem;
}


.workdayYearTitle {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: flex-start;
    gap: 0;
    clear: both;
    width: 100%;
    background: #a7d2e2;
}
.workdayCurrentYearTitle {
    background: #8ec97c;
}
.wdYearTitle {
    display: inline-block;
    margin: 0;
    padding: 1rem 2rem;
    font-size: 2rem;
    color:#38033a;
}
.wdYearTitleLink {
    text-decoration: none;
    display: inline-block;
    margin: 0;
    padding: 1rem 2rem;
}
.wdCalendar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    gap: 0;
    clear: both;
    width: 100%;
}
.wdCalendarMonth {
    width: 24.9%;
    padding: 1rem;
}
.wdCalendarMonth h3 {
    display: block;
    margin: 0 0 1rem 0;
    padding: 0.5rem 0;
    text-align: center;
    background: #efefef;
    font-size: 1.2rem;
    font-weight: bold;
    color: #202020;
}
.wdCalendarMonthTable {
    padding: 0 1.5rem;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
}
.wdCalendarMonthTable td, .wdCalendarMonthTable th {
    text-align: center;
    padding: 0.2rem 0.3rem;
}
.wdCalendarWeekTitle {
    color: #b0b0b0;
}
.wdCalendarWeekNum {
    color: #9dd890;
    font-weight: normal;
    font-size: 0.9rem;
}
th.wdCalendarWeekNum {
    padding-right: 2rem;
}
.wdCalendarWorkday1, .wdCalendarWorkday1 a {
    color: #000000;
    text-decoration: none;
}
.wdCalendarWorkday2, .wdCalendarWorkday2 a {
    color: #df2516;
    font-style: italic;
    text-decoration: none;
}
.wdCalendarDaySpecial {
    background: #fcfbcc;
    border-radius: 1rem;
}
.wdDayList {
    margin: 0 0 0 3rem;
}
.wdDayList li {
    margin: 0 0 0.5rem 0;
}
.wdDayListDay {
    display: inline-block;
    min-width: 6rem;
    margin: 0 1rem 0 0;
}
.wdDayListDayOfWeek {
    display: inline-block;
    min-width: 5rem;
    margin: 0 1rem 0 0;
    color: #707070;
}



.rowActive0, .gridTable .rowActive0 td {
    color: #bbbbbb;
    background: #fafafa;
}
.rowActive1 {
}
.itemActive0 {
    color: #804d48;
}
.itemActive1 {
    color: #065b07;
}


.bigTabsCont {
    display: block;
    width: 100%;
    clear: both;
    margin: 0 0 1rem 0;
}
.bigTabsLeverCont {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-end;
    width: 100%;
    border-bottom: 1px solid #a0a0a0;
}
.bigTabsLever {
    display: block;
    height: 2.8rem;
    line-height: 2.8rem;
    vertical-align: middle;
    padding: 0 1rem;
    background: #e0e0e0;
    margin: 0 0.2rem;
    text-decoration: none;
    color: #000000;
}
.bigTabsLever.bigTabActive {
    background: #292d31;
    color: #ffffff;
}
.bigTabsLeverTitle {
    display: inline-block;
    line-height: 1.4rem;
    font-size: 0.9rem;
    font-weight: bold;
    vertical-align: middle;
}
.bigTabsLeverRed {
    background: #ea9797;
}
.bigTabsLeverRed.bigTabActive {
    background: #620909;
}
.bigTabsDataItem {
    display: none;
}
.bigTabsDataItem.bigTabActive {
    display: block;
}
.bigTabsDataInnerPad {
    padding: 1rem 0;
}
.bigTabsDataInnerBlock {
    margin: 0 0 1.6rem 0;
}

.variantTitle.variantStatus1 {
    font-weight: bold;
}
.variantTitle.variantStatus2 {
    font-weight: normal;
}
.variantTitle.variantType1 {
    color: #707070;
}
.variantTitle.variantType1.variantNum0 {
    color: #21769d;
}
.variantTitle.variantType1.variantNum1 {
    color: #9d8d21;
}
.variantTitle.variantType1.variantNum2 {
    color: #3e9d21;
}
.variantTitle.variantType1.variantNum3 {
    color: #50219d;
}
.variantTitle.variantType1.variantNum4 {
    color: #9d218a;
}
.variantTitle.variantType9 {
    color: #000000;
}
.variantTitle.variantType1.variantLatestplan0 {
}
.variantTitle.variantType1.variantLatestplan1 {
    color: #ab184f;
}
.leftMenuSub .variantTitle {
    font-size: 0.8rem;
}

.f2InpStateChangeEventsRows {
    margin: 0 0 0.5rem 2rem;
    list-style: disc;
}
.f2InpStateChangeEventsRow, .f2InpStateChangeEventsSubRow {
    display: list-item;
    margin: 0 0 0.3rem 0;
}
.f2InpStateChangeEventsRowBlank, .f2InpStateChangeEventsSubRowBlank {
    display: none;
}
.f2InpStateChangeEventsSubUl {
    margin: 0.3rem 0 0.5rem 2rem;
    list-style: square;
}
.f2InpStateChangeEventsSubUlHidden {
    display: none;
}

.prHidden, .prVarHidden, .grHidden {
    display: none;
}

.prvtlEventColBox {
    display: inline-block;
    width: 1.6rem;
    height: 1.2rem;
    margin: 0 0.5rem;
    vertical-align: middle;
    background: #fafafa;
}

.grDataTimelineFillRight, .f2InpCont button.grDataTimelineFillRight {
    margin: 0 0 0 0.2rem;
    vertical-align: middle;
    background: #ae0561;
}
.f2InpSizesGrDataTimelineMonth {
    text-align: center;
}
.grDataPrSizeCont {
    text-align: center;
    line-height: 2rem;
}
.grDataPrSize {
    vertical-align: middle;
}
.grDataPrHeads {
    display: inline-block;
    font-size: 0.75rem;
    line-height: 0.95rem;
}
.grDataPrOneHead {
    display: block;
    margin: 0;
    padding: 0;
}
.grDataPrHeadPercent {
    color: #909090;
}
.f2InpHeadsGrDataChkRow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    font-size: 0.8rem;
    padding: 0 0.2rem;
    margin: 0 0 0.3rem 0;
}
.f2InpHeadsGrDataChkRow label {
    line-height: 1.2rem;
}
.f2InpHeadsGrDataTimelinePercent, .f2InpResourcingRatio {
    display: inline-block;
    font-size: 0.9em;
    line-height: 1rem;
    margin: 0;
    padding: 0.1rem 0.2rem;
    width: 2rem;
    border: 1px solid #505050;
}
.f2InpResourcingRatio {
    width: 3rem;
}

.grDataPrFinderCont, .grDataPrTeamCont {
    line-height: 2rem;
}
.grDataPrOneFinder, .grDataPrOneTeamMember {
    display: inline-block;
    margin: 0 1.5rem 0 0;
    vertical-align: middle;
}
.f2InpResourceDataTimelineMonth {
    text-align: center;
    line-height: 1.8rem;
}
.grDataResourcingTable {
    padding: 0 0 0.2rem 0;
    margin: 0 0 0.2rem 0;
    border-bottom: 1px solid #e5e8d1;
}
.grDataResourcingTableVariantHead {
    margin: 0;
}
.grDataResourcingOneCtCont {
    padding: 0 0 0.2rem 0;
    margin: 0 0 0.2rem 0;
    border-bottom: 1px solid #cbd1ab;
}
.f2InpResourcingRatioHidden {
    display: none;
}
.f2InpResourcingSelError {
    border: 1px solid #b20505;
}
.resourcingDataMonth {
    text-align: center;
    line-height: 2rem;
}
.resourcingForUser{
    font-size: 0.9rem;
    color: #909090;
}
.resourcingForCt {
    font-size: 0.9rem;
    color: #000000;
}
.resourcingForAll {
    font-size: 1rem;
    color: #2a8b9e;
    font-weight: bold;
}
.resourcingForUserOrig {
    font-size: 0.8rem;
    color: #b0b0b0;
}
.resourcingForUserLabel {
    line-height: 2rem;
    font-size: 0.8rem;
    margin: 0 0 0 0.5rem;
}
.grDataResourcingTableWithBg {
    background: #fafafa;
}
.projVariantResourcingCont{
    margin: 0 0 1.5rem 0;
}


.moneyForUser {
    font-size: 0.8rem;
    color: #909090;
    display: block;
}
.moneyForUser.moneyBilled {
    color: #909090;
}
.moneyForUser.moneyRealized {
    color: #2e7ad5;
}
.moneyForCt {
    font-size: 0.9rem;
    color: #000000;
    display: block;
}
.moneyForCt.moneyBilled {
    color: #000000;
}
.moneyForCt.moneyRealized {
    color: #004eab;
}
.moneyForAll {
    font-size: 1rem;
    color: #2a8b9e;
    font-weight: bold;
    display: block;
}
.moneyForAll.moneyBilled, .moneyBilledColor {
    color: #202020;
}
.moneyForAll.moneyRealized, .moneyRealizedColor {
    color: #275c9d;
}
.moneyForUser .faint, .moneyForCt .faint, .moneyForAll .faint {
    display: inline-block;
    font-size: 0.7rem;
    color: #b0b0b0;
    margin-left: 0.2rem;
}
.moneyItemContainer {
    display: block;
    /*
    container-name: money-item-cont;
    container-type: inline-size;
    */
}
.moneyItem {
    display: block;
}
.moneyHidden, .moneyBilled.moneyHidden, .moneyRealized.moneyHidden,
.grMoneyHidden, .grMoneyBilled.grMoneyHidden, .grMoneyRealized.grMoneyHidden {
    display: none;
}
.moneyHidden2, .moneyBilled.moneyHidden2, .moneyRealized.moneyHidden2,
.grMoneyHidden2, .grMoneyBilled.grMoneyHidden2, .grMoneyRealized.grMoneyHidden2 {
    display: none;
}
.moneyHidden3, .moneyBilled.moneyHidden3, .moneyRealized.moneyHidden3,
.grMoneyHidden3, .grMoneyBilled.grMoneyHidden3, .grMoneyRealized.grMoneyHidden3 {
    display: none;
}
.incomeForUser {
    display: block;
    line-height: 1.4rem;
}
.moneyItemFuture {
    background: #cbf0f6;
}

.grResourcingGraph {
    height: 8rem;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    border-bottom: 1px solid #808080;
    margin: 0 0 0.4rem 0;
}
.grResourcingMonth {
    height: 100%;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    padding: 0 10%;
}
.grResourcingMonthVariantGridCont {
    height: 100%;
    padding: 0 8%;
}
.grResourcingMonthVariantFlexCont {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    background: #fdfdfd;
}
.grResourcingTitle .variantTitle,
.grCashflowTitle .variantTitle,
.grSummaryTitle .variantTitle {
    margin: 0 0 0.3rem 0;
    padding: 0;
    font-size: 0.9rem;
}
.grResourcingVariantHighlight {
    position: relative;
}
.grResourcingVariantHighlight:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(237, 255, 50, 0.15);
}

.cashSeparatorLine {
    background: #909090;
    height: 0.3rem;
    border: 0;
    margin: 1.5rem 0;
}


.moneyItemW { 
    display: block;
}


/*
.moneyItemWFull { 
    display: block;
}
.moneyItemWThou { 
    display: none;
}
.moneyItemWMill { 
    display: none;
}

@container money-item-cont (width > 3.8rem) {
  .moneyItemWFull { 
    display: none;
  }
  .moneyItemWThou { 
    display: block;
  }
  .moneyItemWMill { 
    display: none;
  }
}
@container money-item-cont (width > 6.2rem) {
  .moneyItemWFull { 
    display: block;
  }
  .moneyItemWThou { 
    display: none;
  }
  .moneyItemWMill { 
    display: none;
  }
}
*/





.hoursYearTitleCont {
    line-height: 3rem;
    text-align: center;
    font-size: 2rem;
    width: 16rem;
    margin: 0 2rem 0 0;
}
.hoursYearLink {
    display: inline-block;
    height: 3rem;
    vertical-align: middle;
    padding: 0 1rem;
    line-height: 3rem;
    font-weight: bold;
    text-decoration: none;
}
.hoursYearTitleCont h3 {
    display: inline-block;
    height: 3rem;
    vertical-align: middle;
    line-height: 3rem;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.hoursMonthCont {
    display: none;
}
.hoursMonthActive {
    display: block;
}
.hoursMonthTitleCont {
    line-height: 2rem;
    text-align: center;
    font-size: 1.6rem;
    margin: 0 2rem 1rem 0;
    width: 16rem;
}
.hoursMonthLink {
    display: inline-block;
    height: 2rem;
    vertical-align: middle;
    padding: 0 1rem;
    line-height: 2rem;
    font-weight: bold;
    text-decoration: none;
}
.hoursMonthTitleCont h4 {
    display: inline-block;
    height: 2rem;
    vertical-align: middle;
    line-height: 2rem;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.hoursCalendar {
    border-collapse: collapse;
    position: relative;
    margin: 0 0 2rem 0;
}
.hoursCalendar thead th {
    position: sticky;
    top: 0;
    background: #f7f3c9;
}
.hoursCalendar td, .hoursCalendar th {
    padding: 0.2rem 0.5rem;
    vertical-align: middle;
    text-align: center;
    line-height: 1.8rem;
}
.hoursDayLabel, th.hoursDayLabel {
    text-align: left;
}
.hoursDayLabelNum {
    display: inline-block;
    width: 2rem;
    text-align: right;
}
.hoursDayLabel .hoursDayLabelAbbr {
    font-weight: normal;
    margin: 0 0 0 0.5rem;
}
.hoursProjLabel {
    font-size: 0.8rem;
}
.hoursOffLabel {
    font-style: italic;
}
.hoursDayTitleLabel {
    font-size: 0.8rem;
}
.hoursWorkday0, .hoursWorkday0 .hoursTdOffPaid, .hoursWorkday0 .hoursTdOffUnpaid, .hoursWorkday0 .hoursTdOffSick {
    background: #e8e8e8;
}
.hoursWorkday0 th {
    color: #b13209;
}
.hoursWorkdaySimple, .hoursWorkdaySimple .hoursTdOffPaid, .hoursWorkdaySimple .hoursTdOffUnpaid, .hoursWorkdaySimple .hoursTdOffSick {
    background: #fcf9db;
}
.hoursCalendarInp, .hoursCalendarDaySum {
    display: inline-block;
    width: 4rem;
    padding: 0.2rem 0.3rem;
    text-align: center;
}
.hoursCalendarInp[readonly] {
    background: #c0c0c0;
}
span.hoursCalendarDaySum {
    font-size: 0.8rem;
    padding: 0 0.3rem;
    vertical-align: middle;
}
.hoursTitleRow {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
}
.hoursYearStatCont, .hoursMonthStatCont {
    margin: 0 1rem 0.5rem 0;
    font-size: 0.8rem;
}
.hoursStatMainTitle {
    font-weight: bold;
    color: #808080;
    display: inline-block;
    margin: 0 1.5rem 0 0;
}
.hoursStatSubTitle {
    font-weight: normal;
    font-style: italic;
    color: #404040;
}
.hoursStatItem {
    display: inline-block;
    margin: 0 1.5rem 0 0;
}
.hoursYearStatOffPaidDays80percent {
    color: #eb49e3;
}
.hoursYearStatOffPaidDays100percent {
    color: #ff2e2e;
    font-size: 1rem;
}
.hoursProjMonthSum {
    font-weight: normal;
}
.hoursCalendar thead th {
    line-height: 1.2rem;
}
.hoursTdOffPaid {
    background: #f6daf5;
}
.hoursTdOffUnpaid {
    background: #e4fefa;
}
.hoursTdOffSick {
    background: #f5c5bb;
}
.hoursUserSelCtrl {
    display: block;
    float: right;
    margin: 0 0 0 2rem;
    line-height: 2rem;
}
.hoursUidSel {
    display: inline-block;
    padding: 0.3rem 0.8rem;
    vertical-align: middle;
}







.numberGeneralName {
    display: inline-block;
    min-width: 12rem;
    margin: 0 1rem 0 0;
}
.numberGeneralAmo {
    display: inline-block;
}

.f2InpNumbersInTimelineMonthCtrl {
    text-align: center;
    margin: 0.3rem 0 0 0;
}
.f2InpNumbersInTimelineMonthCtrl .smallIconLink {
    margin-right: 0;
}
.f2InpNumbersInNumItem .smallIconLink {
    padding: 0.05rem 0.2rem;
    line-height: 1rem;
    font-size: 0.8rem;
    margin: 0 0 0 0.2rem;
}
.f2InpNumbersInBilledRealizedTitle {
    margin: 0 0 0.3rem 0;
    font-size: 0.8rem;
    line-height: 1.2rem;
    background: #ebf1c4;
}
.f2InpNumbersInNumItem {
    line-height: 1.2rem;
}
.f2InpNumbersInNumAmoStr {
    font-size: 0.8rem;
}
.f2CheckboxContWithInlineItems .f2ChkboxRow {
    display: inline-block;
    margin: 0 2rem 0.5rem 0;
}





.kasszaExcelMain {
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin: 0 0 0.3rem 0;
}
.kasszaExcelMainError, .kasszaExcelError {
    color: red;
}
.kasszaExcelMainOK, .kasszaExcelOK {
    color: green;
}
.kasszaExcelDL {
    display: grid;
    grid-template-columns: max-content auto;
}
.kasszaExcelDL dt {
    grid-column-start: 1;
}
.kasszaExcelDL dd {
    grid-column-start: 2;
}




.grCashflowGraph {
    display: block;
    position: relative;
    aspect-ratio: 10 / 2;
}

.grCashflowSVG {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}



.changeCartType, .changeCartId {
    display: inline-block;
    line-height: 1.5rem;
    height: 1.5rem;
    max-width: 8rem;
    vertical-align: top;
}
.changeCartId {
    max-width: 16rem;
}
.changeCartId.hidden {
    display: none;
}






.popupBg {
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: rgba(0,0,0,0.7);
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.popupCont {
    display: block;
    margin: 0;
    padding: 0;
    background: #ffffff;
    border: 0.3rem solid #0e053b;
}
.popupHead {
    display: flex;
    margin: 0;
    padding: 0;
    background: #362e61;
    color: #ffffff;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: flex-start;
}
.popupClose {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 2.5rem;
    background: #303030;
    color: #fafafa;
    text-decoration: none;
}
.popupClose span {
    font-size: 1.8rem;
    font-weight: bold;
}
.popupHead h2 {
    display: block;
    margin: 0;
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    font-size: 1.1rem;
    font-weight: bold;
    color: #fafafa;
    line-height: 1.6rem;
}
.popupBody {
    display: block;
    margin: 0;
    padding: 1.5rem;
    max-height: 90vh;
    max-height: calc(100vh - 4rem);
    overflow-y: auto;
}





.popupFrameCont {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    position: relative;
}
.loading {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255 ,0.5) url('../img/loading.png') center center / 2rem 2rem no-repeat;
}
.loading.active {
    display: block;
    z-index: 10000;
}














.gridTable.kasszaTable td, .gridTable.kasszaTable th {
    padding: 0.1rem 0.3rem;
    font-size: 0.9rem;
}
.gridTable.kasszaTable th {
    padding: 0.2rem 0.3rem;
    font-size: 0.9rem;
}
.stickyTable {
    position: relative;
}
.stickyTable thead th {
    position: sticky;
    top: 0;
}
.f2InpKasszaAmount {
    text-align: right;
}
.f2InpPartnerResourcingSel {
    max-width: 80%;
    width: 80%;
}
.inOutCome1 {
    color: #28c010;
}
.inOutCome2 {
    color: #c01010;
}
.inOutCome4 {
    color: #1110c0;
}
.moneyTd {
    text-align: right;
}
.kasszaCartLink {
    color: #000000;
    text-decoration: none;
}
.inOutComeCcy {
    font-size: 0.8rem;
}
.inOutComeCcy2, .inOutComeCcy3 {
    font-weight: bold;
}
.kasszaUserInfo {
    font-size: 0.7rem;
    color: #a0a0a0;
}


.gridTable.kasszaTable tr:nth-child(odd) {
   background-color: #efefef;
}
.gridTable.kasszaTable tr.kasszaHiddenRow {
    display: none;
}
.gridTable.kasszaTable tr.kasszaYearChangeRow td {
    padding: 0.3rem;
    background: #910e6f;
}
.gridTable.kasszaTable tr.kasszaMonthChangeRow td {
    padding: 0.1rem;
    background: #a0a0a0;
}

.kasszaFlag {
    display: inline-block;
    padding: 0.1rem 0.3rem;
    border: 0 none;
    border-radius: 0.3rem;
    margin: 0 0.5rem 0 0;
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: bold;
}

.bigTabsDataItem.projVariantTimelineCont.bigTabActive,
.bigTabsDataItem.projVariantTeamContTab.bigTabActive {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.projVariantTimelineItem, .projVariantTeamItem {
    margin: 0 3rem 2rem 0;
}

.jsFilterHideRow {
  display: none;
}
.jsFilterSearchAndOrSel {
    display: inline-block;
    width: 2rem;
    maring: 0;
    padding: 0;
}
.jsFilterSearchTextDiv {
    width: 6.2rem;
}
input[type="text"].jsFilterSearch {
    display: inline-block;
    max-width: 100%;
    width: 4rem;
}
select.jsFilterSearch {
    display: inline-block;
    max-width: 100%;
    width: 5rem;
}
input[type="text"].jsFilterSearchTiny,
select.jsFilterSearchTiny {
    width: 2.4rem;
}

.jsFilterSearchMultiSelDiv {
    position: relative;
    overflow: visible;
}
.jsFilterSearchMultiSelDiv .jsFilterSearchMultiSelButton {
    display: inline-block;
    width: 8rem;
    height: 1.4rem;
    font-size: 0.75rem;
}
.jsFilterSearchMultiSelDiv .jsFilterSearchMultiSelSelect {
    display: none;
    position: absolute;
    top: 2.8rem;
    left: 0;
    min-width: 16rem;
    min-height: 20rem;
}
.jsFilterSearchMultiSelDiv.jsFilterSearchMultiSelActive .jsFilterSearchMultiSelSelect {
    display: block;
}

.bold {
    font-weight: bold;
}

.MNBInfoCont {
    display: block;
    float: right;
    font-size: 0.8rem;
    color: #808080;
}
.yearcloseOpenCont .MNBInfoCont {
    clear: right;
}
.MNBInfoTitle {
    display: none;
}
.MNBInfoCCyTitle {
    font-weight: bold;
}
.MNBInfoCcyBlock {
    display: inline-block;
    margin: 0 1rem 0 0;
}
.MNBInfoCCyDate {
    font-style: italic;
    color: #a0a0a0;
    font-size: 0.7rem;
}

.cartOpenBalanceBlock {
    display: block;
    margin: 0 0 0.4rem 0;
}
.cartOpenBalanceTitle {
    margin: 0 0 0.5rem 0;
}
.cartOpenBalanceDates {
    display: inline-block;
    font-size: 0.8rem;
    color: #a0a0a0;
    font-style: italic;
}
.cartOpenBalanceItem {
    display: inline-block;
    margin: 0 0.5rem 0 0;
    padding: 0 1.5rem 0 1rem;
    border-right: 1px solid #d0d0d0;
}
.cartOpenBalanceItem:last-child {
    border-right: 0 none;
}
.tinySel, select.tinySel {
    max-width: 3rem;
}


.yearcloseTable {
    border-collapse: collapse;
}
.yearcloseTable th, .yearcloseTable td {
    border: 1px solid #a0a0a0;
    padding: 0.2rem 1rem;
}

.error {
    color: red;
}
.monthsWithoutSize {
    display: block;
    margin: 0.5rem 0 0.5rem 2rem;
    font-size: 0.9rem;
    font-style: italic;
}



.kasszaListCont .kasszaTable .gridTableHeader th {
    vertical-align: top;
}
.kasszaSum {
    display: block;
    text-align: right;
    font-weight: normal;
    font-style: italic;
    font-size: 0.75rem;
    margin: 0.2rem 0 0 0;
}
.gridTable .gridTableHeader th.jsFilterActive {
    background: #ded683;
}
.jsFilterClear {
    display: inline-block;
    text-decoration: none;
    padding: 0 0.5rem;
    line-height: 1rem;
    vertical-align: top;
    background: #696000;
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    height: 1rem;
}

.projectGenSubcontrCashRemark {
    font-size: 0.8rem;
    margin: 0 0 0 0.5rem;
}


.toggleBlock {
    display: none;
}
.toggleBlock.toggleBlockOpen {
    display: block;
}
.toggleBlock.toggleBlockFlex.toggleBlockOpen {
    display: flex;
}
.resourcingDataThin {
    line-height: 1.2rem;
}
.grSummaryGroupTitleThin {
    margin: 0;
    line-height: 1.2rem;
}
.grSummaryGroupTitleIndent {
    margin: 0;
    line-height: 1.2rem;
    padding: 0 0 0 1rem;
}


.smallTextInp {
    display: block;
    width: 6rem;
}



.alignRight, .editText .alignRight, .editText .floatCenter .alignRight, .editText .imageCenter .alignRight {
    text-align: right;
}

.alignLeft, .editText .alignLeft, .editText .floatCenter .alignLeft, .editText .imageCenter .alignLeft {
    text-align: left;
}

.alignCenter, .editText .alignCenter, .editText .floatCenter .alignCenter, .editText .imageCenter .alignCenter {
    text-align: center;
}

.alignJustify, .editText .alignJustify, .editText .floatCenter .alignJustify, .editText .imageCenter .alignJustify {
    text-align: justify;
}

.editText .floatRight, .editText .imageRight, .editText .tableRight {
    float: right;
    margin: 0 0 0.8rem 1rem;
}

.editText .floatLeft, .editText .imageLeft, .editText .tableLeft {
    float: left;
    margin: 0 1rem 0.8rem 0;
}

.editText .floatCenter, .editText .imageCenter, .editText .tableCenter {
    display: block;
    float: none;
    margin: 0 auto 1rem;
    clear: both;
    text-align: center;
}

.editText .imageRightClear {
    clear: right;
    float: right;
    margin: 0 0 0.8rem 1rem;
}

.editText .imageLeftClear {
    clear: left;
    float: left;
    margin: 0 1rem 0.8rem 0;
}

.editText img {
    max-width: 100%;
    border: 0.3rem solid #aeaca8;
}

.editText .imgCont, .editText figure {
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.editText figure {
    max-width: 100%;
}

.editText figure img {
    max-width: 100%;
}

.editText figcaption {
    font-style: italic;
    font-size: 1rem;
    clear: both;
}

.editText .imageTiny, .editText figure.imageTiny {
    max-width: 50%;
}

.editText .imageSmall, .editText figure.imageSmall {
    max-width: 100%;
}

.editText .imageNormal, .editText figure.imageNormal {
    max-width: 100%;
}

.editText .imageBig, .editText figure.imageBig {
    max-width: 100%;
}

.editText .imageHuge, .editText figure.imageHuge {
    max-width: 100%;
}

.editText .imageAuto {
    max-width: 100%;
    width: auto;
}

.editText .imageAuto figure {
    display: inline-block;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    vertical-align: top;
}

.editText .imageAuto img { 
    display: inline-block;
}
 
.editText .imageAuto figure img { 
    display: block;
}
 
.editText .imageAuto figcaption {
    display: block;
    margin-top: 0.4rem;
}

.editText .imageAuto .imageHeightTiny img, .editText .imageAuto img.imageHeightTiny {
    max-height: 5rem;
    height: 7.5vw;
}
.editText .imageAuto .imageHeightTiny {
    display: inline-block;
    margin: 0 0.7rem 0.5rem 0;
}
.editText .imageAuto .imageHeightTiny:last-of-type {
    margin: 0 0 0.5rem 0;
}

.editText .imageAuto .imageHeightSmall img, .editText .imageAuto img.imageHeightSmall {
    max-height: 8rem;
    height: 12vw;
}
.editText .imageAuto .imageHeightSmall {
    display: inline-block;
    margin: 0 1rem 0.5rem 0;
}
.editText .imageAuto .imageHeightSmall:last-of-type {
    margin: 0 0 0.5rem 0;
}

.editText .imageAuto .imageHeightMedium img, .editText .imageAuto img.imageHeightMedium {
    max-height: 12rem;
    height: 18vw;
}
.editText .imageAuto .imageHeightMedium {
    display: inline-block;
    margin: 0 1rem 0.5rem 0;
}
.editText .imageAuto .imageHeightMedium:last-of-type {
    margin: 0 0 0.5rem 0;
}

.editText .imageAuto .imageHeightBig img, .editText .imageAuto img.imageHeightBig {
    max-height: 16rem;
    height: 24vw;
}
.editText .imageAuto .imageHeightBig {
    display: inline-block;
    margin: 0 1.2rem 0.5rem 0;
}
.editText .imageAuto .imageHeightBig:last-of-type {
    margin: 0 0 0.5rem 0;
}

.editText .imageAuto .imageHeightHuge img, .editText .imageAuto img.imageHeightHuge {
    max-height: 24rem;
    height: 36vw;
}
.editText .imageAuto .imageHeightHuge {
    display: inline-block;
    margin: 0 1.5rem 0.5rem 0;
}
.editText .imageAuto .imageHeightHuge:last-of-type {
    margin: 0 0 0.5rem 0;
}

.editText .imageRow1, .editText figure.imageRow1 {
    max-width: 100%;
    width: 100%;
    margin: 0;
}

.editText .imageRow2, .editText figure.imageRow2 {
    display: block;
    float: left;
    max-width: 48%;
    width: 48%;
    margin: 0 3.98% 0 0;
}

.editText .imageRow3, .editText figure.imageRow3 {
    display: block;
    float: left;
    max-width: 32%;
    width: 32%;
    margin: 0 1.99% 0 0;
}

.editText .imageRow4, .editText figure.imageRow4 {
    display: block;
    float: left;
    max-width: 24%;
    width: 24%;
    margin: 0 1.332% 0 0;
}

.editText .imageRow5, .editText figure.imageRow5 {
    display: block;
    float: left;
    max-width: 19.5%;
    width: 19.5%;
    margin: 0 0.624% 0 0;
}

.editText .imageRow2:last-of-type, .editText figure.imageRow2:last-of-type,
.editText .imageRow3:last-of-type, .editText figure.imageRow3:last-of-type,
.editText .imageRow4:last-of-type, .editText figure.imageRow4:last-of-type,
.editText .imageRow5:last-of-type, .editText figure.imageRow5:last-of-type {
    margin-right: 0;
}

.editText .imageHeightLineHeight img, .editText img.imageHeightLineHeight {
    max-height: 1.4rem;
    display: inline-block;
    vertical-align: middle;
}

.editText .imageHeight2rem img, .editText img.imageHeight2rem {
    max-height: 2rem;
    display: inline-block;
}

.editText .imageHeight3rem img, .editText img.imageHeight3rem {
    max-height: 3rem;
    display: inline-block;
}

.editText h3 {
    clear: both;
}

.editText p {
    line-height: 1.5rem;
    font-size: 1rem;
}

.editText p, .editText ul, .editText ol {
    margin: 0 0 1.5rem;
}

.editText ul, .editText ol {
    margin-left: 3rem;
}

.editText h1 {
}

.editText h2 {
}

.editText h3 {
}

.editText h4 {
}

.editText h5 {
}

.editText h6 {
}

.editText table {
    max-width: 100%;
}

.editText .defaultTable {
    max-width: 100%;
    background: #e4e3e0;
    border-collapse: collapse;
    color: #1d1a18;
    border: 0 none;
}

.editText .defaultTable caption {
    font-size: 0.9rem;
    font-style: italic;
    text-align: center;
    margin: 0 0 0.4rem 0;
}

.editText .defaultTable tr, .editText .defaultTable th, .editText .defaultTable td {
    border: 0 none;
}

.editText .defaultTable th {
    background: #37332f;
    color: #f1f0ee;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0.3rem 1.2rem;
}

.editText .defaultTable td {
    border-top: 1px solid #ccc;
    font-size: 0.8rem;
    padding: 0.2rem 1.2rem;
}

.editText .tableCenter {
    text-align: left;
}

.editText hr {
    display: block;
    width: 100%;
    margin: 1rem 0;
    clear: both;
    border: 0 none;
    height: 1px;
    background: #000;
}

.editText .faint {
    color: #808080;
}

.editText .columns2 {
    -webkit-columns: 2 20rem;
    -moz-columns: 2 20rem;
    columns: 2 20rem;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
}

.editText .columns3 {
    -webkit-columns: 3 20rem;
    -moz-columns: 3 20rem;
    columns: 3 20rem;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
}

.editText blockquote {
    margin: 1rem 2.5rem 1.5rem 2.5rem;
    padding: 0.5rem 0 0.5rem 1rem;
    border-left: 0.3rem solid #a0a0a0;
}
.editText blockquote p {
    margin-bottom: 0;
    font-style: italic;
}

.editText .youtube {
    border: 0 none;
}

.editText .ytLeft {
    display: block;
    float: left;
    margin: 0 1.5rem 1rem 0;
}

.editText .ytRight {
    display: block;
    float: right;
    margin: 0 0 1rem 1.5rem;
}

.editText .ytCenter {
    display: block;
    float: none;
    margin: 0 auto 1rem;
    clear: both;
    text-align: center;
}

.editText .ytTiny {
    width: 250px;
    width: 21vw;
    height: 141px;
    height: 11.8vw;
    max-width: 100%;
}

.editText .ytSmall {
    width: 400px;
    width: 28vw;
    height: 225px;
    height: 15.75vw;
    max-width: 100%;
}

.editText .ytNormal {
    width: 600px;
    width: 43.5vw;
    height: 338px;
    height: 24.5vw;
    max-width: 100%;
}

.editText .ytBig {
    width: 800px;
    width: 60vw;
    height: 450px;
    height: 33.75vw;
    max-width: 100%;
}

.editText .ytHuge {
    width: 1024px;
    width: 95vw;
    height: 576px;
    height: 53.4vw;
    max-width: 100%;
}

.editText .ytMargin {
    margin: 1rem;
    margin: 1vw;
}






@media (min-width: 30rem) { /* 480px */

    .editText .imageTiny, .editText figure.imageTiny {
        max-width: 20%;
    }
    .editText .imageSmall, .editText figure.imageSmall {
        max-width: 30%;
    }
    .editText .imageNormal, .editText figure.imageNormal {
        max-width: 50%;
    }
    .editText .imageBig, .editText figure.imageBig {
        max-width: 70%;
    }
    .editText .imageHuge, .editText figure.imageHuge {
        max-width: 100%;
    }



}



@media (min-width: 37.5rem) { /* 600px */

    .editText .floatRight, .editText .imageRight, .editText .tableRight, .editText .imageRightClear {
        margin: 0 0 1rem 1.5rem;
    }

    .editText .floatLeft, .editText .imageLeft, .editText .tableLeft, .editText .imageLeftClear {
        margin: 0 1.5rem 1rem 0;
    }

    .editText figcaption {
        font-size: 0.9rem;
    }

    .editText p, .editText ul, .editText ol {
        line-height: 1.5rem;
        font-size: 1rem;
    }

}