#pricereviewCreate{
    
    input[type='text'], input[type='number'], select{
        margin: 1px;
    }
    textarea{
        resize: vertical;
    }
    select{
        -webkit-appearance: none; /* 針對 Chrome, Safari, Opera */
        -moz-appearance: none;    /* 針對 Firefox */
        appearance: none;         /* 標準語法 */
    }
    >.modal{
        padding: 20px;
        table,  th, td{
            border:1px #ccc solid;
        }
        table > thead tr th{
            color:#A52A2A;
        }
        table > tbody .selected{
            background-color: #E7FEFB;
        }
        table > tbody .selected td{
        }
    }
    .container{
        table, th, td{
            border:1px #ccc solid;
            padding: 9px;
            &.noborder, .noborder th, .noborder td{
                border:none;
            }
        }
        table{
            
            thead th{
                background-color: #6D9EEB;
            }
            tbody {
                td input{
                    font-size: 14px;
                }
                th{
                    background-color: #CCE4F8;
                    font-size: 14px;
                    padding: 15px 2px;
                    min-width: 100px;
                    text-align: center;
                }
            }
            input{
                font-size: 13px;
            }
        }
        .pricreviewmain{
            background-color: #F2F2F2;
            padding: 20px;
            border-radius: 6px ;
            margin:30px 0;
            button{
                color:#fff;
                width: 55px;
                height: 30px;
                padding: 0;
                margin-left: 6px;
                margin-bottom: 2px;
                font-size: 13px;
                &.addbtn{
                    background-color: #337AB7;
                    width: 30px;
                }
                &.deleteBtn{
                    background-color: #D9534F;
                    color:#fff;
                    font-size: 12px;
                    width: 30px;
                }
                &.selectElevator{
                    background-color: #D9534F;
                    color:#fff;
                }
            }
            
            >.divitem{
                border:1px #ccc solid;
                padding: 10px;
                border-radius: 4px ;
                .title{
                    display: flex;
                    align-items: center;
                    border-bottom: 1px #ccc solid;
                    padding: 10px 0;
                    margin-bottom: 10px;
                    h6{
                        font-weight: 600;
                    }
                    
                }
                table, th, td{
                    font-size: 14px;
                    background-color: transparent;
                    input, select{
                        font-size: 13px;
                        padding: 0 13px;
                    }
                    textarea{
                        font-size: 13px;
                    }
                    input[type=number]::-webkit-outer-spin-button,
                    input[type=number]::-webkit-inner-spin-button {
                    -webkit-appearance: none;
                    margin: 0;
                    }
                }
                table {
                    tr:hover .deleteBtn ,tr:hover .copyBtn{
                        opacity: 1;
                    }
                    .copyBtn{
                        height: 30px;
                    }
                    .saletd{
                        position: relative;
                        >.deleteBtn{
                            position: absolute;
                            top: 50%;
                            transform: translateY(-50%);
                            right:2px;
                            opacity: 0;
                            transition: .3s;
                        }
                        >.copyBtn{
                            position: absolute;
                            top: 50%;
                            transform: translateY(-50%);
                            right:38px;
                            opacity: 0;
                            transition: .3s;
                            width: 30px;
                            height: 30px;
                        }
                    }
                    textarea{
                        height: auto;
                        min-height: 50px;
                    }
                }
            }
            >.filediv{
                display: flex;
                flex-direction: column;
                margin-top: 20px;
                label{
                    display: flex;
                    align-items: center;
                    margin:10px 0;
                    p{
                        width:100px;
                        font-size: 15px;
                        font-weight: 600;
                    }
                    input[type="file"]{
                        width:400px
                    }
                    a, button{
                        width:100px;
                        height: 35px;
                        margin:0;
                        margin-right: 15px;
                        margin-top: 20px;
                    }
                }
            }
        }
    }
    .dark{
        background-color: rgba(225,225,225,1) !important;
        font-weight: 600;
    }
}

.container-fluid, .container{
    max-width:1400px !important;
    width: 100%;
    h4{
        font-weight: 600;
    }
    .btn-secondary{
        background-color: #6C757D;
    }
}
[x-cloak][data-type="window-modal"],
[x-cloak][data-type="errortext"]
{
    display: none !important;
}
.errortext{
    font-size:12px !important;
    color:red !important;
    font-weight:600 !important;
}
.window-modal{
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9;
    padding: 20px;
    // display: none;
    @keyframes fade-in {
        0%{
            transform: translate(-50%, -60%);
            opacity: 0;
        }
        100%{
            transform: translate(-50%, -55%);
            opacity: 1;
        }
    }
    table,  th, td{
        border:1px #ccc solid;
    }
    table > thead tr th{
        color:#A52A2A;
    }
    table > tbody .selected{
        background-color: #E7FEFB;
    }
    &#optionModal .window-modal-content{
        max-height: 80vh;
        .window-modal-body{
            height: 400px;
            overflow-y: scroll;
        }
    }
    &#toElevatorModal .window-modal-content{
        min-height: 270px;
        height: auto;
        .window-modal-body{
            height: auto;
        }
    }
    .window-modal-content{
        z-index: 9;
        background-color: #fff;
        border-radius: 10px;
        position: absolute;
        width:90%;
        padding: 30px;
        top: 50%;
        left:50%;
        transform: translate(-50%, -55%);
        box-shadow: 0 5px 5px #222;
        animation: fade-in .2s linear;
        &.modal-xl{
            max-width:1200px;
        }
        &.modal-lg{
            max-width:800px;
        }
        &.modal-m{
            max-width:450px;
        }
        .window-modal-header{
            display: flex;
            flex-direction: column;
            button.btn-close{
                position: absolute;
                top: 10px;
                right:10px;
                background-color: transparent;
                border:none;
                outline: none;
                border-radius: 50%;
            }
            >div > input{
                width: 250px;
            }
        }
        input[type=number]::-webkit-outer-spin-button,
        input[type=number]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
    }
    .window-back{
        position: absolute;
        top: 0;
        left:0;
        width: 100%;
        height: 100%;
        background-color: transparent;
    }
}

#pricereviewCheck{
    >.container{
        background-color: #F2F2F2;
        border-radius: 15px;
        padding: 20px;
        .historytable{
            max-height: 0;
            overflow: hidden;
        }
        textarea{
            resize: vertical;
        }
        table,  th, td{
            border:1px #ccc solid;
        }
        table.noborder{
            border:none !important;
            th ,td{
                border:none !important;
            }
        }
        .customerinfo-table{
            input{
                background-color: #EEE5E5;
            }
        }
        .mi-table{
            th{
                font-weight: 600;
            }
            input[type=text]{
                background-color: #EEEEEE;
                cursor: not-allowed;
                padding: 6px 12px;
                font-size: 14px;
            }
            .mi-info{
                font-size: 14px;
                span{
                    font-size: 15px;
                    font-weight: 600;
                }
                .line{
                    width: 100%;
                    height: .5px;
                    margin:30px 0;
                    background-color: #ccc;
                }
            }
        }
    }
    
}