.script_selected{background: var(--bg_orange); margin-top: 25px; padding-bottom: 35px;}
.script_selected .card_hzl_work .cnt_card > a{background: var(--bg_white);}

.script_lock{margin: 25px auto 25px auto; padding: 25px; background: var(--bg_yellowcalm);}
.script_lock > div{display: table; table-layout: fixed; width: 100%;}
.script_lock > div > div{display: table-cell; vertical-align: middle;}
.script_lock > div > div:first-child{width: 35px;}
.script_lock > div > div:first-child > div{height: 35px;}
.script_lock > div > div:nth-child(2){padding-left: 25px;}
.script_lock > div > div:nth-child(2) > div:first-child{margin-bottom: 10px;}

.script_tool_canavas{height: 55px;}
.script_tool{position: fixed; top: 0px; left: 0px; width: 100%; height: 55px; background: var(--bg_white); box-shadow: 0px 0px 5px #c1c1c1; z-index: 57;}
.script_tool > div{padding: 0px 15px; display: grid; grid-template-columns: 25px 1fr 30px 30px; grid-gap: 15px;}
.script_tool > div > div{width: 100%; cursor: pointer;}
.script_tool .st_icon > div{width: 20px; height: 20px; margin-top: 17px;}
.script_tool .st_info{text-align: center;}
.script_tool .st_info > div:first-child{font-size: 17px; font-family: 'bold'; margin-top: 7px;}
.script_tool .st_info > div:nth-child(2){font-size: 11px; margin-top: -3px;}

#script_part_layout{display: grid; grid-template-columns: 300px 1fr; grid-gap: 25px;}
#script_part_layout > div{width: 100%;}
.part_side{width: 300px; height: 100%; position: fixed; display: grid; grid-template-rows: 55px 50px 1fr; left: 0px; top: 0px; background: var(--bg_white);}
.part_side > div{width: 100%;}
.part_side > div:nth-child(2){background: var(--bg_silvercalm);}
.part_side > div:nth-child(2) > div{margin-top: 15px; text-align: center; font-family: 'bold';}
.part_side > div:nth-child(3){overflow: auto; scrollbar-width: thin;}
.part_side > div:nth-child(3):not(:hover){scrollbar-color: transparent transparent}
.part_side > div:nth-child(3)::-webkit-scrollbar-track{display: none;}
.part_side > div:nth-child(3)::-webkit-scrollbar-thumb{display: none;}
.part_side > div:nth-child(3):hover::-webkit-scrollbar-track{display: block;}
.part_side > div:nth-child(3):hover::-webkit-scrollbar-thumb{display: block;}

.script_list_part > a > div{padding: 10px 15px 12px 15px; color: var(--text_black); position: relative;}
.script_list_part > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.script_list_part > a > div:before{content: ''; position: absolute; right: 0px; top: 0px; height: 100%; width: 3px; transition:all 0.2s ease}
.script_list_part > a > div:hover:before{background: var(--bg_silver);}
.script_list_part > a > div.active:before{background: var(--bg_blue);}
.script_list_part > a > div > div:first-child{font-weight: bold;}
.script_list_part > a > div > div:nth-child(2){margin-top: 3px; color: var(--text_silver); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.script_part_head{padding: 15px 0px; border-bottom: 1px solid var(--bg_silver); font-family: 'bold';}
.script_content{margin-top: 25px; max-width: 800px; min-height: 55vh;}
.script_content > div{font-family: 'script'; font-size: 22px;}
.script_content .description{font-size: 20px;}
.script_content .description p{font-size: 20px;}
.script_content .part-dialog{width: 85%; max-width: 450px; margin-bottom: 10px; border-bottom: 2px dashed var(--bg_silver); padding-bottom: 3px;}
.script_content .content-align-center{text-align: center;}
.script_content .content-align-right{text-align: right;}
.script_content .content-indent-1{padding-left: 3em;}
.script_content .content-indent-2{padding-left: 6em;}
.script_content .content-indent-3{padding-left: 9em;}
.script_content .content-indent-4{padding-left: 12em;}
.script_content .content-indent-5{padding-left: 15em;}
.script_content .content-indent-6{padding-left: 18em;}
.script_content .content-indent-7{padding-left: 21em;}
.script_content .content-indent-8{padding-left: 24em;}
.script_content .ql-align-center{text-align: center;}
.script_content .ql-align-justify{text-align: justify;}
.script_content .ql-align-right{text-align: right;}

.script_content_alert{padding: 20px 25px 25px 25px; margin-top: 85px; margin-bottom: 100px; text-align: center; max-width: 350px; border-radius: 10px;}
.script_content_alert.locked{background: var(--bg_yellowcalm);}
.script_content_alert.unpayment{background: var(--bg_white); box-shadow: 0px 0px 0px 3px var(--bg_green);}
.script_content_alert > div:first-child{font-family: 'bold'; font-size: 17px;}
.script_content_alert > div:nth-child(2){margin-top: 10px;}
.script_content_alert > div:nth-child(3){margin-top: 15px;}

.script_part_nav{border: 1px solid var(--bg_silver); margin-top: 25px; border-left: 0px; border-right: 0px; display: grid; grid-template-columns: 1fr 20px 1fr; grid-gap: 25px;}
.script_part_nav > a{width: 100%;}
.script_part_nav > a.spnPst > div{text-align: center; font-family: 'bold'; font-size: 20px; margin-top: 20px; color: var(--text_black);}
.script_part_nav > a.spnBtn > div{display: table; table-layout: fixed; width: 100%;}
.script_part_nav > a.spnBtn > div > div{display: table-cell; vertical-align: middle; color: var(--text_silver); font-weight: bold; padding: 25px 25px;}
.script_part_nav > a.spnBtn:not(.spnBtnDis) > div:hover > div{background: var(--bg_silvercalm); color: var(--text_blue);}
.script_part_nav > a.spnBtn > div.spn_left > div:first-child{width: 25px; height: 25px;}
.script_part_nav > a.spnBtn > div.spn_left > div:first-child > div{height: 25px;}
.script_part_nav > a.spnBtn > div.spn_left > div:nth-child(2){padding-left: 15px;}
.script_part_nav > a.spnBtn > div.spn_right > div:first-child{text-align: right; padding-right: 15px;}
.script_part_nav > a.spnBtn > div.spn_right > div:nth-child(2){width: 25px; height: 25px;}
.script_part_nav > a.spnBtn > div.spn_right > div:nth-child(2) > div{height: 25px;}

.script_part_more{width: 500px; margin-top: 15px;}
.script_part_more .spmInfo{padding: 15px 0px;}
.script_part_more .spmInfo > div{white-space: nowrap;}
.script_part_more .spmInfo > div > div{display: inline-block;}
.script_part_more .spmInfo > div > div:not(:last-child){margin-right: 25px;}
.script_part_more .spmInfo > div > div > div{display: table; table-layout: fixed; cursor: pointer;}
.script_part_more .spmInfo > div > div > div > div{display: table-cell; vertical-align: middle;}
.script_part_more .spmInfo > div > div > div > div:first-child{width: 20px;}
.script_part_more .spmInfo > div > div > div > div:first-child > div{height: 20px;}
.script_part_more .spmInfo > div > div > div > div:nth-child(2){padding-left: 10px; font-weight: bold;}
.script_part_more .spmHeadBox{padding: 15px; background: var(--bg_silvercalm); border-radius: 10px;}
.script_part_more .spmComment > div{padding: 15px;}
.script_part_more .spmComment > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.script_part_more .spmComment > div.spmcSending{opacity: 0.5;}
.script_part_more .spmComment > div > div:first-child{font-family: 'bold';}
.script_part_more .spmComment > div > div:nth-child(2){margin-top: 3px; font-size: 17px;}
.script_part_more .spmComment > div > div:nth-child(3){margin-top: 3px; white-space: nowrap; color: var(--text_silver);}
.script_part_more .spmComment > div > div:nth-child(3) > div{display: inline-block; font-size: 11px;}
.script_part_more .spmComment > div > div:nth-child(3) > div:not(:last-child){margin-right: 15px;}
.script_part_more .spmComment > div.spmcSending .dlt{display: none;}