.order-items-table{
    width:100%;
}
.catalog_item_img{
    width:100%;
}
.catalog_item_img_block{
    width:100%;
    text-align: center;
}
.catalog_cart_img{
    width:150px;
}
.order_item_parameters{
    font-size:10px;
}
.order_row{
    border-bottom: 1px solid #e6e6e6;
}
.order_row td{
    padding-top: 20px;
    padding-bottom: 20px;
}
.items_h3{
    margin:20px 0px;
}
.catalog_item_image{
    width:100%;
    margin-right:10px;
}
.catalog_item_price{
    font-size: 16px;
    text-align: left;
    width: 100%;
    display: block;
    height: 30px;
    margin-top: 10px;
    font-weight: bold;
    background-color: #6b6f82;
    border-radius: 5px;
}
.catalog_item_title{
    font-weight: bold;
    margin-bottom: 20px;
}
.small_params{
    font-size: 10px;
    display: block;
}
.mybadge{
    position: absolute;
    right: -10px;
    top: 12px;
    visibility: visible;
}
.step_block{
    box-shadow: 0 2px 18px 1px rgba(49, 53, 72, 0.1);
    border-radius: .45rem;
    padding: 20px;
    margin: 10px 10px 40px 10px;
}
.checkblox{
    text-align:right;
}

.kanban-container .red{
    border-top:3px solid red;
}

.kanban-container .grey{
    border-top:3px solid grey;
}

.kanban-container .blue{
    border-top:3px solid blue;
}

.kanban-container .green{
    border-top:3px solid green;
}

.kanban-container .yellow{
    border-top:3px solid yellow;
}
.important_task {
    background-color: red !important;
    color: white;
}

.kanban-item{
    overflow: hidden;
}

.hidden_form{
    display:none !important;
}

.subtask_del{
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-left: 20px;
    border: none;
    font-size: 12px;
    line-height: 10px;
}

.kanban_content{
    z-index: 10;
    display: block;
    position: relative;    
}

.kanban_back{
    background: #999;
    width: 0%;
    height: 3px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    opacity: 1;    
}


.file_div{
    display: inline-block;
    position: relative;
    height: 35px;
    width: 40px;
    margin-right: 10px;
}
.file_div_100{
    display: block;
    position: relative;
    width: 100%;
    margin-right: 10px;
}
.file_link i{
    font-size:35px !important;
}
.file_close{
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width:16px;
    height:16px;
    background-color: #ccc;
    border-radius: 50%;
    text-align: center;
    z-index: 999;
}
.file_close i{
    font-size: 10px !important;
    line-height: 18px;
    height: 12px;
    vertical-align: top;
    color:#464855;
}
.img_input_item{
    z-index: 998;
    height: 100vh;
    width: 100%;
    opacity: 0;
    position: absolute;
}    


.action_icons a i{
    font-size: 28px;
}

.items_list li{
    margin-bottom: 10px;
}

.native_req{
    color:#1e9ff2;
}

.service_link{
    float: right;
    margin-right: 10px;
}

.hidden_params{
    display:none;
}

.hidden_item{
    display:none;
}

.show_parameters{
    display:block;
    margin: auto;
}

.popover {
    z-index: 1100 !important; 
}

.items_list{
    padding-left: 0px;
}
.items_list li{
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 5px;
    padding: 2px 10px;
    list-style-type: none;
}

.show_items{
    width:100%;
}

.menu-expanded .header-navbar .navbar-header .navbar-brand .brand-logo {
    width: 60px;
}
.menu-collapsed .header-navbar .navbar-header .navbar-brand .brand-logo {
    width: 30px;
    height: 30px;
}
.header-navbar .navbar-header .navbar-brand {
    padding: 6px 0px;
    margin-right: 0;
}
.bg-info {
    background-color: #414042 !important;
}
#edit_status_form{
    background: #ececec;
    border-radius: 2px;
    padding: 5px;
}
.file_maket_div{
    display: inline-block;
    position: relative;
    width: 100px;
    margin-right: 10px;    
}

/* CALENDAR*/
.fc-event{
    margin-bottom:5px;
    padding:5px;
}
a:hover{
    text-decoration:none;
}
.span_pos{
    font-size:10px;
    line-height:14px;
}
.payment_block, .payment_block_nonaction, .info_block {
    width: 100%;
    background-color: #e3ebf3;
    border: 1px solid #464855;
    display: block;
    border-radius: 3px;
    font-size: 12px;
    position: relative;
    white-space: nowrap;
    margin-bottom: 5px;
    text-align: center;
  }
.must_pay_block{
    border-radius: 3px;
    position: relative;
    white-space: nowrap;
    margin-bottom:5px;
    text-align:center;    
    background: #ffc107;
    width: fit-content;
    font-size: 12px;
    padding: 2px 5px;
    display: inline-block;
}
.cart-area{
    padding:0px 20px;
}

/* END OF CALENDAR*/

.payment_block, .payment_block_nonaction {
    width: 100%;
    background-color: #e3ebf3;
    border: 1px solid #464855;
    display: block;
    border-radius: 3px;
    font-size: 12px;
    position: relative;
    white-space: nowrap;
    margin-bottom: 5px;
    text-align: center;
}

.add_price_btn{
    position: absolute;
    right: 0px;
    top: 0px;
    background: #ccc;
    width: 14px;
    height: 14px;
    font-size: 10px;
    text-align: right;
    border-radius: 0 0 0 50%;
    padding-right: 3px;
    padding-top: 0;
    line-height: 12px;
}
.add_price_btn a{
    color:#FFF !important;
}
.relative{
    position: relative;
}
.swimming-father .fc-daygrid-block-event{
    cursor: grab !important;
}
.calendar-father .fc-daygrid-block-event{
    cursor: default !important;
}
.swimming-father {
    position: relative;
    overflow: hidden;
}
.swimming {
    position: absolute;
    top: 0px;
    width: calc(100% - 20px);
    z-index: 1000;
}
.item_task_list{
    width: calc(100% - 20px);
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 3px 5px;
    background: #f9f9f9;
    margin-bottom:10px;
}
.member_item_position_block{
    display: inline-block;
    cursor: pointer;
}

.cat_label, .cat_checkbox{
    display: inline;
}

.display_block{
    display: block !important;
}

.delete-param{
    margin-left:20px;
}



.add_destroy{
    color:#FFF;
    text-align: center;
    display: block;
}
.add_destroy:hover{
    color:#dfdfdf;
}
.order_item_parameters{
    font-size:10px;
}
.product-action{
    text-align: center;
}




html body a {
    color: #464855;
}
html body a:hover {
    color: #252525;
}

.my_attached_files a i{
    font-size:40px;
}

.deleted_item_title{
    color:#999;
}



@media (max-width: 1560px) {
    .item_header {
        display: block;
    }
}



.order_payment_block{
    width:100%;
    background-color: #e3ebf3;
    border: 1px solid #464855;
    color: #464855;
    display: block;
    border-radius: 3px;
    font-size: var(--fc-small-font-size);
    position: relative;
    padding: 5px;
    margin-bottom:5px;
}
.order_payment_block a{
    color: #464855;
}

.sidebar-sider{
    position:absolute;
    top:0;
    left:0;
    z-index: 1000;
    width: 300px;
    transition: transform 0.3s ease;
}

.content-parent{
    position:relative;
}
.filter_button{
    position:absolute;
    top:20px;
    right:-70px;
    z-index: 1000;
}
.filter_button button{
    border-radius: 0 1.5rem 1.5rem 0;
    width:70px;
    padding-left: 30px !important;
    padding-right: 10px !important;
}
.sidebar_hidden{
    /* left: -330px; */
    transform: translateX(-330px);
}
.contento{
    margin-left: 300px; 
}
@media screen and (max-width: 992px) {
    .contento{
        margin-left: 0px;
    }
}






.tasks_remainder {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #db4434;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    animation: attentionAnimation 1s infinite alternate;
  }
  .tasks_remainder a {
      color: #fff !important;
  }

  @keyframes attentionAnimation {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(-10px);
    }
  }


.hidden_block{
    display: none !important;
}
.relink_btn i, .unlink_btn i, .angle_btn i {
    font-size:12px !important;
    color: #FFF !important;
    
}
.relink_btn_content, .unlink_btn_content, .angle_btn_content {
    position: absolute;
    right: 0px;
    top: 0px;
    background: #b5b5b5;
    width: 18px;
    height: 14px;
    text-align: right;
    border-radius: 0 0 0 50%;
    padding-right: 3px;
    padding-top: 0; 
    line-height: 10px !important;   
}




.member_item_block{
    display: flex;
    padding:5px;
    border:1px solid #ccc;
    border-radius: 2px;
    margin-bottom:5px;
}
.member_item_position_block{
    flex: auto;
}
.del_member_btn{
    flex: content;
    text-align: right;
    padding-right: 10px;
}


/* MY FACTORY */
.mf_item_group_block{
    color: #464855;
    border-radius: 3px;
    box-shadow: 0 2px 18px 1px rgba(49, 53, 72, 0.1);
    border-radius: .45rem;
    padding: 20px;
    margin: 10px 10px 40px 10px;
    background: #fff;
}
.mf_item{
    border: 1px solid #464855;
    color: #464855;
    border-radius: 3px;
    display: block;
    box-shadow: 0 2px 18px 1px rgba(49, 53, 72, 0.1);
    border-radius: .45rem;
}
.mf_item_checked{
    border: 3px solid #464855;
}

.text-bold{
    font-weight: bold;
}

.item_changed{
    font-weight: bold;
}

.marker_item{
    border: 1px solid #464855;
    color: #464855;
    border-radius: 3px;
    display: block;
    box-shadow: 0 2px 18px 1px rgba(49, 53, 72, 0.1);
    border-radius: .45rem;
    text-align:center;
    padding: 5px;
}
.marker_item i{
    font-size: 30px !important;
}
.marker_item .marker_name{
    font-size: 10px;
    display: block;
}
.marker_item_checked{
    border: 3px solid #464855;
}
.marker-col{
    display: flex;
    width: 20%;
    text-align: center;
    margin: auto;
    padding: 5px;
}
.marker_link{
    width:100%;
}

.order_list_marker_block{
    color: #464855;
    border-radius: 3px;
    display: block;
    box-shadow: 0 2px 18px 1px rgba(49, 53, 72, 0.1);
    border-radius: .45rem;
    text-align:center;
    padding: 5px;
    width: 40px;
    margin: 4px;
}
.order_list_marker_block i{
    font-size: 26px !important;
}

.more_padding .padded{
    padding-top: 40px;
    padding-bottom: 40px;
}

.only_human .card{
    background-color: #2196f3 !important;
}
.only_human h4, .only_human h6{
    color: #FFF !important;
}

.notify-info, .notify-factory, .notify-order, .notify-task{
    color: #FFF !important;
}
.notify-info{
    background-color: #1e9ff2 !important;    
}
.notify-factory{
    background-color: #02521a !important;    
}
.notify-order{
    background-color: #c94b03 !important;    
}
.notify-task{
    background-color: #360909 !important;    
}


.file_wiki_div{
    display: block;
    position: relative;
    width: 100%;
    margin:10px auto;
    border: none;
    box-shadow: 0 2px 18px 1px rgba(49, 53, 72, 0.1);
    border-radius: .45rem;
    padding:10px;
    text-align: center;
}
.file_name{    
    font-size: 14px;
}
.file_icon{
    position: relative;
}
.file_icon img{
    margin-bottom:5px;
}
.file_icon i{
    font-size: 150px !important;
    color: #6b6f82
}
.category_icon i{
    font-size: 70px !important;
    color: #6b6f82
}

.text-bold{
    font-weight: bold;
}
.file_format{
    display: block;
    position: absolute;
    bottom: 10px;
    left: 5px;
    background: #6b6f82;
    color: #fff;
    padding: 1px 5px;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 10px;
}
.nigillize_wiki_link{
    position: absolute;
    top: -10px;
    right: 0px;
}

.wikiboard{
    border: 1px solid #464855;
    color: #464855;
    border-radius: 3px;
    display: block;
    box-shadow: 0 2px 18px 1px rgba(49, 53, 72, 0.1);
    border-radius: .45rem;
    text-align:center;
    padding: 3px;
    width: 100%;
    margin-top: 10px;
}
.wikiboard_title{
    font-weight: bold;
    font-size: 12px;
}
.wikiboard_desc{
    font-size: 10px;
    line-height: 12px !important;
    display: block;
}

/* ====================== boards ==================== */

.month a{
    color: #FFF !important;
}

.busy-containter {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}
.busy-containter .month {
    position: relative;
    cursor: pointer;
    width: 16.6%;
    height:30px;
    line-height: 20px;
    box-sizing: border-box;
    border: 1px solid transparent;
    background: #e4e8f0;
    text-align: center;
    padding: 5px 0;
    color: #464855;
}
.month-free {
    background: #5cb85c !important;
    color: #212529 !important;
}
.month-free a {
    color: #212529 !important;
}
.month-half {
    background: #808080 !important;
    color: #fff !important;
}
.month-half a {
    color: #000 !important;
}
.month-full {
    background: #6b6f82 !important;
    color: #fff !important;
}
.month-reserv {
    background: #ff8300 !important;
    color: #fff !important;
}
.catalog_item_price_block{
    color: #FFF;
    
    border-radius: 2px;
}



.month-selected a{
    display: none;
}
.month-selected::before{
    content: "\f17c";
    font-family: LineAwesome;
    line-height:25px;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #414042;
}

/* =============== sidebar ================ */
.my_sidebar{
    width: 300px;
    margin-right: 20px;
}
.my_content{
    width: calc(100% - 320px);
}

@media screen and (max-width: 768px) {
    .my_sidebar{
        width: 100%;
        margin-right: 0px;
    }
    .my_content{
        width: 100%;
    }    
}

/* =============== end sidebar ================ */

.catalog_item_image{
    width:200px;
    height: auto;
    margin-right:10px;
    max-width: 100%;
}

.cart_item_image{
    width:150px;
    margin-right:10px;
}

.report_board_photo{
    width: 100%;
    max-width: 120px;
}

.report_img_block {
    width: 100%;
    height: 0;
    padding-bottom: 100%; 
    position: relative;
    overflow: hidden;
    background-color: #eee;
    border: 10px solid #eee;
    border-radius: .45rem;
}

.report_img_block img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain; 
}

.report_img_upload_link{
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    text-align: center;
}
.report_img_upload_link i{
    vertical-align: baseline;
    font-size: 120px !important;
    margin-top: calc(50% - 60px);
}








.myInfoWindow{
    width:100%;
    max-width:500px;
}
.myInfoWindowAddress{
    font-size: 12px;
    line-height: 16px;
    color: #666;
    margin-top: 10px;
}
.myInfoWindowPrice{
    font-size: 18px;
    line-height: 24px;
    color: #449d44;
    margin-top: 10px;
    font-weight: 700;
}
.infoWindowDirection{
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.infoWindowLight{
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.myInfoWindowFormat{
    font-size: 12px;
    line-height: 16px;
    color: #666;
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.infoWindowTitle{
    font-size: 18px;
    line-height: 24px;
    color: #333;
    margin-top: 10px;
    display: flex;
    align-items: center;
}


.month_borg_triangle{
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-top: 20px solid transparent;
    border-bottom: 20px solid red;
    border-right: 20px solid red;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(50%, 50%);
}

.month_borg_line{
    width: 100%;
    height: 2px;
    background: red;
    position: absolute;
    bottom: 0;
    right: 0;
}


.color_red{
    background: #b90a0a !important;
}
.color_blue{
    background: #097dc8  !important;
}

.bottom-border{
    border-bottom: 1px solid #eee !important;
}


@media screen and (max-width: 720px) {
    .btn-group{
        display: contents !important;
    }
    .btn-group button{
        border-radius: 0.5rem !important;
    }

    .modal-footer {
        display: contents;
    }

    .modal-footer button {
        margin: 0.25rem;
    }

    td{
        min-width: 150px !important;
    }
    .wallet_year_info {
        width: calc(50% - 10px) !important;
    }
    .wallet_total{
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .manager-stats-icon-subtitle{
        overflow: scroll !important;
    }
    .manager-filtered-items{
        width: 1000px !important;
    }

    .brand-text{
        display: none !important;
    }

}

.bordered_block{
    color: #464855;
    border-radius: 3px;
    box-shadow: 0 2px 18px 1px rgba(49, 53, 72, 0.1);
    border-radius: .45rem;
    padding: 5px;
    margin: 5px;
    background: #fff;
}

.bordered_block_2{
    color: #464855;
    border-radius: 3px;
    box-shadow: 0 2px 18px 1px rgba(49, 53, 72, 0.1);
    border-radius: .45rem;
    padding: 10px;
    margin: 5px;
    background: #fff;
}

.fixed_btn{
    position: fixed;
    bottom: 0px;
    right: 20px;
    z-index: 99999;
}

.image-container {
    text-align: center;
}

.image-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 60%;
    overflow: hidden;
}

.responsive-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.prolongations_block{
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 100%;
    max-width: 500px;
    color: #fff;    
    z-index: 9999;
}
.flying_block{
    animation: attentionAnimation 1s infinite alternate;
}
.prolongations_block_content{
    background-color: #ffffff;
    padding: 10px;
    border-radius: 5px;
}

.avatar_parent {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}
.avatar-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.catalog_img {
    height: 75px;
}
.category_icon {
    height: 75px;
    width: 100%;
    overflow: hidden;
}

.th-pb{
    padding-bottom: 38px !important;
}

.fire-icon{
    height: 1.6rem;
    vertical-align: bottom;
}





.borg_marker_col {
    text-align: center;
    padding: 3px;
}
.borg_marker_item{
    color: #464855;
    border-radius: 5px;
    display: block;
    text-align:center;
    padding: 5px;
}
.borg_marker_item i{
    font-size: 20px !important;
}
.borg_marker_item .marker_name{
    font-size: 10px;
    display: block;
}
.borg_marker_item_checked{
    background-color: #1c9066 !important;
    border-color: #1c9066 !important;
    color: #FFFFFF;
}

.onerem{
    font-size: 1rem !important;
    line-height: 1.1rem !important;
}


.project-item-img-content {
    width: 100%;
    height: 100%;
    margin: 10px;
    overflow: hidden;
}
.project-item-img-content img {
    width: 100%;
    height: auto;
    aspect-ratio: 8 / 5;
    object-fit: contain;
    transition: transform 0.3s ease-in-out;
}











.marker_item{
    border: 1px solid #464855;
    color: #464855;
    border-radius: 3px;
    display: block;
    box-shadow: 0 2px 18px 1px rgba(49, 53, 72, 0.1);
    border-radius: .45rem;
    text-align:center;
    padding: 5px;
}
.marker_item i{
    font-size: 30px !important;
}
.marker_item .marker_name{
    font-size: 10px;
    display: block;
}
.marker_item_checked{
    border: 3px solid #464855;
}
.marker-col{
    display: flex;
    width: 20%;
    text-align: center;
    margin: auto;
    padding: 5px;
}
.marker_link{
    width:100%;
}

.order_list_marker_block{
    color: #464855;
    border-radius: 3px;
    display: block;
    box-shadow: 0 2px 18px 1px rgba(49, 53, 72, 0.1);
    border-radius: .45rem;
    text-align:center;
    padding: 5px;
    width: 40px;
    margin: 4px;
}
.order_list_marker_block i{
    font-size: 26px !important;
}

.category_image{
    margin-bottom: 15px;
}

.micro_img{
    width: 20px;
}

.medium_font{
    font-size: 14px;
}

.header-navbar .navbar-header .navbar-brand .brand-logo {
  width: 40px;
}

/* =============== RESPONSIBLE ================ */
.wallet_year_info{
    width: calc(50% - 5px) !important;
}
.smaller_header, .smaller_header i{
    font-size: 30px !important;
}
.catalog_item_title{
    font-size: 1.12rem !important;
}
@media (max-width: 1200px) {
    .smaller_header, .smaller_header i{
        font-size: 28px !important;
    }
    
    .wallet_year_info .wallet_total{
        font-size: 16px !important;
    }
}

/* =============== END RESPONSIBLE ================ */

/* =============== filter range menu ================ */

.dropdown-filter {
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.filter-dropdown {
  display: none;
  position: absolute;
  top: 0;
  left: -50px;
  z-index: 1000;
  background: white;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
  min-width: 180px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.dropdown-filter:hover .filter-dropdown {
  display: block;
}

.filter-dropdown .btn {
  flex: 1 1 auto;      /* дозволяє кнопкам змінювати ширину */
  min-width: 45%;      /* щоб дві кнопки поміщались в ряд на малих екранах */
  margin: 2px;
  white-space: nowrap; /* щоб текст не переносився */
}


.detailed_payment_block{
    padding: 5px;
    border-bottom: 1px solid #ccc;
}



/* =============== responsive ================ */
@media screen and (max-width: 768px) {
    
      
    .summary_block{
        display: none !important;
    }
      
}

@media (min-width: 768px) and (max-width: 1200px) {
    .brand-logo{
        width:30px !important;
        margin-top: 12px;
    }  
}

@media (max-width: 1200px) {
    .catalog_item_image{
        width:120px;
    }
    .font-large-2{
        font-size:24px !important;
    }
    .my_sidebar{
        width: 100%;
        margin-right: 0px;
    }
    .my_content{
        width: 100%;
    }  
}

@media (max-width: 1200px) {
    .my_sidebar {
        display: none;
        position: absolute;
        background: #fff;
        z-index: 1000;
        top: 60px; /* підлаштувати під висоту вашого хедера */
        left: 0;
        width: 100%;
        padding: 15px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    }

    .my_sidebar.open {
        display: block;
    }
    .catalog_item_title{
        font-size: 0.9em !important;
    }
}