.states-button-container{position:fixed;right:52px;bottom:35px}.tve-right-side .states-button-container{right:auto;left:35px}.states-button-container button{box-sizing:content-box;color:white;border:0;background:#52c578;border-radius:100%;box-shadow:0 2px 12px rgba(0,0,0,0.25);padding:10px;height:20px;width:20px;font-size:20px;line-height:20px}.design-states{width:180px;padding:10px 15px;display:none;position:fixed;right:52px;bottom:35px;background:white;border-radius:3px;box-shadow:0 8px 12px rgba(0,0,0,0.25)}.tve-right-side .design-states{right:auto;left:35px}.design-states span.title{display:block;padding-top:8px}.design-states .state-close{position:absolute;top:13px;right:13px}.btn-icon{border:0;background:none;padding:0}ul.state-steps{list-style:none;padding-bottom:10px}ul.state-steps>li{text-transform:uppercase;display:block;color:#555555;background-color:#dadfdf;position:relative;padding:20px 0;margin:10px 0 0;font-size:14px;cursor:pointer;box-shadow:0 2px 3px rgba(0,0,0,0.25);border-radius:2px;text-align:center}ul.state-steps>li.state-active,ul.state-steps>li.state-active:hover{background-color:#3399cc}ul.state-steps>li.state-active .state-name,ul.state-steps>li.state-active:hover .state-name{color:#fff}ul.state-steps>li.state-active .state-clone:before,ul.state-steps>li.state-active:hover .state-clone:before{color:#fff}ul.state-steps>li.state-active .state-clone:hover,ul.state-steps>li.state-active:hover .state-clone:hover{border-color:#fff}ul.state-steps>li.tl-multistep-open .lightbox-step-add-menu{transition:all .2s ease;opacity:1;visibility:visible;bottom:70px}ul.state-steps>li.state-add{background:none;box-shadow:none;border:1px dashed #cccccc;cursor:pointer;color:#8d8d8d}ul.state-steps>li.state-add:hover{background:none;border:1px dashed #b3b2b2}ul.state-steps>li:hover{background-color:#ccd3d3}ul.state-steps>li:hover .state-delete,ul.state-steps>li:hover .state-edit,ul.state-steps>li:hover .state-clone{display:block}ul.state-steps .state-delete,ul.state-steps .state-edit,ul.state-steps .state-clone{font-size:14px;cursor:pointer;top:7px;height:17px;width:17px;position:absolute;padding:0;display:none;color:#606060}ul.state-steps .state-delete{right:7px;color:#f44551}ul.state-steps .state-clone{font-size:12px;left:7px}ul.state-steps .state-edit{font-size:12px;top:30px;left:7px}ul.state-steps .state-name{color:#666666}.tve-tab-content{max-height:300px;overflow:auto}
