/* Add This For CutMaster */
/* Add This For CutMaster */
/* Add This For CutMaster */


/* Add This For CutMaster */
/* Add This For CutMaster */
/* Add This For CutMaster */

#ExportPanels {
    width: 100%;
}

    #ExportPanels tr td {
        line-height: 30px;
        border: black 1px solid;
    }

    #ExportPanels tr th {
        line-height: 30px;
        background: var(--ColorLt);
        border: black 1px solid;
    }

.NotCount .Size, .NotCount .Optz, .NotCount .Opt {
    opacity: 0.4;
}

.FullCut {
    /* left: 0;
    top: 0;
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    height: 100%;
    text-align: center;*/
}

    .FullCut .ChatTitle {
        height: 70px;
    }

        .FullCut .ChatTitle .ShowData {
            line-height: 52px;
        }

    .FullCut .ChatBody {
        padding: 100px 2px 50px;
    }

/*#CutList {
    width: 100%;
    direction: rtl;
}*/

.Tables {
    width: 100%;
    position: relative;
    /*border: 2px solid;*/
    user-select: none;
    box-shadow: 0 0 0 2px;
    border-radius: 10px;
    overflow: hidden;
    direction: rtl;
    margin: 15px 0;
}

    .Tables#Cabins {
        /*pointer-events: none;*/
        /*opacity: 0.3;*/
        margin-top: 4px;
    }

    .Tables :last-child {
        border-bottom: none;
    }

    .Tables.CantEdit .ListAddRow, .Tables.CantEdit .RemoveRow {
        display: none;
    }

.Titles {
    font-size: 11px;
    margin: 15px 0 3px;
    user-select: none;
    line-height: 22px;
}

.CutRow {
    font-size: 12px;
    padding: 0;
    /*background: #fff;*/
    background: var(--WtColor);
    line-height: 40px;
    border-bottom: 2px solid var(--ColorAlt);
    overflow: hidden;
    position: relative;
}

    .CutRow .Opt .Models .Item {
        line-height: inherit;
        font-size: 9px;
        direction: rtl;
        display: inline-block;
        padding: 0 0 0 8px;
        vertical-align: top;
        line-height: 13px
    }

        .CutRow .Opt .Models .Item.Selected:before {
            padding: 0 0 0 8px;
            animation: Append 1s forwards 1;
            vertical-align: top;
        }

.Btn.Detail .Item {
    display: inline-block;
    width: 50%;
    line-height: inherit;
    vertical-align: top;
    flex-basis: 0;
    flex-grow: 1;
    opacity: 0.4;
    cursor: pointer;
    line-height: 24px;
}

    .Btn.Detail .Item.Selected {
        flex-grow: 1;
        opacity: 1;
    }

        .Btn.Detail .Item.Selected:before {
            content: "\f00c";
            font-family: "Font Awesome 6 Pro";
        }

        .Btn.Detail .Item.Selected:after {
            font-family: "IranSans";
            line-height: inherit;
            display: inline-block;
        }

        .Btn.Detail .Item.Selected:before {
            font-size: 14px;
            display: inline-block;
            line-height: inherit;
            padding: 0 0 0 8px;
            animation: Append 1s forwards 1;
            vertical-align: top;
        }


.Btn.Detail span {
    background: var(--ColorLt);
    font-size: 10px;
    vertical-align: top;
    color: var(--ColorAlt);
}

    .Btn.Detail span:not(:last-child) {
        border-left: 1px dashed var(--ColorAlt);
    }

.Btn.DoorTypes {
    display: inline-flex;
}

    .Btn.DoorTypes .Item {
        display: inline-block;
        width: 50%;
        line-height: inherit;
        vertical-align: top;
        flex-basis: 0;
        flex-grow: 1;
        opacity: 0.4;
        cursor: pointer;
        line-height: 24px;
    }

        .Btn.DoorTypes .Item.Selected {
            flex-grow: 1;
            opacity: 1;
        }

            .Btn.DoorTypes .Item.Selected:before {
                content: "\f00c";
                font-family: "Font Awesome 6 Pro";
            }

            .Btn.DoorTypes .Item.Selected:after {
                font-family: "IranSans";
                line-height: inherit;
                display: inline-block;
            }

            .Btn.DoorTypes .Item.Selected:before {
                font-size: 14px;
                display: inline-block;
                line-height: inherit;
                padding: 0 0 0 8px;
                animation: Append 1s forwards 1;
                vertical-align: top;
            }


    .Btn.DoorTypes span {
        background: var(--ColorLt);
        font-size: 10px;
        vertical-align: top;
        color: var(--ColorAlt);
    }

        .Btn.DoorTypes span:not(:last-child) {
            border-left: 1px dashed var(--ColorAlt);
        }

.CutRow .Opt .Models {
    vertical-align: top;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    height: 40px;
    line-height: 13px;
    font-size: 9px;
    padding: 0 7px;
}

.CutRow.Baner {
    background: var(--ColorLt);
    color: var(--ColorAlt);
    line-height: 44px;
}

    .CutRow.Baner span {
        border: none !important;
        width: 15%;
        display: inline-block;
        font-size: 10px;
    }

.CutRow .BoardName {
    border-radius: 0;
    display: inline-block;
    width: calc(55% - 74px);
    vertical-align: top;
    border: none;
    border-left: 2px solid var(--ColorAlt);
    line-height: inherit;
    height: 40px;
    font-family: unset;
    font-weight: unset;
    font-size: 11px;
    color: unset;
    background: none;
}

.CutRow .Optz {
    border-radius: 0;
    display: inline-block;
    width: calc(55% - 0px);
    padding-left: 110px;
    vertical-align: top;
    border: none;
    /* border-left: 2px solid var(--ColorAlt); */
    line-height: inherit;
    height: 40px;
    font-family: unset;
    font-weight: unset;
    font-size: 11px;
    color: unset;
    background: none;
    cursor: pointer;
    background: var(--ColorLt);
}

.CutRow .NameTitle {
    width: calc(55% - 0px) !important;
    vertical-align: top;
    padding-left: 30px;
    font-size: 13px !important;
}

.CutRow .Opt {
    /*width: 60px;*/
    display: inline-block;
    /* background: #d3f1ff; */
    /*background: var(--ColorLt);*/
    vertical-align: top;
    position: absolute;
    left: 6px;
    top: 0;
    direction: ltr;
    /* opacity: 0.1;*/
}

.CutRow .ListOrder {
    cursor: pointer;
    font-size: 16px;
    line-height: inherit;
    width: 30px;
    vertical-align: top;
    font-family: "Font Awesome 6 Pro";
    display: inline-block;
}

    .CutRow .ListOrder.RotateRow {
    }

        .CutRow .ListOrder.RotateRow:before {
            content: "\f0e2";
        }

    .CutRow .ListOrder.RemoveRow {
        color: #ff0000;
        cursor: no-drop;
    }

        .CutRow .ListOrder.RemoveRow:before {
            content: "\f00d";
        }

    .CutRow .ListOrder.OtherItem {
    }

        .CutRow .ListOrder.OtherItem:before {
            content: "\f013";
        }

    .CutRow .ListOrder.Slash {
        opacity: 0.3;
    }

        .CutRow .ListOrder.Slash:after {
            content: "\f715";
            position: absolute;
            margin-left: -18px;
            transform: scaleX(-1);
        }

.CutRow .Opt [Count] {
    line-height: inherit;
    display: inline-block;
    vertical-align: top;
    width: 22px;
    font-size: 11px;
}

    .CutRow .Opt [Count]:before {
        content: 'x'attr(Count);
    }

.CutRow .Opt [Count="1"] {
    opacity: 0.4;
    font-size: 9px;
    display: none;
}

.CutRow .Opt [Fixed] {
    line-height: inherit;
    display: inline-block;
    vertical-align: top;
    width: 25px;
    font-size: 11px;
}

    .CutRow .Opt [Fixed]:before {
        content: 's'attr(Fixed);
    }

.CutRow .Opt [Fixed="0"] {
    opacity: 0.4;
    font-size: 9px;
    display: none;
}

.CutRow .Opt [InsidesCount] {
    line-height: inherit;
    display: inline-block;
    vertical-align: top;
    width: 22px;
    font-size: 11px;
    /*    display: none;
*/
}

    .CutRow .Opt [InsidesCount]:before {
        content: 'i'attr(InsidesCount);
    }

.CutRow .Opt [InsidesCount="0"] {
    opacity: 0.4;
    font-size: 9px;
    display: none;
}

.CutRow .Opt [DoorTypesIndex] {
    line-height: inherit;
    display: inline-block;
    vertical-align: top;
    width: 22px;
    font-size: 11px;
}

    .CutRow .Opt [DoorTypesIndex]:before {
        content: 'd'attr(DoorTypesIndex);
    }

.CutRow .Opt [DoorTypesIndex="0"] {
    opacity: 0.4;
    font-size: 9px;
    display: none;
}

.CutRow input {
    border-radius: 0;
    border: none;
    text-align: center;
    font-weight: 900;
    color: unset;
    padding: 0;
    line-height: inherit;
    background: none;
    vertical-align: top;
    font-family: unset;
    direction: ltr;
    border-left: 1px dashed var(--ColorAlt);
    width: 15%;
    display: inline-block;
}

.CutRow.RmvConfirm {
    background: var(--OrangeLt);
    color: #f00;
}

    .CutRow.RmvConfirm input, .CutRow.RmvConfirm select, .CutRow.RmvConfirm span {
        /*filter: blur(2px);*/
        opacity: 0.4 !important;
    }

    .CutRow.RmvConfirm .Optz {
        /*background: #ff9a9a !important;*/
        background: unset;
    }

    .CutRow.RmvConfirm .RemoveRow {
        transform: scale(1.5);
        padding-left: 10px;
    }

    .CutRow.RmvConfirm .OtherItem {
        opacity: 0;
        pointer-events: none;
    }

    .CutRow.RmvConfirm .RotateRow {
        opacity: 0;
        color: unset;
        width: 0;
    }
/* Delete This After UI Done*/
#NamaLst .CutRow .Opt, #Boards .CutRow .Opt {
    width: 73px;
    /*background: var(--ColorLt);*/
    left: 0px;
}

#NamaLst .CutRow .BoardName, #Boards .CutRow .BoardName {
    border-left: 1px solid var(--ColorAlt);
    margin-left: 1px;
}

#NamaLst .CutRow .CutRow .ListOrder, #Boards .CutRow .CutRow .ListOrder {
}
/* Delete This After UI Done*/
#Boards .CutRow .Opt {
    width: 43px;
}

#Boards .CutRow .BoardName {
    width: calc(55% - 45px);
}

/*@media (min-width: 1920px) {
    .CutRow {
    }

        .CutRow input {
            width: 7.5%;
        }

        .CutRow .Optz {
            width: 37.5%;
            border-left: 1px dashed;
        }

        .CutRow .Opt {
            left: calc(40% + 6px);
        }

        .CutRow .Opt {
            width: 40%;
            display: inline-block;
            border-top: none !important;
            max-height: unset !important;
            border: none !important;
            opacity: 1 !important;
        }

        .CutRow .OtherItem {
            display: none;
        }
}*/

.SubCutBoards {
    box-shadow: 0 0 1px;
    direction: ltr;
    overflow: visible;
    position: relative;
    display: inline-block;
    width: 100%;
}

.CutBoards {
    /*box-shadow: 0 0 2px 1px;*/
    box-shadow: 0 0 0 1px, 0 0 3px 1px;
    margin: 5px auto;
    background: var(--WtColor);
    direction: ltr;
    background-image: linear-gradient(-45deg, transparent 45%, #cfd8e4 50%, transparent 55%);
    background-size: 7px 7px;
    overflow: visible;
    position: relative;
    /*color: #0f3358;*/
    display: inline-block;
    margin: 5px 5px;
    vertical-align: top;
}

    .CutBoards hr {
        border: 1px solid #ff0000;
        display: inline-block;
        width: 100%;
        margin: -0.5px 0;
        float: left;
    }

    .CutBoards:before {
        content: attr(PaName);
        position: absolute;
        right: 8px;
        bottom: 8px;
        font-size: 11px;
        line-height: 16px;
        opacity: 0.4;
        font-family: IranSans;
        direction: rtl;
    }

    .CutBoards[PanGrp="1"] {
        color: #006a92;
        background-color: var(--ColorVl);
    }

    .CutBoards[PanGrp="2"] {
        background-color: #fcffdf;
        color: #9a4e00;
    }

    .CutBoards[PanGrp="3"] {
        background-color: #ffdffd;
        color: #8a0081;
    }

    .CutBoards:hover {
        background-image: linear-gradient(-45deg, transparent 45%, #9aaabd 50%, transparent 55%);
        text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
        z-index: 1;
    }

        .CutBoards:hover:before {
            z-index: 1;
            opacity: 1;
        }

.CutPanels {
    box-shadow: inset 0 0 1px 0.4px;
    background: #fff;
    display: inline-block;
    position: relative;
    float: left;
    overflow: hidden;
    cursor: pointer;
    color: #4976a7;
}

    .CutPanels > .Size {
        font-size: 9px;
        line-height: 15px;
        position: absolute;
        width: 100%;
        left: 0;
        top: calc(50% - 6px);
        display: inline-block;
        text-align: center;
        white-space: pre;
    }

        .CutPanels > .Size > span {
            color: #f00;
            width: 8px;
            display: inline-block;
        }

        .CutPanels > .Size > h6 {
            display: inline-block;
            font-size: inherit;
            /* width: 34px; */
            position: relative;
        }

            .CutPanels > .Size > h6.Count {
                width: 20px;
            }

            .CutPanels > .Size > h6.Pvc1:after {
                content: '';
                position: absolute;
                left: 15%;
                bottom: 3px;
                width: 70%;
                border-bottom: 1px solid;
                opacity: 0.5;
                color: var(--ColorAlt);
            }

            .CutPanels > .Size > h6.Pvc2:after {
                content: '';
                position: absolute;
                left: 25%;
                bottom: 6px;
                width: 50%;
                height: 3px;
                border-bottom: 1px solid;
                border-top: 1px solid;
                opacity: 0.5;
            }

    .CutPanels.Red {
    }

        .CutPanels.Red:after {
            content: "\f0b2";
            font-family: "Font Awesome 6 Pro";
            font-weight: 900;
            position: absolute;
            right: 4px;
            bottom: 2px;
            font-size: 8.5px;
            opacity: 0.5;
            line-height: 10px;
        }

    .CutPanels.Green {
        background: #f2ffee;
        color: #015000;
    }

    .CutPanels.Blue {
        background: #dff5ff;
        color: #002f50;
        /*background-image: linear-gradient(45deg, transparent 45%, #afc1d8 50%, transparent 55%);*/
        /*background-size: 7px 7px;*/
    }

    .CutPanels.Roted:before {
        content: "\f0e2";
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        position: absolute;
        right: 4px;
        top: 3px;
        font-size: 6px;
        opacity: 0.5;
        line-height: 10px;
    }

    .CutPanels:hover {
        box-shadow: 0 0 20px, 0 0 0 1px;
        transform: scale(1.25);
        z-index: 10;
        overflow: visible;
    }

        .CutPanels:hover span {
            font-size: 11px;
            text-shadow: 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff;
        }

        .CutPanels:hover.Roted:before, .CutPanels:hover.Roted:after {
            opacity: 1;
        }

.ListAddRow {
    cursor: cell;
    text-shadow: 0 0 2px #000, 0 0 2px #000;
    position: absolute;
    font-size: 35px;
    left: 5px;
    top: -11px;
    padding: 6px;
    line-height: 30px;
    font-family: "Font Awesome 6 Pro";
}

/*.CutShowLst {
    text-align: left;
}*/

.CutShowLst.Row {
    display: inline-block;
    line-height: 30px;
    font-size: 13px;
    width: 33%;
    text-align: center;
    max-width: 150px;
}

    .CutShowLst.Row > span {
        color: #f00;
    }

    .CutShowLst.Row > h6 {
        display: inline-block;
        font-size: inherit;
        width: 34px;
        position: relative;
    }

        .CutShowLst.Row > h6.Count {
            width: 20px;
        }

        .CutShowLst.Row > h6.Pvc1:after {
            content: '';
            position: absolute;
            left: 25%;
            bottom: 7px;
            width: 50%;
            border-bottom: 1px solid;
            opacity: 0.5;
            color: var(--ColorAlt);
        }

        .CutShowLst.Row > h6.Pvc2:after {
            content: '';
            position: absolute;
            left: 25%;
            bottom: 6px;
            width: 50%;
            height: 3px;
            border-bottom: 1px solid;
            border-top: 1px solid;
            opacity: 0.5;
        }

        .CutShowLst.Row > h6.Shiar:before {
            content: 'ش';
            position: absolute;
            font-size: 6px;
            left: 1px;
            top: 1px;
            line-height: 8px;
            opacity: 0.6;
            color: var(--ColorAlt);
        }

.CutTypeSelect.Tabz {
    position: relative;
    width: calc(100% - 0px);
    margin: 6px 0px 6px;
    line-height: 40px;
    direction: rtl;
    display: flex;
    background: #fff;
    box-shadow: 0 0 0 2px;
    height: 40px;
    font-size: 10px;
    align-items: center;
    flex-direction: row;
    border-radius: 10px;
    overflow: hidden;
    background: var(--ColorLt);
}

    .CutTypeSelect.Tabz .Item.Selected {
        flex-grow: 1.7;
        opacity: 1;
        font-size: 12px;
        color: var(--ColorBs) !important;
    }

    .CutTypeSelect.Tabz .Item {
        position: relative;
        line-height: 34px;
        margin: 0;
        border-radius: 2px;
        cursor: pointer;
        white-space: pre;
        overflow: hidden;
        flex-basis: 0;
        flex-grow: 1;
        opacity: 0.4;
        transition: 0.5s;
        color: var(--ColorAlt);
    }

        .CutTypeSelect.Tabz .Item.Selected:before {
            content: "\f00c";
            font-family: "Font Awesome 6 Pro";
            font-weight: 900;
            font-size: 16px;
            left: 10px;
            display: inline-block;
            line-height: 24px;
            padding: 0 0 0 8px;
            vertical-align: middle;
            animation: Append 1s forwards 1;
        }

    .CutTypeSelect.Tabz:before {
        content: attr(Title);
        vertical-align: middle;
        height: 100%;
        min-width: 45%;
        text-align: center;
        position: relative;
        line-height: inherit;
        flex-basis: 0;
        flex-grow: 1;
        color: var(--ColorAlt);
        opacity: 0.5;
    }

    .CutTypeSelect.Tabz .Item:not(:last-child) {
        border-left: 1px dashed var(--ColorAlt);
        color: var(--ColorAlt);
    }

#LoadingBack {
    text-align: center;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    opacity: 0.7;
    background-color: #aaa;
    z-index: 999998;
    text-align: center;
}

.BackCutLoad {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000075;
    z-index: 1000;
    direction: rtl;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

    .BackCutLoad .CutLoadBox {
        position: absolute;
        width: 80%;
        text-align: center;
        box-shadow: 0 0 10px 2px #000;
        background: var(--TransPr);
        backdrop-filter: blur(4px);
        border-radius: 10px;
        padding: 10px;
        user-select: none;
        max-width: 300px;
        direction: rtl;
        bottom: 50px;
    }

        .BackCutLoad .CutLoadBox:before {
            direction: rtl;
            content: 'دَر حال کـــات کردن' '  (' attr(Don) '/' attr(All) ')';
            display: block;
            line-height: 35px;
            font-size: 13px;
            text-shadow: 0 0 10px #fff, 0 0 10px #fff;
        }

        /*.BackCutLoad .CutLoadBox .CutLoadText {
            display: block;
            line-height: 35px;
            font-size: 14px;
            text-shadow: 0 0 10px #fff, 0 0 10px #fff;
        }*/

        .BackCutLoad .CutLoadBox .Progress {
            display: block;
            line-height: 35px;
            font-size: 14px;
            text-shadow: 0 0 10px #fff, 0 0 10px #fff;
        }

        .BackCutLoad .CutLoadBox .CutLoadCancel {
            text-shadow: 0 0 10px #fff,0 0 10px #fff;
            color: #c10000;
            display: block;
            font-size: 10px;
            line-height: 30px;
        }

    .BackCutLoad .CutLoadIcon {
        position: absolute;
        margin: 17px;
        border: 10px solid #ffffff00;
        border-radius: 50%;
        border-top: 10px solid;
        border-bottom: 10px solid;
        width: 66px;
        height: 66px;
        animation: D360 1.2s linear reverse infinite;
        bottom: 160px;
        box-shadow: 0 0 20px 5px var(--WtColor), inset 0 0 10px 5px var(--WtColor);
    }

.FooterOpt {
    display: flex;
    margin: 20px 25px 0;
}

    .FooterOpt .Itemz {
        flex-basis: 0;
        flex-grow: 1;
        font-size: 9px;
        opacity: 0.6;
        line-height: 20px;
        cursor: pointer;
    }

        .FooterOpt .Itemz:hover {
            flex-grow: 1.3;
            opacity: 1;
        }

.ChatBody.ForJPG {
    height: unset;
}

    .ChatBody.ForJPG .Tables {
        box-shadow: none;
        border: 2px solid;
    }

    .ChatBody.ForJPG .CutTypeSelect {
        box-shadow: none;
        border: 2px solid;
    }

    .ChatBody.ForJPG .BonusRow :first-child {
        float: unset;
        position: absolute;
        right: 35px;
        top: 0;
    }

    .ChatBody.ForJPG .CutBoards {
        box-shadow: unset;
        outline: 2px solid;
    }

    .ChatBody.ForJPG .CutPanels {
        box-shadow: unset;
        outline: 2px solid black;
    }
/* Bring from site.css */
.ForJPG.SlowAnim > :nth-child(n+1) {
    animation: none;
    transform: unset !important;
}

@media (max-width: 500px) {
    .ChatBody .FooterOpt .PageShot,
    .ChatBody .FooterOpt .ExportToCsv {
        display: none;
    }
}

.CutPanels.WidthShiar:after {
    content: '';
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: calc(100% - 10px);
    border-bottom: 1.5px dashed;
    opacity: 0.5;
    color: var(--ColorAlt);
}

.CutPanels.HeightShiar:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    height: calc(100% - 10px);
    border-left: 1.5px dashed;
    opacity: 0.5;
    color: var(--ColorAlt);
}

.SelectOptzModal {
    /*width: 80%;*/
    display: inline-block;
    overflow: auto;
    max-height: 100%;
}

.SelectOptz {
    left: 0;
    top: 0;
    z-index: 2000;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    direction: rtl;
    background: var(--TransPr);
    padding: 12px 6px;
    text-align: center;
    border-radius: 10px;
    animation: Append 0.4s forwards 1;
    max-width: 300px;
    font-size: 11px;
    box-shadow: 0 0 10px 5px #000;
    margin: auto;
    backdrop-filter: blur(6px);
}

    .SelectOptz .Btn {
        width: 100%;
        background: var(--WtColor);
        line-height: 40px;
        border-radius: 5px;
        margin: 2px 0;
        box-shadow: 0 0 0 1px;
        cursor: pointer;
        display: inline-block;
        position: relative;
        overflow: hidden;
        border: none;
        text-align: center;
        user-select: none;
        height: 40px;
    }

        .SelectOptz .Btn.SelectOpt {
            padding-right: 50px;
        }

            .SelectOptz .Btn.SelectOpt:hover {
                padding-right: 75px;
            }

        .SelectOptz .Btn .SetThis {
            position: absolute;
            line-height: inherit;
            vertical-align: top;
            width: 60px;
            right: 0;
            top: 0;
            font-size: 12px;
            background: var(--ColorAlt);
            color: var(--ColorBs);
            box-shadow: 0 0 8px 3px var(--ColorBs),0 0 0 1px var(--ColorBs);
        }

            .SelectOptz .Btn .SetThis:before {
                font-family: "Font Awesome 6 Pro";
                content: "\f00c";
                opacity: 0.7;
                display: inline-block;
            }

        .SelectOptz .Btn.Number .SetThis:before {
            content: none;
        }

        .SelectOptz .Btn.Number input {
            width: 100%;
            float: left;
            line-height: inherit;
            margin: 0;
            border: none;
            padding: 0;
            padding-right: 60px;
            text-align: center;
            background: unset;
        }

        .SelectOptz .Btn .SetThis:hover:before {
            transform: scale(1.4) !important;
            opacity: 1;
        }

        .SelectOptz .Btn.Number .SetThis {
            font-size: 10px;
        }

        .SelectOptz .Btn.SelectOpt.Selected {
            background: var(--ColorLt);
        }

            .SelectOptz .Btn.SelectOpt.Selected .SetThis:before {
                transform: scale(1.6) !important;
                opacity: 1;
                color: var(--ColorBs);
            }

        .SelectOptz .Btn.DoneSelect {
            background: var(--ColorAlt);
            font-size: 13px;
        }

            .SelectOptz .Btn.DoneSelect:hover {
                font-size: 15px;
            }

        .SelectOptz .Btn .Default {
            position: absolute;
            line-height: inherit;
            vertical-align: top;
            width: 40px;
            left: 0;
            top: 0;
            font-size: 20px;
            opacity: 0.5;
            cursor: cell;
        }

            .SelectOptz .Btn .Default:hover {
                opacity: 1;
            }

            .SelectOptz .Btn .Default:before {
                font-family: "Font Awesome 6 Pro";
            }

    .SelectOptz .Title {
        border-bottom: 2px solid;
        width: 85%;
        margin: 0 0 2px;
        line-height: 22px;
    }

    .SelectOptz .Btn.Detail {
        content: none;
        background: var(--ColorLt);
        padding: 8px 0;
        display: inline-flex;
    }

        .SelectOptz .Btn.Detail .SetThis:before {
            content: none;
        }

        .SelectOptz .Btn.Detail:empty {
            display: none !important;
        }

    .SelectOptz .Btn.DoorTypes {
        content: none;
        background: var(--ColorLt);
        padding: 8px 0;
        display: inline-flex;
    }

        .SelectOptz .Btn.DoorTypes .SetThis:before {
            content: none;
        }

        .SelectOptz .Btn.DoorTypes:empty {
            display: none !important;
        }

.CutRow.NewEdit {
    box-shadow: inset 0 0 20px -5px;
}

    .CutRow.NewEdit .Optz {
        box-shadow: inset 0 0 20px -5px;
    }

.LimitMessage {
    font-size: 14px;
    line-height: 42px;
    background: var(--ColorLt);
}


/*.SelectProjects {
    left: 0;
    top: 0;
    z-index: 2000;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 12px 6px;
    text-align: center;
    border-radius: 10px;
    animation: Append 0.4s forwards 1;
    direction: rtl;
    font-size: 11px;
}*/

.ChatBody .Btn.SelectProject {
    width: calc(100% - 4px);
    line-height: 48px;
    border-radius: var(--CrsBorder);
    margin: 2px;
    box-shadow: var(--CrsBoxShadow);
    cursor: pointer;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: none;
    user-select: none;
    height: 48px;
    background: var(--ColorVl);
    padding: 0 50px 0 60px;
    text-align: right;
    direction: rtl;
    font-size: 11px;
}

    .ChatBody .Btn.SelectProject:hover {
        background: var(--ColorLt);
    }

        .ChatBody .Btn.SelectProject:hover .CutTitle {
            padding-right: 15px;
        }

    .ChatBody .Btn.SelectProject.Selected {
        background: var(--ColorLt);
        box-shadow: 0 0 0 1px, inset 0 0 25px -17px;
        padding: 0 70px 0 60px;
    }

    .ChatBody .Btn.SelectProject.DoneF {
        opacity: 1;
    }

    .ChatBody .Btn.SelectProject.Selected .CutIcon {
        font-size: 50px;
        text-shadow: 0 0 3px var(--ColorBs),0 0 8px var(--ColorBs);
        top: -8px;
        right: 12px;
        opacity: 0.8;
    }

    .ChatBody .Btn.SelectProject .CutIcon {
        position: absolute;
        line-height: 48px;
        vertical-align: top;
        width: 48px;
        font-size: 48px;
        transform: rotate( 160deg );
        color: var(--ColorVl);
        text-shadow: 0 0 4px var(--ColorBs);
        top: -11px;
        right: 5px;
        opacity: 0.30;
        pointer-events: none;
    }

    .ChatBody .Btn.SelectProject.DoneF .CutIcon {
        opacity: 0.70;
        text-shadow: 0 0 6px var(--ColorBs);
    }

    .ChatBody .Btn.SelectProject .RightPanel {
        position: absolute;
        right: 50px;
        padding: 0px 5px 0px 0;
        direction: rtl;
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        align-content: space-between;
        align-items: center;
        vertical-align: middle;
    }

        .ChatBody .Btn.SelectProject .RightPanel .Custm {
            display: inline-block;
            position: relative;
            width: 36px;
            border-radius: 100%;
            border: 2px solid #ffffff;
            height: 36px;
            margin: 0 4px;
            box-shadow: 0 0 4px, inset 0 0 7px;
        }

        .ChatBody .Btn.SelectProject .RightPanel .CutTitle {
            display: inline;
            position: relative;
            line-height: 48px;
            bottom: 0;
            margin: 0 7px 0 0;
            vertical-align: top;
        }

    .ChatBody .Btn.SelectProject .LeftPanel {
        position: absolute;
        left: 0;
        padding: 6px 0 6px 5px;
        direction: ltr;
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        align-content: space-between;
        align-items: center;
        vertical-align: middle;
    }

        .ChatBody .Btn.SelectProject .LeftPanel .DateTime {
            display: inline;
            position: relative;
            font-size: 8px;
            opacity: 0.5;
            line-height: 12px;
            bottom: 0;
            padding: 22px 0 0 7px;
            direction: rtl;
        }

        .ChatBody .Btn.SelectProject .LeftPanel .Price {
            display: inline-block;
            position: relative;
            width: 36px;
            border-radius: 18px;
            border: 2px solid #ffffff;
            border: 2px solid var(--WtColor);
            font-size: 12px;
            line-height: 32px;
            margin: 0 4px;
            box-shadow: 0 0 2px, inset 0 0 7px -3px;
            font-family: BComic;
            text-align: center;
            vertical-align: top;
            direction: rtl;
            height: 36px;
        }

        .ChatBody .Btn.SelectProject .LeftPanel .FreeGift {
            width: 75px;
            direction: ltr;
            background: var(--GreenVl);
            font-family: "Font Awesome 6 Pro";
            font-weight: 900;
            display: inline-block;
            height: 36px;
            border-radius: 20px;
            border: 2px solid var(--WtColor);
            font-size: 16px;
            line-height: 32px;
            margin: 0 2px;
            box-shadow: 0 0 4px, inset 0 0 7px;
            color: unset;
            position: relative;
            vertical-align: middle;
            text-align: center;
        }

            .ChatBody .Btn.SelectProject .LeftPanel .FreeGift:before {
                content: "\f06b";
            }

            .ChatBody .Btn.SelectProject .LeftPanel .FreeGift:after {
                content: "Gift";
                font-family: 'BComic';
                padding-left: 7px;
                font-size: 13px;
                vertical-align: top;
                line-height: 32px;
                font-weight: 900;
            }

        .ChatBody .Btn.SelectProject .LeftPanel .Mojri {
            display: inline-block;
            position: relative;
            width: 36px;
            border-radius: 100%;
            border: 2px solid #ffffff;
            height: 36px;
            margin: 0 4px;
            box-shadow: 0 0 4px, inset 0 0 7px;
        }

        .ChatBody .Btn.SelectProject .LeftPanel .CantEdit {
            display: inline-block;
            width: 24px;
            font-size: 14px;
            line-height: 36px;
            font-family: BComic;
            text-align: center;
        }

            .ChatBody .Btn.SelectProject .LeftPanel .CantEdit:before {
                font-family: "Font Awesome 6 Pro";
            }

        .ChatBody .Btn.SelectProject .LeftPanel .CanDelete {
            display: inline-block;
            width: 24px;
            font-size: 14px;
            line-height: 36px;
            font-family: BComic;
            text-align: center;
        }

            .ChatBody .Btn.SelectProject .LeftPanel .CanDelete:before {
                font-family: "Font Awesome 6 Pro";
            }

        .ChatBody .Btn.SelectProject .LeftPanel .Price.UnPay {
            box-shadow: 0 0 4px, inset 0 0 7px;
            color: #f00;
            width: 80px;
        }

            .ChatBody .Btn.SelectProject .LeftPanel .Price.UnPay:before {
                content: "پـَرداخت";
                font-family: 'IranSans';
                font-size: 9.5px;
                padding-left: 5px;
                display: inline-block;
                line-height: 32px;
                vertical-align: top;
            }

    .ChatBody .Btn.SelectProject.DeletedCut {
        transform: scaleY(0.5);
        pointer-events: none;
        opacity: 0.7;
        zoom: 0.5;
        /* background: #ffe5e2; */
        /* color: #ff7d7d;*/
    }

        .ChatBody .Btn.SelectProject.DeletedCut .DeletedCut {
            display: none;
        }

        .ChatBody .Btn.SelectProject.DeletedCut .DateTime {
            font-size: 14px;
        }

.ChatBody .TopCutTitle {
    border-bottom: 2px solid;
    width: 85%;
    margin: 0 0 12px;
    line-height: 22px;
    display: inline-block;
}

.UnPay {
}

    .UnPay.ChatTitle:before {
    }

    .UnPay .Prize {
        filter: blur(2.5px);
    }

    .UnPay .BuyThisYaragh {
        filter: blur(2.5px) !important;
        pointer-events: none;
    }

    .UnPay .Count {
        filter: blur(2.5px);
    }

    .UnPay [pangrp="0"][paname="سفید صابونی 1"] .Size,
    .UnPay [pangrp="1"][paname="ورق رنگی 1"] .Size {
        filter: blur(2.5px);
    }

    .UnPay [pangrp="0"]:not([paname="سفید صابونی 1"]) .CutPanels,
    .UnPay [pangrp="1"]:not([paname="ورق رنگی 1"]) .CutPanels {
        filter: blur(7px);
        pointer-events: none;
    }

    .UnPay #MyCanvas {
        filter: blur(3px);
    }

.DeleteCutBoard {
    position: absolute;
    width: 34px;
    line-height: 30px !important;
    top: calc(50% - 15px);
    left: calc(50% - 17px);
    background: #f00;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    border: 2px solid #fff;
    box-shadow: 0 0 5px #f00;
    cursor: no-drop;
}

    .DeleteCutBoard:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: "\f2ed";
        text-shadow: none;
    }

    .DeleteCutBoard:hover {
        box-shadow: 0 0 10px 5px #f00;
        transform: scale(1.2);
    }

.AddCutBoard {
    max-width: 600px;
    background: var(--GreenVl);
    color: var(--ColorBs);
    margin: 15px 2px;
}

.DisableOpt {
    pointer-events: none;
    filter: grayscale(1) opacity(0.5);
}

.BuyThisYaragh {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 25px;
    width: 50%;
    line-height: 28px;
    min-height: 36px;
    height: 30px;
    padding: 0;
    font-size: 11px;
    box-shadow: 0 0 3px;
}



/*.PayinCutProj {
    cursor: pointer;
    box-shadow: 0 0 8px 1px;
    border-radius: 8px;
    overflow: hidden;
    height: 44px;
    line-height: 44px;
    width: 90%;
    display: inline-block;
    background-color: var(--WtColor);
    font-size: 12px;
    direction: rtl;
    margin: 10px 0 0;
}

    .PayinCutProj span {
        border-radius: 10px;
        box-shadow: inset 0 0 10px 4px var(--ColorAlt);
        margin: 5px 8px;
        line-height: 34px;
        display: inline-block;
        padding: 0 20px;
        float: left;
    }*/

.SelectOptz .MyCanvas {
    width: 100%;
    background: var(--WtColor);
    border-radius: 5px;
    margin: 2px 0;
    box-shadow: 0 0 5px, 0 0 15px -2px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border: none;
    text-align: center;
    user-select: none;
    line-height: 0.4;
}

.UnitInfo {
    background: #fff;
    position: absolute;
    overflow-y: auto;
    box-shadow: 0 0 10px -2px;
    border-radius: 10px;
    padding: 10px 5px;
    background: var(--TransPr);
    backdrop-filter: blur(10px);
    background: var(--WtColor);
    animation: Append 0.6s ease forwards 1;
}

    .UnitInfo .Unit {
    }

    .UnitInfo .Door {
        color: var(--GreenBs);
    }

    .UnitInfo .Fibr {
        color: var(--OrangeBs);
    }

    .UnitInfo .Pvc {
        color: var(--RedBs);
    }

    .UnitInfo .CutShowLst.Row {
        font-size: 11px;
        width: 100%;
        line-height: 22px;
    }