@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap&subset=cyrillic');

body, html {
    padding: 0px;
    margin: 0px;
    height: 100%;
    width:100%;
    font-family: 'Roboto', sans-serif;
}

body {
    clip: auto;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #5F4940;
}

.round {
    background-color: #03A9F4;
    border-radius: 15px;
    padding: 4px 14px 4px 14px;
    font-family: 'Roboto', sans-serif;
    color: white;
    font-weight: 400;
    font-size: 18px;
}

    .round:active {
        color: white;
    }

a {
    color: #00A157;
}

    a:active {
        color: #00A157;
    }

.caption {
    font-weight: 500;
    margin: 10px 0 10px 0;
    display: inline-block;
    font-size: 12px;
}

.notify-badge {
    padding: 0 4px;
    line-height:16px;
    position: absolute;
    border-radius: 5px;
    background-color: #F91155;
    top: -2px;
    right: -2px;
    color: white;
    font-weight:500;
    font-size:12px;
}



.tbButton {
    /*    background-color: #00C76A;
    border-radius: 6px;*/
   
  
  
    cursor: pointer;
   
}

    .tbButton i {
        font-size:24px;
    }

    .tbButton:hover {
        /*  background-color: #00AF5D;*/
    }

.tbButton2 {
    background-color: #00a157;
    border-radius: 6px;
    color: white;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    padding: 0 10px 0 10px;
}

    .tbButton2:hover {
        background-color: #00AF5D;
    }

.table {
    border-collapse: collapse;
    border-style: hidden;
    padding: 0px;
    margin: 0px;
}

    .table > tbody > tr {
    }

        .table > tbody > tr > td {
            padding: 0px;
            margin: 0px;
            vertical-align: middle;
            border: 0;
        }

.my .dx-list-item-content {
    margin: 0px !important;
    padding: 0px !important;
}

.my > loadindicator {
    display: none !important;
}

/*.table tr:first-child th:first-child {
  border-top-left-radius: 6px;
}

.table tr:first-child th:last-child {
  border-top-right-radius: 6px;
}

.table tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}

.table tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}*/

.userRole {
    color: black;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}


.scrollbar {
    z-index:999 !important;
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-border: solid 3px transparent;
    scrollbar-color: #B5BFC6 transparent;
}

    .scrollbar::-webkit-scrollbar-track {
        box-shadow: transparent;
        border: solid 3px transparent;
    }

    .scrollbar::-webkit-scrollbar {
        height: 8px;
        width: 8px;
        background-color: transparent;
    }

    .scrollbar::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #B5BFC6;
    }

/*.colEditFirst {
    vertical-align: top;
    padding: 20px 20px 10px 20px;
}

.colEditLast {
    vertical-align: top;
    padding: 20px;
}

.colEdit {
    vertical-align: top;
    padding: 10px 20px 10px 20px;
}*/


/*.my .dx-list-item-content {
        margin: 0px !important;
        padding: 0px !important;
    }

    .my > loadindicator {
        display: none !important;
    }*/

.dx-tile {
    border: none;
    background-color: darkorange;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
}

.tb .dx-texteditor-input {
    color: #684848;
    font-weight: 400;
    border:none;
}

/*.ta .dx-texteditor-border:before {
    border: medium none;
}

.ta .dx-texteditor-border:after {
    border: medium none;
}*/

/*.ta .dx-textarea-input {
    border: 2px solid red;
}*/
/*.dx-textarea .dx-texteditor-input {
    resize: none;
    font-family: inherit;
    display: block;
    overflow: auto;
    white-space: pre-wrap;
    border: 2px solid red;
}*/

/*#cardComment textarea  {
    border: none !important;
}*/

.cardCaption {
    font-size: 16px;
    margin-bottom: 5px;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    font-weight: bold;
    color: #202020;
}

.boardSelected {
    border: dashed 2px #CA5100;
}


.color1 {
    color: #19A15F;
}

.color2 {
    color: #C400E7;
}

.color3 {
    color: black;
}

.color6 {
    color: #659AF4;
}

.color7 {
    color: #659AF4;
}

.color8 {
    color: #D73900;
}

.color9 {
    color: #009ADC;
}

.clip-circle {
    clip-path: circle(18px at center);
    width: 36px;
    height: 36px;
    border-radius:50%;   
}

.clip-circle-owner {
    clip-path: circle(16px at center);
    width: 36px;
    height: 36px;
    background-color: #34A25A;
    margin:2px;
}

.redDay {
    color: red;
}

.greenCell {
    background-color: #00A157;
}

.selItem {
    background-color: #00A157;
    color:white;
}

.unSelItem {
    background-color: #E1E1E1;
    color: black;
}

.greenCell2 {
    
    color: #00A157;
}

.redCell2 {
    
    color: #FE0331;
}

.cellBold {
    font-weight:bold;
}

.topZIndex {
    z-index:99999 !important;
}

.tbMobileButton {
    background-color: #00C76A;
    border-radius: 6px;
    width: 40px;
    height: 32px;
    text-align: center;
    padding: 4px 0 0 0;
    cursor: pointer;
}

    .tbMobileButton:hover {
        background-color: #00AF5D;
    }

.icon22 {
    pointer-events: all;  
    cursor: pointer;
}


.weekNumberStyle {
    float: left;
    margin-right: 20px;
    height: 32px;
    width: 32px;
    border-radius: 2px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #00A157;
    line-height: 32px;
}

    .weekNumberStyle:hover {
        background-color: #EBEBEB;
    }


.weekSelectDayStyle {
    float: left;
    margin-left: -8px;
    height: 32px;
    width: 32px;
    border-radius: 2px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    border: 1px solid #00A157;
    line-height: 32px;
}

    .weekSelectDayStyle:hover {
    
    }

.tableForm {
    border-collapse: collapse;
    border-style: hidden;
    padding: 0px;
    margin: 0px;
}

    .tableForm > tbody > tr {
    }

        .tableForm > tbody > tr > td {
            padding: 5px;
            margin: 0px;
            vertical-align: middle;
            border: 0;
            font-size: 12px;
            text-align:left;
        }

.clip-circle80 {
    clip-path: circle(40px at center);
    width: 80px;
    height: 80px;
    background-color: white;
}

.boldRow {
    font-weight:bold;
}





.flag_docs {
    vertical-align: middle;
    display: inline-block;
    -webkit-mask: url('/Icons/document.svg') no-repeat center;
    mask: url('/Icons/document.svg') no-repeat center;
    width: 18px;
    height: 18px;
}

.flag_proj {
    vertical-align: middle;
    display: inline-block;
    -webkit-mask: url('/Icons/house.svg') no-repeat center;
    mask: url('/Icons/house.svg') no-repeat center;
    width: 18px;
    height: 18px;
}

.flag_pay {
    vertical-align: middle;
    display: inline-block;
    -webkit-mask: url('/Icons/ruble.svg') no-repeat center;
    mask: url('/Icons/ruble.svg') no-repeat center;
    width: 18px;
    height: 18px;
}

.flag_c {
    vertical-align: middle;
    display: inline-block;
    -webkit-mask: url('/Icons/circled_c.svg') no-repeat center;
    mask: url('/Icons/circled_c.svg') no-repeat center;
    width: 18px;
    height: 18px;
}

.flag_docs2 {
    vertical-align: middle;
    display: inline-block;
    -webkit-mask: url('/Icons/document.svg') no-repeat center;
    mask: url('/Icons/document.svg') no-repeat center;
    width: 24px;
    height: 24px;
}

.flag_proj2 {
    vertical-align: middle;
    display: inline-block;
    -webkit-mask: url('/Icons/house.svg') no-repeat center;
    mask: url('/Icons/house.svg') no-repeat center;
    width: 24px;
    height: 24px;
}

.flag_pay2 {
    vertical-align: middle;
    display: inline-block;
    -webkit-mask: url('/Icons/ruble.svg') no-repeat center;
    mask: url('/Icons/ruble.svg') no-repeat center;
    width: 24px;
    height: 24px;
}

.flag_c2 {
    vertical-align: middle;
    display: inline-block;
    -webkit-mask: url('/Icons/circled_c.svg') no-repeat center;
    mask: url('/Icons/circled_c.svg') no-repeat center;
    width: 24px;
    height: 24px;
}





.dHeader {
    font-size: 12px;
    font-weight: bold;
    min-width: 150px;
    max-width: 300px;
    text-align: center;
    border: 1px solid #F0F0F0;
}

.qHeader {
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    width: 16.6%;
    border: 1px solid #F0F0F0;
}

.qHeaderMonth {
    padding:0px !important;
    border: 0 !important;

}

.dRow {
    font-size: 12px;
    font-weight: bold;
    min-width: 150px;
    max-width: 300px;
    padding: 0 0 0 10px;
    border: 1px solid #F0F0F0;
}

.qRow {
    font-size: 12px;
    width: 4.16%;
    border: 1px solid #F0F0F0;
}


.hatching-red {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 49.9%, red 49.9%, red 60%, rgba(0, 0, 0, 0) 60%) fixed, linear-gradient(45deg, red 10%, rgba(0, 0, 0, 0) 10%) fixed !important;
    background-size: 0.5em 0.5em
}

.hatching-green {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0) 49.9%, #34A25A 49.9%, #34A25A 60%, rgba(0, 0, 0, 0) 60%) fixed, linear-gradient(45deg, #34A25A 10%, rgba(0, 0, 0, 0) 10%) fixed;
    background-size: 0.5em 0.5em
}

.noWrapNotify {
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap; /* Chrome & Safari */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* CSS3 */
    word-wrap: normal;
    word-break: normal;
    white-space: normal;
}


.round-small {
    background-color: #DEDEDE;
    text-decoration:none;
    border-radius: 10px;
    padding: 2px 10px 2px 10px;
    font-family: 'Roboto', sans-serif;
    color: black;
    font-weight: 400;
    font-size: 12px;
}

.round-small-selected {
    background-color: #00A157;
    text-decoration: none;
    border-radius: 10px;
    padding: 2px 10px 2px 10px;
    font-family: 'Roboto', sans-serif;
    color: white;
    font-weight: 400;
    font-size: 12px;
}

.board-descr {
    overflow: hidden;
    white-space: normal;
    overflow-wrap: break-word ;
    text-wrap: normal;
    text-overflow:  clip;
    
    
}

.action-link {
    font-weight:bold;
}


.box {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(14,21,47,.1), 0 -2px 6px rgba(14,21,47,.02);
    display: block;
}

.box2 {
    box-shadow: 0 6px 18px rgba(14,21,47,.1), 0 -2px 6px rgba(14,21,47,.02);
    display: block;
}

.box3 {
    box-shadow: 0 2px 9px rgb(14 21 47 / 6%), 0 -2px 6px rgb(14 21 47 / 2%) ;
    display: block;
}


.chat-avatar {
    clip-path: circle(24px at center);
    width: 48px;
    height: 48px;
}
.chat-avatar-44 {
    clip-path: circle(22px at center);
    width: 44px;
    height: 44px;
}

.chat-selected:hover {
    background-color: #F6F6F6;
}

.chat-lastmessage {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.chat2-search:focus, textarea:focus {
    border: solid 2px #00A157;
}

.chat-search:focus {
    outline: none !important;
    border: 1px solid #00A157;
    box-shadow: 0 0 10px #00A157;
}

#mdiv {
    width: 40px;
    height: 30px;
    cursor:pointer;
    background-color: transparent;
}

    #mdiv:hover {
        width: 40px;
        height: 30px;
        background-color: #FF311E;
    }
        #mdiv:hover .mdiv, #mdiv:hover .md {
            background-color: white;
        }

.mdiv {
    height: 20px;
    width: 2px;
    margin-left: 20px;
    margin-top: 5px;
    background-color: black;
    transform: rotate(45deg);
    Z-index: 1;
}


.md {
    height: 20px;
    width: 2px;
    background-color: black;
    transform: rotate(90deg);
    Z-index: 2;
}

.chat2_message {
    border:none !important;
    border-radius:17px !important;
}

    .chat2_message textarea {
        font-size: 16px !important;
        overflow: hidden !important;
    }

.chat2_message:focus, textarea:focus {
    border: none !important;
}

.chat_message_left #chat_message_reply {
    visibility: hidden;
}

.chat_message_left:hover #chat_message_reply {
    visibility: visible;
    cursor:pointer;
}

.chat2_group_user_box:hover {
    background-color: #EBEBEB;
}

.button_24_remove:hover {
    content: url('/Icons/cancel_24px.png');
}

.button_default {
    background-color: #00A157;
    cursor: pointer;
    color: white;
    font-size: 16px;
    padding: 6px 16px;
    border-radius: 16px;
    display: inline-block;
}

    .button_default:hover {
        background-color: #00773F;
    }

.button_cancel {
    background-color: #EBEDED;
    cursor: pointer;
    color: black;
    font-size: 16px;
    padding: 6px 16px;
    border-radius: 16px;
    display: inline-block;
}

    .button_cancel:hover {
        background-color: #CBCDCD;
    }

.button-large-gray {
    display: inline-block;
    height: 32px;
    background-color: #F5F5F5;
    border-radius: 16px;
    color: black;
    padding: 0px 2px 0 12px;
    cursor: pointer;
}

.button-large-gray-selected {
    display: inline-block;
    height: 32px;
    background-color: #00A157;
    border-radius: 16px;
    color:white;
    padding: 0px 2px 0 12px;
    cursor: pointer;
}

    .button-large-gray:hover {
        background-color: #CBCDCD;
    }

.button-large-gray-badge {
    vertical-align: middle;
    padding: 0 8px;
    height: 24px;
    border-radius: 12px;
    line-height: 24px;
    font-size: 16px;
    background-color: #00A157;
    color: white;
    text-align: center;
}

.button-large-gray-red-badge {
    vertical-align: middle;
    padding: 0 8px;
    height: 24px;
    border-radius: 12px;
    line-height: 24px;
    font-size: 16px;
    background-color: #DD5145;
    color: white;
    text-align: center;
}

.button-large-gray-blue-badge {
    vertical-align: middle;
    padding: 0 8px;
    height: 24px;
    border-radius: 12px;
    line-height: 24px;
    font-size: 16px;
    background-color: #4A8AF4;
    color: white;
    text-align: center;
}

.dx-overlay-wrapper {
    z-index: 1700 !important;
}


.admin_user_user_row #admin_user_row_addnew {
    visibility: hidden;
  
}

.admin_user_user_row:hover #admin_user_row_addnew {
    visibility: visible;
    cursor: pointer;
}



.payHightLight {
    padding: 2px;
    border-radius: 2px;
    border: 2px solid #318CE7;
}
    .payNoHightLight {
        padding: 2px;
        border-radius: 2px;
        border: 2px solid transparent;
    }

.dx-dateviewroller-day {
    visibility: hidden;
}

.lk-smallbutton {
    background-color: #00A157;
    color:white;
    border-radius:6px;
    padding:0px 8px 2px 8px;
}

.comment-area {
    white-space:normal !important;
    background-color: #14B56A;
    max-width:100%;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: clip;
    border-radius: 10px;
    padding: 6px 10px;
    display: table;
    table-layout: fixed;
    color:white;
}

/*#editor-container {
    white-space: normal !important;
    overflow-wrap:  anywhere !important;
  
    word-wrap: anywhere !important;
    background-color: rebeccapurple !important;
}
*/
.comment-area2 {
    max-width: 100%;
    background-color: #F5F5F5;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
    text-overflow: clip;
    border-radius: 10px;
    padding: 6px 10px;
    display: table;
    table-layout: fixed;
    color: black;
}


[contenteditable] {
    -webkit-user-select: text;
    user-select: text;
}

.custom-button {
    border-radius: 4px;
    border: 1px solid #DDDDDD;
    height:36px;
    cursor:pointer;
    width:auto;
}

.custom-button span {

}

    .custom-button table tr tbody td i {
        font-size: 12px;
        line-height: 14px;
    }


.board-status {
    display: inline-block;
    color: white;
    border-radius: 10px;
    padding: 0px 6px;
    font-size: 12px;
}

.board-notify {
    display: inline-block;
    color: #F91155;
    font-size: 16px;
}

.board-card {
    cursor: pointer;
    width: 250px;
    border-radius: 10px;
    background-color: white;
    /* box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;*/
    transition: 0.3s;
    position: relative;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: normal;
    overflow-wrap: break-word;
    vertical-align: top;
    border: 0px solid #F5F5F5;
    font-size: 14px;
    margin: 6px;
    padding: 10px;
}

.board-card-mobile {
    cursor: pointer;
    width: calc(100% - 30px);
    border-radius: 10px;
    background-color: white;
 /*   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
    transition: 0.3s;
    position: relative;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: normal;
    overflow-wrap: break-word;
    vertical-align: top;
    font-size: 14px;
    margin: 6px;
    padding: 10px;
}


.board-card:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 1.95px 1.95px 2.6px;
}


.flex-row {
    display: flex;
    column-gap: 5px;
    align-items: center;
    justify-content: flex-start;
    vertical-align: middle;
}

.board-card-notify {
    color: #F91155;
    font-size:18px;
}

.board-card-star {
    color: #FFD43B;
    font-size:18px;
}

.bard-card-new {
    background-color: #449CD0;
    color: white;
    border-radius: 8px;
    padding: 2px 8px;
    font-size: 12px;
}

.bard-card-reserve {
    background-color: #6F50A6;
    color: white;
    border-radius: 8px;
    padding: 2px 8px;
    font-size: 12px;
}

.bard-card-agreed {
    background-color: #14B56A;
    color: white;
    border-radius: 8px;
    padding: 2px 8px;
    font-size: 12px;
}

.bard-card-сompleted {
    background-color: #1B9DE2;
    color: white;
    border-radius: 8px;
    padding: 2px 8px;
    font-size: 12px;
}

.top-icons {
    color: #030303;
    width: 36px;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    font-size: 20px;
}

.icon {
    width: 34px;
    border-radius: 50%;
    text-align: center;
    line-height: 34px;
    font-size: 20px;
}


    .top-icons:active {
        background-color: #E5E5E5;
    }

    .top-icons:hover {
        background-color: #E5E5E5;
    }


.board-left-panel-chevron {
    cursor: pointer;
    position: absolute;
    z-index: 99998;
    bottom: 20px;
    color: white;
    background-color: #00A157;
    padding: 10px 5px 5px 0px;
    border-radius: 0 50% 50% 0;
    /* box-shadow: 0 0px 9px rgba(14,21,47,.2), 0 -2px 6px rgba(14,21,47,.02);*/
    box-shadow: 0 6px 18px rgba(14,21,47,.1), 0 -2px 6px rgba(14,21,47,.02);
}

    .board-left-panel-chevron span {
        writing-mode: vertical-lr;
        transform: rotate(-180deg);
    }

.board-left-panel-collapsed {
    width: 0px;
    overflow: scroll;
}

.board-left-panel-chevron-expanded {
    left: 335px;
}

.board-left-panel-chevron-collapsed {
    left: 0px;
}

.form-label {
    color: #676767;
    font-size:13px;
    margin:0 0 0 6px;
}

.pay-table {
    width: 100%;
    border: 1px solid #14B56A;
    border-collapse:collapse;
}

.pay-table-header {
    background-color: #14B56A;
    color: white;
    font-size:16px;
    padding:5px;
    text-align:center;
    border: 1px solid #14B56A;
}

.pay-table-col {
    border: 1px solid #14B56A;
    font-weight:bold;
    text-align: center;
    padding: 5px;
}

.pay-table-row {
    border: 1px solid #14B56A;
    padding:2px 8px;
}

.pay-table-row-sum {
    border: 1px solid #14B56A;
    padding: 2px 8px;
    text-align:right;
    white-space:nowrap;
}

.pay-table-row-sum-total {
    border: 1px solid #14B56A;
    padding: 2px 8px;
    text-align: right;
    font-weight: bold;
    white-space: nowrap;
}

.cell-rounded {
    background-color: #F5F5F5;
    color:black;
    padding:2px 12px;
    border-radius:12px;
    font-weight:bold;
}

@media print {
    .noExport {
        display: none;
    }

 
}

.notify-td {
    position:relative;
}

.notify-list {
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
}

.addnew-icon {
    background-image: url('/Icons/order-newadd.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 34px !important;
    width: 160px !important;
}

.downloads-table {
    margin:40px 20px;
    
}

    .downloads-table > tbody > tr > td {
        text-align:center;
        width:20%;
    }

        .downloads-table > tbody > tr > td > a {
            max-width: 100% !important;
            width: 100% !important;
            display: block;
            margin: auto;
        }

            .downloads-table > tbody > tr > td > a > img {
                max-width: 100% !important;
                width: 100% !important;
            }

        .downloads-table > tbody > tr > td > span {
            font-weight:bold;
        }


.round-dx-button {
    border-radius:20px !important;
}

.dx-context-menu .dx-submenu {
    border-radius: 6px !important;
}

.col-flex {
    min-width:200px;
    display: flex;
    flex-flow: column;
    row-gap: 8px;
    background-color: white;
    border-radius: 12px;
    padding: 12px;
    min-width: calc(100% - 24px);
    max-width: calc(100% - 24px);
}

label {
    font-size:12px;
    margin-bottom:0px;
}

label:after {
    content:':';
}

.dx-state-disabled .dx-checkbox-text {
    opacity: 1 !important;
}

.dx-state-disabled .dx-widget {
    opacity: 1 !important;
}


.lk-price-form {
    width:100%;
    height:100%;
}

.lk-price-img {
    max-width: 100%;
    height: auto;
}


.price-table {
    border: 1px solid #2E2E2E;
    border-collapse: collapse;
}

    .price-table td {
        padding: 5px 10px;
        border: 1px solid #DDDDDD;
    }





.price-table-header td {
    background-color: #F0F0F0 !important;
    font-weight: bold !important;
    text-align: center !important;
}

/*.price2-table tr:not(.table-header) td:nth-last-child(1), td:nth-last-child(2) {
    white-space: nowrap !important;
    text-align: right;
}
*/

.price-table-disable-cell {
    background-color: #F0F0F0 !important;
}

.price-table-price {
    color: #00A157 !important;
    font-weight:500 !important;
}

.lk-hl {
    font-size: 10px !important;
    color: #B099A5 !important;
}


.notify-wrapper {
    overflow-x: hidden;
  
    max-height: 100%;
    height: 100%;
}

.new-year {
    position:absolute;
    width:26px;
    left:-4px;
    top:-4px;
    
}

.left-boards {
    overflow-x:hidden !important;
}

.col-card {
    overflow-x: hidden !important;
    width: 280px !important;
    background-color: #DFE3E6;
    border-radius: 5px;
}

.maxlenpacktext {

}


.float-right {
    float:right !important;
}

.maxlenpack {
    padding: 5px 15px;
    margin: auto !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: white !important;
    max-width: 200px !important;
    width: 200px !important;
    border-radius: 12px !important;
    background-color: #EB1D56 !important;
    text-align: center !important;
}

.maxlenpack2 {
    color: #EB1D56 !important;
    font-size: 12px;
    width: 50%;
    padding-left: 5px;
}

.productiv {
    font-size: 14px !important;
    
} 

.datereadydiv {
    display:flex !important;
    flex-direction:column !important;
    row-gap:5px !important;
}

.datereadyconfirm {
    width:100%;
    display: flex !important;
    flex-direction: row !important;
    column-gap: 5px !important;
}

.board-card-weekinfo {
    float:right !important;
}


.validateText {
    visibility:collapse;
    color:red !important;
    font-size:14px;
    font-weight:500 !important;
}

.dateReadyCardItemsHeader {
/*    text-align: center;*/
    font-size: 16px;
    font-weight: 500;
}

.date_ready_card_items_input > input {
    border: 1px #DDDDDD solid;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 14px;
   
    flex: 1;
}

.date_ready_card_items_input > button {
    border: 0px;
    border-radius: 4px;
    background-color: #14B56A;
    color: white;
    width:40px;    
    cursor:pointer;
}

    .date_ready_card_items_input > button:hover {
        background-color: #0F8850;
    }

.custom-button {
    background-color: #14B56A22;
    color: #14B56A;
    cursor: pointer;
    border-radius: 50%;
    border: none;
    width: 24px;
    height: 24px;
}

    .custom-button:hover {
        background-color: #14B56A44;
    }


.date_ready_card_items_input > input:focus {
    outline-color: #0F8850 !important;
    outline-width: 1px !important;
}


.date_ready_card_items_input {
    display: flex;
    flex-direction: row;
  
    column-gap: 5px;
    width: 100%;
/*    border: 1px solid red;*/
}

.date_ready_card_items_list {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 10px;
    align-items: flex-start;
    /*    background-color:chocolate;*/
}

.date_ready_card_items_list_tag {
    
    padding: 2px 4px 2px 12px ;
    border-radius: 16px;
    border: 1px solid #14B56A;
    color: black;
    font-size: 14px;
    display: flex;
    height: 32px;
    flex-direction: row;
    column-gap: 10px;
    align-items: center;
 
}

.item-deleted {
    text-decoration: line-through;
    padding: 2px 12px !important;
}

.styled-file-input::file-selector-button {
    padding: 10px 20px;
    background: #28a745;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    margin-right: 10px;
}

    .styled-file-input::file-selector-button:hover {
        background: #218838;
    }