/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
/*  font-family:'Glyphicons Halflings';*/
/*  src:url(../fonts/glyphicons-halflings-regular.eot);*/
/*  src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),*/
  url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),
/*  url(../fonts/glyphicons-halflings-regular.woff) format('woff'),*/
/*  url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),*/
/*  url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')*/
}


:root{

    --color-main1: #272E25;
    --color-main2: #666D63;
    --color-main3: #892C28;
    --color-main4: #F5F2EE;
    --color-main5: #0D5028;

    --color-logo: #182433;    
    --color-header-menu: #182433;    
    --color-text: #212529;
    --color-text-secondary: #68766A;

    --color-border: #666D63;

    --color-footer-bg: #666D63;
    --color-footer-text: #FFFFFF;

    --font-btn: '-Montserrat', sans-serif;
    --font-headers: '-Montserrat', sans-serif;
    --font-text: 'Commissioner', sans-serif;

    
    --tblr-table-hover-bg: rgba(0,0,0,0.075);
    --transition-param: all 0.5s ease;
}

 .dropdown-toggle::after {
     width: 0;
     border: none;
 }

.tableScrolWraper .avatar{
     margin-right: 10px;
 }

 .mobile-v{
     display: none;
 }
 .bg_mat_add_blue{
     background-color: #c0deff;
 }

 .desktop-v{
     display: initial;
 }

.alert i{ 
    font-size: 20px;
    margin-right: 5px;
}

.btn-small{
    padding: 4px 8px !important;
    font-size: 12px !important;
}

.card-header .btn-small{
 padding: 7px 6px 7px 8px !important;
  font-size: 12px !important;
  text-align: center;
}

.text-right {text-align: right;}
.fs-10 {font-size: 1rem;}
.fs-15 {font-size: 1.5rem;}
.fs-20 {font-size: 2rem;}
.fs-25 {font-size: 2.5rem;}
.fs-30 {font-size: 3rem;}

 .dropdown-icon {cursor: pointer;}
 /*.dropdown-item i {margin-right: 7px;}*/
 .dropdown-item i.show {margin-right: 7px; rotate: 90deb;}


.gridSeparator {
    margin-top: 20px;
}


.pagination {
  --tblr-pagination-color-custom: #555555;
  --tblr-pagination-color-active: #eaeaea;
  --tblr-pagination-padding-x:0.75rem;
  --tblr-pagination-padding-y:0.25rem;
  --tblr-pagination-font-size:0.875rem;
  --tblr-pagination-color:var(--tblr-secondary-custom);
  --tblr-pagination-bg:transparent;
  --tblr-pagination-border-width:1;
  --tblr-pagination-border-color:var(--tblr-border-color);
  --tblr-pagination-border-radius:var(--tblr-border-radius);
  --tblr-pagination-hover-color:var(--tblr-link-hover-color);
  --tblr-pagination-hover-bg:var(--tblr-tertiary-bg);
  --tblr-pagination-hover-border-color:var(--tblr-border-color);
  --tblr-pagination-focus-color:var(--tblr-link-hover-color);
  --tblr-pagination-focus-bg:var(--tblr-secondary-bg);
  --tblr-pagination-focus-box-shadow:0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
  --tblr-pagination-active-color:#ffffff;
  --tblr-pagination-active-bg:var(--tblr-primary);
  --tblr-pagination-active-border-color:var(--tblr-primary);
  --tblr-pagination-disabled-color:var(--tblr-disabled-color);
  --tblr-pagination-disabled-bg:transparent;
  --tblr-pagination-disabled-border-color:var(--tblr-border-color);
  display:inline-block;
  padding-left:0;
  list-style:none;
/*    width: 49%;*/
  
}

.paginate_button {
  position:relative;
  display:inline-block;
  padding:var(--tblr-pagination-padding-y) var(--tblr-pagination-padding-x);
  font-size:var(--tblr-pagination-font-size);
  color:var(--tblr-card-color);
  background-color:var(--tblr-pagination-bg);
  border:var(--tblr-pagination-border-width) solid var(--tblr-pagination-border-color);
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.paginate_button a{    
  color:var(--tblr-card-color);
}

.paginate_button.active {
  position:relative;
  padding:var(--tblr-pagination-padding-y) var(--tblr-pagination-padding-x);
  font-size:var(--tblr-pagination-font-size);
  color:var(--tblr-pagination-color-active);
  background-color:var(--tblr-pagination-active-bg);
  border:var(--tblr-pagination-border-width) solid var(--tblr-pagination-active-bg);
    border-radius: 3px;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.paginate_button.active a{
  color:var(--tblr-pagination-color-active);
}

.table thead th, table.table-bordered.dataTable tbody td{
  color:var(--tblr-pagination-color-active);
}


::selection {
    background-color: rgba(var(--blue-rgb), 0.5);
}


.dataTables_info {
    display: inline-block;
    width: 49%;
}

table.table-bordered.dataTable tbody td{
    font-size: 14px;
}
.red {color: red !important;}
.green {color: green !important;}
.blue {color: blue !important;}
.yellow {color: #cece05 !important;}
.grey {color: #8f8f8f !important;}
.warn{background-color: var(--red); color: var(--white)}
.pagination .paginate_button a{
    display: inline-block;
}
.pagination .paginate_button.previous a,.pagination .paginate_button.next a{
    width: 1px;
    padding-left: 1.5rem;
    overflow: hidden;
/*    border: 1px solid red;*/
}
.pagination .paginate_button.previous a::before{
    position: absolute;
    top: 0.1rem; 
    left: 1.5rem;
    font-family: 'Font Awesome 6 Pro';
    content: '\f0d9';
    font-weight: 900;
    font-size: 1.5rem;
    color: var(--tblr-card-color);
}

.pagination .paginate_button.next a::before{
    position: absolute;
    top: 0.1rem; 
    right: 1.5rem;
    font-family: 'Font Awesome 6 Pro';
    content: '\f0da';
    font-weight: 900;
    font-size: 1.5rem;
    color: var(--tblr-card-color);
}




.data-table a , .projInfo, .filesItem i{
    display: inline-block;
    margin-right: 6px;
}

.headericon{
    display: inline-block;
    margin-left: 6px;
}


.dataTables_filter {
    position: relative;
    padding-right: 1.5rem ;
}
.dataTables_filter .filterClearBtn{
    position: absolute;
    top: 0.9rem;
    right: 0rem;
    cursor: pointer;
}

.stateButtons .btn{
    display: block;
    margin-bottom: 6px;
}
span.confirmable, .simlink{
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 3px;
}

.projectFiles .item-actions {
  opacity: 0;
  transition: opacity 0.3s;
}
@media (prefers-reduced-motion: reduce) {
  .list-group-hoverable .list-group-item-actions {
    transition: none;
  }
}
.projectFiles .file-group-item:hover .item-actions {
  opacity: 1;
}

.card-title .btn {margin-right: 2px;}
.card-title .btn i {display: inline-block; margin-right: 2px;}


.taskSelectList {
    border: 1px solid #666D63;
    border-radius: 3px;
    padding: 4px 8px;
}
.taskSelectList li {
    list-style-type: none;
    margin: 6px 0px;
}
.taskSelectList li i{ margin-right: 5px;}
.taskSelectList li .btn { margin-left: 5px;}
.taskSelectList li .btn i{ margin-right: 0px;}



 .bold-medium {font-weight: 500;}



.settings .form-switch{padding: 0;}

.card-header .card-title {width: 100%;}


.floatingButtonBlock{
    position: fixed;
    right: 20px;
    bottom: 15px;
    padding: 0px;
    background-color: #ffffff66;
    border-radius: 7px;
    z-index: 1050;
    -webkit-box-shadow: 10px 10px 12px 0px rgba(5, 46, 142, 0.2);
    -moz-box-shadow: 10px 10px 12px 0px rgba(5, 46, 142, 0.2);
    box-shadow: 10px 10px 12px 0px rgba(5, 46, 142, 0.2);
}

#priceListBlockHeader{
    display: none !important;
}


.checkGroupToper {margin-top: 0rem; background: #fff; z-index: 1000;

min-width: 700px;
width: 100%;
/*position: fixed;*/
}
.checkGroupToper .checkCell{width: 30px;padding: 5px;text-align: left; padding-left: 7px;}
.checkGroupToper .checkName{padding-left: 10px;}
.checkGroupToper .checkName label {padding: 0px;margin: 0px; display: block;}
.checkGroupToper .checkMesure{width: 50px;text-align: center;}
.checkGroupToper .checkCategory{width: 95px;text-align: center;}
.checkGroupToper .checkVal,.checkGroupToper .checkPriceW, .checkGroupToper .checkPriceC{width: 80px;text-align: center;}

.checkGroupToper table {
    width: 100%;
}

.checkGroupToper.fixed {
  position: fixed;
  padding-top:0px;
  top: -15px;
  width: 100%;
  overflow: hidden;
  overflow-x: scroll;
}

.checkGroupToper.fixed table {
    width: 100%;
    min-width: 700px;
}



.checkGroup {
/*    border: 1px solid #e4e4e4;  */
    margin-top: 0.5rem;
    min-width: 700px;
}

.checkGroup .checkGroupHeader{
    background-color: #e4e4e4;
    color: rgb(21, 31, 44);
    padding: 5px;
    cursor: pointer;
    min-width: 700px;
    width: 100%;
}

.checkGroupHeader .checkAll {width: 30px; float: left; padding-left: 3px;padding-top: 1px;}

.checkGroup .icon-items::before { content: "\f0da";}
.checkGroup.open .icon-items::before { content: "\f0d7";}


.checkGroup .checkGroupItem{
    border: 0px;
    display: none;
    padding: 3px;
}

.checkGroup .checkGroupItem.selected{
background-color: #baddf2;
}

.checkGroup .checkGroupItem:hover {
  background-color: #c1c9d2;
  color: #182433;
}

.checkGroup.open .checkGroupItem{    
    display: table-row;
}

.checkGroup .groupCheck {
 
}

.checkGroup .itemCheck {
    
    
}


.checkGroup .checkCellAll{padding: 4px; padding-left: 3px}
.checkGroup .checkCell{width: 30px;padding: 5px;text-align: left; padding-left: 7px;}
.checkGroup .checkName{padding-left: 10px;}
.checkGroup .checkName label {padding: 0px;margin: 0px; display: block;}

.checkGroup .checkMesure{width: 50px;text-align: center;}
.checkGroup .checkCategory{width: 95px;text-align: center;}
.checkGroup .checkMesure select ,.checkGroup select.checkCategory {width: 100%; background-color: #fff; text-align: center;}

.checkGroup .checkVal,.checkGroup .checkPriceW, .checkGroup .checkPriceC{width: 80px;text-align: center;}

.checkGroupItem .checkVal input, .checkGroupItem .checkPriceW input, .checkGroupItem .checkPriceC input{width: 100%;text-align: center;}

.checkGroup select {border: 0;}
.checkGroup .checkVal input , .checkGroup .checkPriceW input ,  .checkGroup .checkPriceC  input {border: 0;}



.filterHide {display: none !important;}


.bordered td, .bordered th {border: 1px solid #e4e4e4;}




input.customCheckBox{ display: none;}
input.customCheckBox + label{
    display: inline-block;
    width: 14px;
    position: relative;
    height: 14px;
    /*background-color: white;*/
    border-radius: 2px;
}
input.customCheckBox + label::before
{
    color: rgb(0, 84, 166);;
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
    font-size: 17px;
    height: 17px;
    width: 17px;
    display:inline-block;
    content:"\f096";
    font-style: normal;
    position: absolute;
    bottom: 3px;
    left: 0px;
    padding-top: 3px;
}
 
/*input[type=checkbox] + i:hover::before
{
    font-weight: bold;
}*/
.bold {font-weight: bold;}
 
input.customCheckBox.grey + label::before
{
    font-weight: 400;
    content:"\f14a";
}
input.customCheckBox:checked + label::before
{
    font-weight: 900;
    content:"\f14a";
}
   

.protectedMenuItem  .projectMenuBtn i{
    display: none;    
    padding: 1px 8px ;
    border-radius: 2px;
}

.protectedMenuItem  .projectMenuBtn i:before{
    font-weight: 700; font-size: 14px;
}

.protectedMenuItem:hover  .projectMenuBtn i{
    display: inline-block;
}

.addSelectBlock{
    position: relative;
}
.addSelectBlock select{
/*    padding-left: 30px;*/
}

.addSelectBlock select.noselect{
    color: #929dab;
}




.addSelectBlock i{
    
    left: 17px;
    top: 10px;
    font-size: 18px;
}

.protectedMenuItem  .projectMenuBtn i:hover{
    background-color: #eaeaea;
}



.addSelectBlock i.iconItem{
    position: absolute;
    left: 9px;
    top: 10px;
    font-size: 18px;
}


.checkGroupFilter {
    position: relative;
}

.checkGroupFilter input{
    padding-right: 30px;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.checkGroupFilter i.iconItem{
    position: absolute;
    left: 9px;
    top: 10px;
    font-size: 18px;
}


.checkGroupFilter #checkItemClear{
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer;
    z-index: 300;
    color: #949eac;
}


.checkGroupFilter .wariantsPanel{
/*    position: absolute;*/
    top: 100%;
    left: 0px;
    width: 100%;
    max-width: 750px;
    padding: 5px 7px;
    background-color: #fff;
    border: 1px solid rgb(228, 228, 228);
    z-index: 2000;
}

.checkGroupFilter .wariantsPanel .panelTop{
/*    font-weight: bold;*/
}

.checkGroupFilter .wariantsPanel .shearchHeader{
    font-style: italic;
}

.checkGroupFilter .wariantsPanel .taskgroupList{
/*    border-bottom: 1px solid rgb(228, 228, 228);*/
}

.checkGroupFilter .wariantsPanel .panelContent{
    min-height: 20px;
    max-height: 350px;
    overflow-y: auto;  
}

.checkGroupFilter .wariantsPanel .btnClose{
    position: absolute;
    top: 2px; 
    right :2px;
    padding: 2px;
    cursor: pointer;
    color: #555;
    font-size: 10px;
}

.checkGroupFilter .wariantsPanel .item{
/*    display: block;   !!! экспериментальное отображение*/
    display: none;
    width: 100%;
/*    padding: 2px 2px;    */
/*    margin-top: 2px;*/
    cursor: pointer;

}


.checkGroupFilter .wariantsPanel .itemgroup{
    display: inline-block;
/*    background-color: #e4e4e4;*/
    padding: 0px;
    margin:0 10px 1px 0;    
    cursor: pointer;
    line-height: 18px;
    font-weight: bold;
}

.checkGroupFilter .wariantsPanel .itemgroup.selected{    
    background-color: #ddedfc;
}


.checkGroupFilter .wariantsPanel .item:hover{
    background-color: #adb7c1;
}

.buttonsPanel {
    width: 100%;
    border-bottom: 1px solid #eaeaea;
}

.btnDropDownWrapper {
    position: relative;
    display: inline-block;
}
.btnDropDownWrapper.open  .dropdown-menu {
  display: block;
}
.dropdown-menu.filterMenu{
    padding-top: 20px;
    width: 230px;
}
.dropdown-menu.filterMenu .closeBtn{
    position: absolute;
    top: 5px;
    right: 9px;
    cursor: pointer;
    color: #555555;
}

.btnDropDownWrapper .btn-table-view, .btn-table-view,
.btnDropDownWrapper .btn-table-filter, .btn-table-filter
{
    border: 0;
    background-color: #f6f8fb;
    color: rgb(24, 36, 51);
    font-size: 14px;
    font-weight: 400;
    padding: 6px 16px;
    min-height: 32px;
    max-height: 32px;
    width: 52px;
}

.btnDropDownWrapper .btn-table-filter i{
    display: none;
}
.btnDropDownWrapper .btn-table-filter:after
{
    content: "\e17e";
    font-family: 'Font Awesome 6 Pro';
    /*position: absolute;*/
}




/*.btnDropDownWrapper .btn-dropdown::after,.btnDropDownWrapper .btn-table-view::after,.btnDropDownWrapper .btn-table-filter::after {*/
/*    font-weight: 900;*/
/*    font-family: 'Font Awesome 6 Pro';*/
/*    font-style: normal;*/
/*    font-variant: normal;*/
/*    line-height: 1;*/
/*    text-rendering: auto;*/
/*    margin-left: 0.3rem;*/
/*    content: "\f0da";*/
/*} */

/*.btnDropDownWrapper.open .btn-dropdown::after,*/
/*.btnDropDownWrapper.open .btn-table-view::after,*/
/*.btnDropDownWrapper.open .btn-table-filter::after  {*/
/*content: "\f0d7";*/
/*}*/
.btn-primary .loader{
    color: white;
}
.loader.small {
        width: 12px;
        height: 12px;
    }

.btnDropDownWrapper .loader {
        width: 10px;
        margin: 4px auto;
    }

.btnDropDownWrapper .loader::after {
    width: 10px;
    height: 10px;
}

.dropdown-item.rowFilterMenuItem, .dropdown-item.rowFilterClearMenuItem{
    cursor: pointer;
    position: relative;
    padding-top: 2px;
    padding-bottom: 2px;
}

.dropdown-item.rowFilterMenuItem::before {
    font-weight: 400;
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    margin-left: 0.3rem;
    content: "\f0b0";
}
.dropdown-item.rowFilterMenuItem::after {
    position: absolute;
    right: 12px;
    top: 6px;
    font-weight: 900;
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    margin-left: 0.3rem;
    content: "\f0da";
}
.dropdown-item.rowFilterMenuItem.open::after {
    content: "\f0d7";
}

.dropdown-item.rowFilterMenuItemForm {
    padding-top: 0px;
    display: none;
    border-bottom: 1px #eaeaea solid;
}

.dropdown-item.rowFilterMenuItemForm.open {
    display: block;
}
.dropdown-item.rowFilterMenuItemForm .minVal, .dropdown-item.rowFilterMenuItemForm .maxVal {
    width: 70px;
}
.dropdown-item.rowFilterMenuItemForm .textVal {
    width: 150px;
}


.dropdown-item.rowFilterClearMenuItem::before {
    font-weight: 400;
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    margin-left: 0.3rem;
    content: "\e17b";
}

.dropdown-item.rowFilterClearMenuRun{
    display: none;
}
.dropdown-item.rowFilterClearMenuRun::before {
    font-weight: 400;
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    margin-left: 0.3rem;
    content: "\e17c";
}

.dropdown-item a{
    color: var(--tblr-dropdown-link-color);
}


.addSelectBlock .hiddenSave{
    position: absolute;
    top: 100%;
    left: 0px;
    width: 40px;
    padding-top: 3px;
    
    display: none;      
}

.addSelectBlock .hiddenSave .btn{
    border:  var(--tblr-border-width) solid var(--tblr-border-color);
    background-color: #f6f8fb;
    color: rgb(24, 36, 51);
    font-size: 14px;
    font-weight: 400;
    padding: 10px 13px 10px 12px;


}

.addSelectBlock .hiddenInput #inputItemClear{
    position: absolute;
    top: 14px;
    right: 14px;
    cursor: pointer;
    z-index: 3000;
    color: #949eac;
}

.addSelectBlock .hiddenInput{
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    padding-top: 3px;
    padding-left: 44px;
    display: none;
}

.addSelectBlock.open .hiddenInput{
    display: block;
}

.addSelectBlock.open #addObjectZoneInput::before{
    content: "\f068";
}

/*.priceEditCol input {width: 55px !important;}*/
.priceEditCol span {width: 20px; display: inline-block;}


.priceRowTopLine .nameCell, .priceRowLine .nameCell {
    cursor: pointer;
}
.priceRowLine, .priceRowItem {
    display: none;
}

.priceRowTopLine .nameCell::before , .priceRowLine .nameCell::before {
    content: "\f0da";
    font-weight: 900;
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    margin-right: 5px;

}


.priceRowTopLine.open .nameCell::before , .priceRowLine.open .nameCell::before {
    content: "\f0d7";
    font-weight: 900;
    font-family: 'Font Awesome 6 Pro';
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    margin-right: 5px;

}

.priceBorderred {
    border: 1px solid #555;
    min-width: 100%;
}
.priceBorderred td{
    border: 1px solid #555;
    min-width: 100px;
}
.priceBorderred td.nameCell{
    min-width: 400px;
    width: 400px;
}
.priceBorderred td.idCell{
    min-width: 50px;
    width: 50px;
}
.priceBorderred .priceEditCol input{ width: 100%;}


.topForm {display: inline-block;}
#scrollToTop,#addFreeTask {
    padding: 12px 16px;
}

.filterRow{
    display: flex;
    gap: 5px;
    align-items: center;
    flex-wrap: nowrap;
    padding: 5px 0;
}

.checkerBlock {
    position: relative;
    padding: 5px;
    border: 1px solid var(--light-gray);
    border-radius: var(--radius-btn);
    display: flex;
    gap: 5px;
}

.checkerBlock .checkerLabel { cursor: pointer;}
  
.checkerBlock .checker {  
  color: rgb(0, 84, 166);
   /*height: 6px;*/
   font-family: 'Font Awesome 6 Pro';
   font-weight: 400;
   /*display: inline-block;*/
   padding: 2px 0px;
   cursor: pointer;
   position: relative;
  font-size: 17px;
  font-style: normal;
 }

/*.checkerBlock .checker:before {*/
/*  */
/*  display: inline-block;*/
/*  content: "\f096";*/
/*  position: absolute;*/
/*  position: absolute; top: -11px; left:-18px;*/
/*  */
/*}*/

.checkerBlock .checker.grey:before {  content: "\f146";}
.checkerBlock .checker.checked:before {font-weight: 900; content: "\f14a";}

.navbar-toggler-icon-custom {
    font-size: 24px;
}



.custom-vis-inline-mobile{
    display: none !important;    
}




.priceMobile .checkGroupToper .priceMobileHidden { display:none; }
.priceMobile .checkGroupItem .priceMobileHidden { display:none; }
.priceMobile .checkGroupItem.all .mobileInputBlock { display:none;}




.priceMobile .checkGroupItem .mobileInputBlock .checkMesure{ border: 1px solid #eaeaea; padding: 0;
    display: inline-block;
    /*width: 32%*/
    width: 28%
}
.priceMobile .checkGroupItem .mobileInputBlock .checkVal{ border: 1px solid #eaeaea; padding: 1px; display: inline-block;
    width: 28%
    /*width: 32%*/

}

.priceMobile .checkGroupItem .mobileInputBlock .lablePriceWcr  {border: 1px solid #eaeaea; padding: 1px; display: inline-block;width: 28%; text-align: center;}
.priceMobile .checkGroupItem .mobileInputBlock .lablePriceClnt {border: 1px solid #eaeaea; padding: 1px; display: inline-block;width: 28%; text-align: center;}
/*.priceMobile .checkGroupItem .mobileInputBlock .checkCategory{ border: 1px solid #eaeaea; padding: 1px; display: inline-block;
    width: 53%}
*/
.priceMobile .checkGroupItem .mobileInputBlock .checkPriceW{ border: 1px solid #eaeaea; padding: 1px; display: inline-block;
    width: 28%}
.priceMobile .checkGroupItem .mobileInputBlock .checkPriceC{ border: 1px solid #eaeaea; padding: 1px; display: inline-block;
    /*width: 32%*/
    width: 28%
}


.priceMobile.workerPrice .checkGroupItem .mobileInputBlock .checkMesure{border: 1px solid #eaeaea; padding: 0; display: inline-block;
/*    width: 15%*/
    width: 32%
}
.priceMobile.workerPrice .checkGroupItem .mobileInputBlock .checkCategory{ border: 1px solid #eaeaea; padding: 1px; display: inline-block; width: 64%}
.priceMobile.workerPrice .checkGroupItem .mobileInputBlock .checkPriceW{ border: 1px solid #eaeaea; padding: 1px; display: inline-block;
/*    width: 25%*/
    width: 32%
}
.priceMobile.workerPrice .checkGroupItem .mobileInputBlock .lablePriceWcr  {border: 1px solid #eaeaea; padding: 1px; display: inline-block;width: 32%; text-align: center;}
#priceListBlockHeader .lablePriceWcr  { display: none !important;}


 
 .priceMobile.workerPrice .checkGroupItem .mobileInputBlock .checkPriceW input{color: black}
.priceMobile.workerPrice .checkGroupItem .mobileInputBlock .checkPriceC{ border: 1px solid #eaeaea; padding: 1px; display: inline-block;
/*    width: 25%*/
    width: 32%
}
.priceMobile.workerPrice .checkGroupItem .mobileInputBlock .checkVal{ border: 1px solid #eaeaea; padding: 1px; display: inline-block;
/*    width: 25%*/
    width: 32%
}
@supports (-webkit-touch-callout: none) {
   /* CSS specific to iOS devices */ 

    .priceMobile.workerPrice .checkGroupItem .mobileInputBlock .checkMesure{ border: 1px solid #eaeaea; padding: 1px; display: inline-block;
        width: 25%
        /*width: 32%*/
    }
    .priceMobile.workerPrice .checkGroupItem .mobileInputBlock .checkCategory{ border: 1px solid #eaeaea; padding: 1px; display: inline-block; width: 50%}
    .priceMobile.workerPrice .checkGroupItem .mobileInputBlock .checkPriceW{ border: 1px solid #eaeaea; padding: 1px; display: inline-block;
        width: 25%
        /*width: 32%*/
    }
    .priceMobile.workerPrice .checkGroupItem .mobileInputBlock .checkPriceC{ border: 1px solid #eaeaea; padding: 1px; display: inline-block;
        width: 25%
        /*width: 32%*/
    }
    .priceMobile.workerPrice .checkGroupItem .mobileInputBlock .checkVal{ border: 1px solid #eaeaea; padding: 1px; display: inline-block;
        width: 25%
        /*width: 32%*/
    }



}
.loaderCenter {
  position: relative;
  display: block;
  width: 100%;
  height: 5rem;
  color: #0054a6;
  vertical-align: middle;
  margin-left: -15px;
}

.loaderCenter::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  transform: translate(-25px, 0px);

  content: "";
  border: 1px var(--tblr-border-style);
  border-color: transparent;
    border-top-color: transparent;
    border-left-color: transparent;
  border-top-color: currentColor;
  border-left-color: currentColor;
  border-radius: 100rem;
  animation: rotate-360 .6s linear;
    animation-iteration-count: 1;
  animation-iteration-count: infinite;
}





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



.input-group {
  box-shadow: none;
  border-radius: 0;
}

/*разделительная черта*/
hr.line-menu {
    margin: 0.5rem !important;
    height: 2px;
    background: black;
}
/*разделительная черта*/
hr.line-menu.hide {
    display: none !important;
}

.dropdown-item.actionFunc{
    padding-bottom: 1px;
    padding-top: 1px;
}

 .listRows .listRowsItem .itemMainContentCell .dropdown-menu .dropdown-item{
     padding-top: 1px;
     padding-bottom: 1px;
 }

 .page-body .dropdown-menu .dropdown-item:hover {
     background-color: #eef4fb;
     color: #182433;
 }

 .footer-left-menu.dropdown-menu .dropdown-item:hover {
     background-color: #394049;
     color: #6d8aae;
 }
.context_menu{
    padding-bottom: 1px;
    padding-top: 1px;
}

 .modal-body.modal-msg{
     /*height: 500px;*/
     max-height: 750px;
 }

 .modal-body.modal-msg .mesageInput{
     bottom: 0;
     margin: 3px 0;
 }
 .modal-body.modal-msg .messagesList{
     max-height: 410px;
 }

 .modal-body.modal-msg .tempFiles{
     max-height: 70px;
     overflow: auto;
 }
 .modal-body.modal-msg .dropdown-menu .dropdown-item{
     padding: 1px 8px;
 }
 .modal-body.modal-msg .dropdown-menu .avatar{
     margin: 2px 0;
     margin-right: 10px;
 }
 /*.modal-body.modal-msg .messagesList{*/
 /*    max-height: 400px;*/
 /*}*/

 .modal-body.modal-msg .pingUserBlock .itemPing{
     display: none;
     margin: 2px 6px;

 }
 .modal-body.modal-msg .pingUserBlock .itemPing.show{
     display: inline-block;
     margin: 2px 6px;

 }
 .modal-body.modal-msg .pingUserBlock{
     display: inline-block;
     max-height: 40px;
     margin: 3px 0;

 }

.messagesList .replymessage {
padding-right: 10px;
}
.messagesList .editmessage {
padding-right: 10px;
}
.messagesList .replyTo {
    background-color: #eaeaea;
}

 .lableCalculate{
     position: relative;
     background: #e7edf6;
     border-radius: 5px;
     margin-left: 3px;
     padding: 0 5px;
 }

 .lableCalculate .legend{
     /*width: 15px;*/
     height: 20px;
     text-align: center;
     line-height: 16px;
     margin: 0 !important;
     position: relative;
     /*top: 2px;*/
     /*right: -1px;*/
     border-radius: 4px;
     border: none;
     background: none;
     box-shadow: none;
 }

 .lableCalculate .legend:before{
     content: "|";
     position: absolute;
     left: -5px;
     top: -1px;
     color: black;
 }

 .lableCalculate .tag{
     position: relative;
     /*width: 20px;*/
     height: 20px;
     border: none;
     box-shadow: none;
     padding: 0;
     margin-right: 5px;
     background: none;
 }

 .nav-item.moduleNav a.nav-link.active{
     /*padding: 0 4px;*/
 }



 .part-number {
     color: transparent; /* скрыть оригинальный текст */
     position: relative;
 }

 .part-number::before {
     content: attr(data-info);
     color: black; /* или нужный цвет */
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);

     white-space: nowrap;

 } 

 .grey.part-number {
     color: transparent !important; /* скрыть оригинальный текст */
     position: relative;
 }
 .grey.part-number::before {
     content: attr(data-info);
     color: #8f8f8f; /* или нужный цвет */
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);

     white-space: nowrap;

 }

.page-title .legend{
    width: auto;
    height: auto;
}

.bold{
    font-weight: bold !important;
}


button.formDialog i,
button.formDialogConfirm i{
    margin-right: 10px;
}

 .addSelectBlock .input-group-text{
     width: 40px;
 }

 td .chckbx{
     margin-top: 2px;
 }

 .fullPriceLoader{
     padding-bottom: 10px;
 }



 .modal-body.modal-msg{
     padding: 5px 20px;
     padding-bottom: 20px;
     padding-top: 50px;
 }

 .modal-body.modal-msg ~ .modal-footer{
     display: none;
 }

 .modal-body.modal-msg .messagesList{
     overflow-x: hidden;
     margin-bottom: 5px !important;
 }


 .modal-body.modal-msg .messagesTaskName{
     background: #c4d5e9;
     width: 100%;
     padding: 10px 0 10px 40px;
     position: absolute;
     top: -1px;
     left: 0;
     font-weight: bold;
 }



 .icon-share{position: absolute;top: 7px;left: 5px;}
 /*.icon-trash-file {padding: 0; opacity: 0}*/


 .filesItem:hover .icons-file{opacity: 1;transition: all 0.5s ease}


 .taskFiles {
     max-height: 300px;
     overflow-y: scroll;
     overflow-x: hidden;
 }


 .icons-file{
     /*width: 60px;*/
     opacity: 0;
     position: absolute;
     right: -55px;
     height: 100%;
 }
 .icons-file i{
     color: black;

 }

 .btn-files{
     width: 30px;
     margin: 0 5px;

 }
 .btn-files a:after{
     display: none;
 }
 .btn-msg{position: absolute; top: 10px; right: 0; opacity: 0; max-width: 85px; color: rgb(0, 0, 0)
 }
 .btn-msg .icon-menu{max-width: 40px; color: rgb(0, 0, 0)
 }
 .btn-msg .dropdown-item{min-width: 20px !important;}
 .btn-msg .file-menu{position: static}
 .btn-msg  *:after{display: none}
 .message-body:hover .btn-msg{opacity: 1; transition: all 0.5s ease}
 .message-body{
     position: relative;
     border: none
 }
 .message-body > div{
     position: relative;
 }
 .modal-msg .filesItem {
     margin: 3px 0px;
     padding: 0;
     position: relative;
 }
 .modal-msg .messagesList .filesItem.fileMsg{
     background: #dae0e8;
 }
 .text-file {padding: 0; margin-right: 5px; color: rgb(0, 84, 166)}
 .text-file a {color: black}
 .tag.ping{
     height: 1.2rem;
     padding: 0 2px;
 }
 .filesItem .file-icon {font-size: 20px; width: 50px; margin-bottom: 10px;}

 .filesItem.fileMsg .file-icon {font-size: 14px; width: 20px;}

.modal-msg .msgtext{
    white-space: pre-wrap;
    overflow-wrap: break-word;
    hyphens: auto;
    margin-top: 15px;
    /*padding-left: 10px;*/
}


 .autorText{
     font-weight: bold;
 }
 .autorText .date{
     font-weight: normal;
 }

 .message-body .noticeBages{
     /*background: red;*/
     position: absolute;
     top: 17px;
     left: -10px;
 }

 .message-body .msgBlock{
     padding-left: 20px;
     margin: 7px 0;
 }


 .test-block {
     max-width: 500px;
     margin: 0 auto 5px auto;
     border: 1px solid #ddd;
     border-radius: 4px;
     overflow: hidden;
     box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 }

 .testedit-header {
     padding: 8px 12px;
     background-color: #f8f8f8;
     border-bottom: 1px solid #eee;
 }

 .testedit-title-row {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 4px;
 }

 .testedit-title {
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: 12px;
     font-weight: bold;
 }

 .testedit-icon {
     font-style: normal;
     font-size: 16px;
 }

 .testclose-btn {
     font-style: normal;
     font-size: 12px;
     cursor: pointer;
     color: #888;
     padding: 2px;
 }

 .testclose-btn:hover {
     color: #333;
 }

 .testedit-message {
     font-size: 11px;
     padding-left: 24px;
     color: #555;
 }


 .errTitle{
     color: red;
     bottom: -20px;
     position: absolute;
     left: 47%;
     transform: translateX(-50%);
     display: none;
 }

 .blockBtn{
     width: 39px;
     height: 31px;
     /*background: rgba(0,0,0,0);*/
     display: none;
     position: absolute;
     top: 0;
     right: 5px;
     /*border: 1px solid red;*/
     cursor: not-allowed;
     z-index: 1500;
 }

 .disable .errTitle{
     display: unset;
 }
 .disable.blockBtn{
     display: unset;
 }

/*[data-title]:after,*/
/*[data-title-before]:before{*/
/*     position: absolute;*/
/*     bottom: 100%;*/
/*     !*left: 0%;*!*/
/*     opacity: 0;*/
/*     visibility: hidden;*/
/*     transition: opacity 0.7s ease, visibility 0.7s ease;*/
/*     background: white;*/
/*     backdrop-filter: blur(30px);*/
/*     color: black;*/
/*     border-radius: 3px;*/
/*    border: 1px solid black;*/
/*     padding: 0 10px;*/
/*     z-index: 1100;*/
/*     transition-delay: 0s;*/
/*    font-size: 14px !important;*/
/*    font-weight: 500 !important;*/
/*    pointer-events: none;*/
/*    text-wrap: nowrap;*/
/* }*/

/* [data-title]:after{*/
/*     content: attr(data-title);*/
/* }*/

/* [data-title-before]:before{*/
/*     content: attr(data-title-before);*/
/* }*/

/*[data-title]:hover::after,*/
/*[data-title-before]:hover::before{*/
/*    opacity: 1;*/
/*    visibility: visible;*/
/*    transition-delay: 0.7s;*/
/*}*/

 /*#c4d5e9*/

 .modal-body.noticeInfoModal ~ .modal-footer{
     display: none;
 }

 .noticeInfo{
     display: flex;
     flex-direction: column;
     margin-top: 60px;
 }


 .noticeInfo .sendDate{
     position: absolute;
     right: 25px;
     font-size: 13px;
 }


 .noticeInfo span{
     margin: 5px 0;
 }

 .noticeInfoModal .subHeader .objectName,
 .noticeInfoModal .subHeader .taskName{
     font-weight: 700;
 }
 .noticeInfoModal .subHeader{
     background: #c4d5e9;
     width: 100%;
     height: 80px;
     position: absolute;
     top: 0;
     left: 0;
     justify-content: center;
     align-items: inherit;
     display: flex;
     flex-direction: column;
     padding: 25px;
     font-weight: inherit;
 }

 .noticeInfo .senderName{
     font-weight: 700;
     margin-bottom: 0;
 }

 .subHeader .taskLink{
     text-align: right;
     font-weight: normal;

 }

 .noticeInfo .messagePing{
     margin-top: 0;
 }

 .noticeInfo .messageText{
     white-space: pre-wrap;
     overflow-wrap: break-word;
     hyphens: auto;
 }

 .noticeInfo .filesItem.fileMsg{
     position: relative;
     margin: 1px 0;
 }
 .noticeInfo .filesItem.fileMsg .icons-file{
     right: -40px;
 }

 .addmaster{
     display:flex;
     width: 100%;
     gap: 5px;
     margin-bottom: 10px;
     align-items: center;
 }

 .toMsgTask{
     position: relative;
     text-align: right;
 }


 .priceBtn{
     max-height: 32px;
     line-height: 18px;
 }

 .priceBtn i{
     margin-right: 5px !important;
 }
 .trashBtn{
     background: none;
     max-height: 32px;
     border: 1px solid #0054a6;
     max-width: 32px;
     margin-top: 3px;
 }



 .card-header{
     overflow-y: hidden;
     overflow-x: scroll;
     border: none;
     scrollbar-width: none;
 }
 .card-header .nav.nav-tabs.card-header-tabs{
     max-height: 47px;
     flex-wrap: nowrap;
     border-bottom: var(--tblr-card-border-width) solid var(--tblr-card-border-color);
 }

 .nav-item .nav-link{
     flex-wrap: nowrap;
     text-wrap: nowrap;
 }

#showFreeTask, #freeTasks, .tasknewvaluetype {display: none;}

 .pageLoaderWraper .bar{
     position: absolute;
     top: 50%;
     left:35%;
     width: 30%;
     border: #6f829a 2px solid;
     height :25px;

 }

 .pageLoaderWraper .bar .value{
     display: inline-block;
     width: 0%;
     background-color: #6f829a;
     height :23px;
     overflow: hidden;
 }



.pageLoaderWraper {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background: #55555566;
    z-index: 30000;
}


.pageLoaderWraper .loader{
    position: absolute;
    left:50%;
    top: 50%;
}



 .crumbs{
     display: none;
 }
 .hideAlert{
     opacity:0;
     visibility: hidden;
     transition: all 1s linear;
 }

 tr.listRowsItem#st0 td {font-weight: bold;}
 tr.listRowsItem#project td {font-weight: bold;}


 .dropdown-menu.filterStat.show{
     display: flex;
     flex-direction: column;
     gap: 10px;
     padding: 10px;
     width: 350px;
 }
 .dropdown-menu.filterStat .filterBtns{
     display: flex;
     gap: 10px;
     justify-content: center;
 }



 [data-placeholder]:empty::after {
     content: attr(data-placeholder);
     color: gray;
 }


 .addSubItem{
     cursor: pointer;
 }
 .dropdown-toggle::after{
     display: none;
     content: none;
 }

 .fade-enter-active, .fade-leave-active {
     transition: opacity .5s;
 }
 .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
     opacity: 0;
 }

 .ColObjShedInfo{
     display: flex;
     flex-direction: column;
 }


 .distribution table{
     border-collapse: collapse;
     /*border: 1px solid var(--color-border);*/
     border: 1px solid black;
     width: 100%;
 }

 .distribution table td:has(input){
    text-align: center;
 }
 .distribution table td,
 .distribution table th{
     /*border: 1px solid var(--color-border);*/
     border: 1px solid black;
 }

 .distribution table th{
     /*      position: sticky; */
     /*      top: 0; */
     background: white;
     border: 1px solid;
     text-align: center;
 }
 .distribution {
     overflow: scroll;
     scrollbar-width: thin;
     max-height: 500px;
 }


 .unreadMsg{
     overflow-y: scroll;
     max-height: 300px;
     scrollbar-width: thin;
 }

 #unreadMessage{
     opacity: 1;
 }
 #unreadMessage .badge{
     position: absolute;
     right: 0px;
     top: 1px;
 }

 .subHeader{
     background: #c4d5e9;
     width: 100%;
     min-height: 40px;
     position: absolute;
     top: 0;
     left: 0;
     justify-content: center;
     display: flex;
     align-items: center;
     font-weight: 700;
 }

 .ui-datepicker.ui-widget {
    /*background: #ffffff;*/
     z-index: 1056 !important;
     border-radius: 0;
     border: none;
     box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.07), 0 6px 30px 5px rgba(0, 0, 0, 0.06), 0 8px 10px -5px rgba(0, 0, 0, 0.1);
 }
 .ui-datepicker-calendar td{
     text-align: center;
 }

 .ui-datepicker-header {
     background: #192433;
     color: white;
     border: none;
     border-radius: 0;
     height: 2.2rem;
     padding: 3px;
 }

 .ui-datepicker.ui-widget td .ui-state-default{
     background: #c4d5e9;
     border: none;
     text-align: center;
 }

 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
     background: #eb2600 !important;
     color: white;
 }


 .ui-widget-header .ui-icon.ui-icon-circle-triangle-w{
     background: none;
 }
 .ui-widget-header .ui-icon.ui-icon-circle-triangle-w:after{
     content: '\f104';
     text-indent: 0;
     font-family: "Font Awesome 6 Pro";
     font-weight: 900;
     color: white;
     font-size: 17px;
     margin-left: 4px;
 }
 .ui-widget-header .ui-icon.ui-icon-circle-triangle-e{
     background: none;
 }
 .ui-widget-header .ui-icon.ui-icon-circle-triangle-e:after{
     content: '\f105';
     text-indent: 0;
     font-family: "Font Awesome 6 Pro";
     font-weight: 900;
     color: white;
     font-size: 17px;
 }
 .ui-datepicker-title{
     text-align: center;
 }

 .ui-widget-header a{
     font-size: 1px;
 }
 .ui-widget-header a.ui-state-hover{
     font-size: 1px;
     background: inherit;
     border: none;
 }

 .ui-icon, .ui-widget-content .ui-icon{
     overflow: unset;
     cursor: pointer;
 }