.status_box{display: grid; grid-template-columns: 1fr 75px; grid-gap: 15px; border-radius: 10px; border: 1px solid var(--bg_line);}
.status_box > div{width: 100%; position: relative;}
.status_box .sbContent{padding: 10px 0px 7px 15px;}
.status_box:not(.active) .sbContent textarea{height: 35px; max-height: 35px; min-height: 35px; overflow: hidden;}
.status_box .sbContent .scPlaceholder{position: absolute; top: 16px; left: 28px; width: 75%; color: var(--text_silver);}
.status_box .sb2{display: none; padding: 0px 15px; box-sizing: border-box;}
.status_box .sb2 .stsAttachShow{width: 100%; display: grid;}
.status_box .sb2 .stsAttachShow > div{height: 85px; white-space: nowrap; margin-bottom: 5px; width: 100%; overflow: auto;}
.status_box .sb2 .stsAttachShow > div > div{display: inline-block; border-radius: 5px;}
.status_box .sb2 .stsAttachShow > div > div:not(:last-child){margin-right: 10px;}
.status_box .sb2 .stsAttachShow .sasImage{width: 70px; height: 70px; background-color: var(--bg_silvercalm); position: relative; background-size: cover;}
.status_box .sb2 .stsAttachShow .sasImage:hover > div{opacity: 1;}
.status_box .sb2 .stsAttachShow .sasWork{padding: 5px 10px; border: 1px solid var(--bg_line); width: 200px;}
.status_box .sb2 .stsAttachShow .sasWork > div{display: grid; grid-template-columns: 40px 1fr; grid-gap: 10px;}
.status_box .sb2 .stsAttachShow .sasWork > div > div{width: 100%;}
.status_box .sb2 .stsAttachShow .sasWork > div > div:first-child > div{padding-bottom: 150%; border-radius: 3px; background-color: var(--bg_silvercalm);}
.status_box .sb2 .stsAttachShow .sasWork > div > div:nth-child(2) > div{display: grid;}
.status_box .sb2 .stsAttachShow .sasWork > div > div:nth-child(2) > div:first-child{font-weight: bold;}
.status_box .sb2 .stsAttachShow .sasWork > div > div:nth-child(2) > div:nth-child(2){color: var(--text_silver); font-size: 11px;}
.status_box .sb2 .stsAttachShow .sasWork > div > div:nth-child(2) > div > div{width: 100%;}
.status_box .sb2 .stsAttachShow .sasClose{width: 20px; height: 20px; cursor: pointer; transition: var(--transition); position: absolute; top: 5px; right: 5px; background: var(--bg_black); border-radius: 50%; box-shadow: 0px 0px 5px var(--shadow);}
.status_box .sb2 .stsAttachShow .sasClose > div{position: relative; margin-top: 5px; width: 10px; height: 10px;}
.status_box .sb2 .stsAttach{width: 100%; white-space: nowrap;}
.status_box .sb2 .stsAttach > span > div{display: inline-block; margin-bottom: 7px; cursor: pointer; padding: 5px 10px; color: var(--text_silver); border-radius: 3px; border: 1px solid var(--bg_line);}
.status_box .sb2 .stsAttach > span:not(:last-child) > div{margin-right: 10px;}
.status_box .sb2 .stsAttach > span > div.active{background: var(--bg_bluecalm);}
.status_box:not(.active) .sbAct{position: absolute; width: 60px; bottom: 20px; right: 15px;}
.status_box .sbAct .saOpt{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px;}
.status_box .sbAct .saOpt > div{width: 100%; cursor: pointer; display: grid; grid-template-columns: 20px; grid-gap: 10px; align-items: center;}
.status_box .sbAct .saOpt > div > div{width: 100%;}
.status_box .sbAct .saOpt > div > div:first-child > div{width: 20px; height: 20px;}
.status_box .sbAct .saOpt > div > div:nth-child(2){display: none;}
.status_box .sbKwik{display: none;}
.status_box.active{grid-template-columns: 1fr; grid-gap: 0px;}
.status_box.active .sb2{display: block;}
.status_box.active .sb3{white-space: nowrap; padding: 0px 15px 10px 15px; height: 46px; box-sizing: border-box;}
.status_box.active .sb3 > div{display: inline-block; vertical-align: middle;}
.status_box.active .sbContent{padding: 10px 15px 7px 15px;}
.status_box.active .sbContent textarea{min-height: 60px;}
.status_box.active .sbAct .saOpt > div{height: 36px; grid-template-columns: 20px 1fr;}
.status_box.active .sbAct .saOpt > div > div:nth-child(2){display: block;}
.status_box.active .sbKwik{float: right; display: inline-block;}

.status_search_work{min-height: 250px; padding: 15px;}

/*********************************STATUS CARD******************************/

.status_work{margin: 10px; padding: 10px; border: 1px solid var(--bg_line); border-radius: 5px; background: var(--bg_silvercalm);}
.status_work .swBody{display: grid; grid-template-columns: 45px 1fr; grid-gap: 15px;}
.status_work .swBody > div{width: 100%;}
.status_work .swBody > div:first-child > div{padding-bottom: 150%; border-radius: 5px; background-color: var(--bg_silver);}
.status_work .swBody > div:nth-child(2) > div:first-child > span{font-size: 9px; color: var(--text_white); padding: 2px 5px; border-radius: 3px;}
.status_work .swBody > div:nth-child(2) > div:nth-child(2){margin-top: 3px; font-size: 15px; font-weight: bold;}
.status_work .swBody > div:nth-child(2) > div:nth-child(3){font-size: 11px; color: var(--text_silver);}