%PDF- %PDF-
Direktori : /home/bitrix/www/bitrix/components/bitrix/bizproc.automation/templates/.default/ |
Current File : /home/bitrix/www/bitrix/components/bitrix/bizproc.automation/templates/.default/style.css |
.automation-base { display: block; overflow: hidden; position: relative; width: calc(100vw - 360px); min-width: 770px; -webkit-transition: .1s; -moz-transition: .1s; transition: .1s; /* Temporary fix popup submenues bug */ margin-bottom: 250px; } .automation-base:before { content: ''; display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; } .automation-base-blocked:before { display: block; } .automation-base-blocked * { pointer-events: none; } .menu-collapsed-mode .automation-base { width: calc(100vw - 160px); min-width: 960px; } .automation-base-node { display: block; width: 100%; overflow: hidden; overflow-x: auto; position: relative; } .automation-base-scroll { display: block; overflow: hidden; } .bizproc-automation-status { clear: both; display: block; width: 100%; margin: -25px 0 15px 0; } .bizproc-automation-status:first-child { margin: 0 0 15px 0; } .bizproc-automation-status-list { display: -webkit-box; display: -ms-flexbox; display: flex; list-style-type: none; padding: 0; max-width: 100%; position: relative; } .bizproc-automation-status-list-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 190px; max-width: 400px; position: relative; padding: 0 0 23px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bizproc-automation-status:last-child .bizproc-automation-status-list-item { border: none; } .bizproc-automation-status-list-item:before { content: ''; position: absolute; left: 0; top: 4px; bottom: 27px; width: 1px; border-left: 1px dashed #ebeced; z-index: 9; } .bizproc-automation-status-list-item:after { content: ''; position: absolute; left: 0; top: 4px; bottom: 27px; width: 1px; border-left: 1px solid #f7f7f8; } .bizproc-automation-status-title { display: block; height: 32px; position: relative; overflow: hidden; padding: 0 17px; margin: 0 4px 0 0; font-family: 'OpenSans-Semibold'; line-height: 32px; font-size: 13px; color: #404956; white-space: nowrap; z-index: 99; -ms-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -wenkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .bizproc-automation-status-bg { position: absolute; z-index: 9; height: 32px; top: 0; right: 4px; left: 0; -wenkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .bizproc-automation-status-name { display: flex; align-items: center; overflow: hidden; position: relative; margin: 0 0 7px 0; } .bizproc-automation-status-line { height: 1px; flex: 1; background: #d8d8d8; } .bizproc-automation-status-name-bg { display: inline-block; font-size: 16px; color: #333; padding: 0 8px 0 0; position: relative; z-index: 9; } .bizproc-automation-status-help { display: inline-block; vertical-align: middle; width: 16px; margin: 0 0 0 7px; } .bizproc-automation-status-help .ui-hint-icon { margin-top: 5px; width: 16px; height: 16px; vertical-align: top; } .bizproc-automation-status-help-right { float: right; margin: 15px 0 0 7px; } .bizproc-automation-status-title-right { content: ''; width: 13px; height: 32px; position: absolute; right: 0; top: 0; background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2213%22%20height%3D%2232%22%20viewBox%3D%220%200%2013%2032%22%3E%3Cpath%20fill%3D%22%23AEF2F9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h3c2.8%200%204%203%204%203l6%2013-6%2013s-1.06%203-4%203H0V0z%22/%3E%3C/svg%3E) } .bizproc-automation-status-list-item:nth-last-child(2) .bizproc-automation-status-title-right { display: none; } .bizproc-automation-status-list-item:nth-last-child(2) .bizproc-automation-status-bg { right: 24px; } .bizproc-automation-status-list-item:nth-last-child(2) .bizproc-automation-status-title { width: calc(100% - 20px); } .bizproc-automation-status-list-config { float: right; position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none; right: 0; margin: 0 0 0 -27px; height: 32px; width: 27px; opacity: .8; z-index: 9; background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23525C68%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.216%206.494c-.18.852-.85%201.522-1.704%201.703-1.625.346-3.036-1.066-2.69-2.69.163-.77.935-1.54%201.703-1.704%201.625-.346%203.037%201.066%202.69%202.69m3.346-1.367l-1.188-.198c-.084-.345-.206-.676-.365-.985-.007-.013-.005-.028.004-.04l.747-.924c.162-.2.154-.488-.016-.68l-.472-.532c-.172-.193-.456-.233-.672-.096l-1.017.64c-.442-.31-.94-.538-1.477-.672-.015-.004-.026-.016-.028-.03L6.88.44C6.838.185%206.62%200%206.362%200H5.65c-.257%200-.476.186-.517.44l-.196%201.17c-.003.015-.013.026-.028.03-.435.11-.844.28-1.218.506-.013.008-.03.007-.04-.002l-.948-.676c-.208-.148-.494-.125-.676.056l-.503.504c-.182.182-.205.468-.056.676l.677.95c.008.01.01.027%200%20.04-.22.37-.392.777-.5%201.208-.004.014-.016.025-.03.028L.44%205.126c-.254.042-.44.26-.44.518v.712c0%20.257.186.476.44.518l1.177.196c.014.003.026.014.03.028.088.352.214.688.38%201.002.007.013.005.03-.004.04l-.742.92c-.16.2-.154.486.017.678l.472.532c.17.193.455.233.672.096l1.01-.635c.013-.007.03-.007.04.002.433.29.92.506%201.44.634l.2%201.195c.042.254.26.44.518.44h.712c.257%200%20.476-.186.518-.44l.195-1.17c.003-.015.014-.026.028-.03.43-.107.832-.276%201.203-.497.013-.008.028-.007.04%200l.988.707c.208.15.494.126.676-.056l.503-.504c.18-.18.206-.467.056-.676l-.704-.986c-.01-.012-.01-.027-.002-.04.223-.373.395-.78.503-1.212.003-.015.015-.025.03-.028l1.164-.194c.255-.042.44-.26.44-.518v-.712c0-.257-.186-.476-.44-.518%22%20opacity%3D%22.3%22/%3E%3C/svg%3E') right center no-repeat; } .bizproc-automation-status-list-config:hover { opacity: 1; } .bizproc-automation-status-list-item:last-child .bizproc-automation-status-list-config { display: block; } .bizproc-automation-btn-add, .bizproc-automation-robot-btn-add { display: block; height: 29px; line-height: 29px; background: #fff; font-size: 13px; border-radius: 3px; border: 1px dashed #ebeced; padding: 0 5px 0 21px; position: relative; text-decoration: none !important; color: #80868e !important; -webkit-transition: .1s; -moz-transition: .1s; transition: .1s; } .bizproc-automation-btn-add:hover, .bizproc-automation-robot-btn-add:hover { border: 1px dashed #80868e; } .bizproc-automation-btn-add:before, .bizproc-automation-robot-btn-add:before { content: ''; position: absolute; left: 0; width: 21px; height: 29px; top: 0; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2022.354%2022.354%22%3E%3Cpath%20fill%3D%22%2380868e%22%20d%3D%22M8.61%2022.354h5.134v-8.61h8.61V8.61h-8.61V0H8.61v8.61H0v5.134h8.61%22/%3E%3C/svg%3E) 9px center no-repeat; opacity: .7; background-size: 8px 8px; } .bizproc-automation-btn-add:hover:before, .bizproc-automation-robot-btn-add:hover:before { opacity: 1; } .bizproc-automation-robot-btn-block { display: block; margin: 0 4px 0 0; position: relative; } .bizproc-automation-robot-btn-block:hover { z-index: 99; } .bizproc-automation-trigger-item { padding: 0 0 5px 0; position: relative; } .bizproc-automation-trigger-item-wrapper { display: block; height: 29px; line-height: 29px; background: #fff; font-size: 15px; border-radius: 3px; color: #555c6d; border: 1px solid #acf2fa; padding: 0 10px; position: relative; -webkit-transition: .1s; -moz-transition: .1s; transition: .1s; } .bizproc-automation-trigger-item-wrapper-border { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .bizproc-automation-trigger-item-wrapper-text { display: block; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .bizproc-automation-trigger-item-wrapper-complete { border: 1px solid #d4eac9 !important; -webkit-user-select: none; user-select: none; } .bizproc-automation-trigger-item-wrapper-complete-light:before, .bizproc-automation-trigger-item-wrapper-complete-double:before, .bizproc-automation-trigger-item-wrapper-complete:before { content: ''; border-radius: 2px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(251,253,231,.7); z-index: 999; } .bizproc-automation-trigger-item-wrapper-complete-light:before { background: rgba(255,255,255,.8); } .bizproc-automation-trigger-item-wrapper-complete-double:after, .bizproc-automation-trigger-item-wrapper-complete:after { content: ''; position: absolute; width: 45px; height: 45px; top: -8px; left: auto; right: -5px; bottom: auto; z-index: 9999; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2215%22%20height%3D%2211%22%20viewBox%3D%220%200%2015%2011%22%3E%3Cpath%20fill%3D%22%237ED321%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.315%207.724L1.633%204.042%200%205.675l5.307%205.307.214-.215.01.008%209.142-9.142L13.04%200%205.314%207.724z%22/%3E%3C/svg%3E) center center no-repeat; } .bizproc-automation-trigger-item-wrapper-complete-double:after { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2211%22%20viewBox%3D%220%200%2020%2011%22%3E%3Cg%20fill%3D%22%237ED321%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M5.315%207.724L1.633%204.042%200%205.675l5.307%205.307.214-.215.01.008%209.142-9.142L13.04%200%22/%3E%3Cpath%20d%3D%22M10.315%207.724L6.633%204.042%205%205.675l5.307%205.307.214-.215.01.008%209.142-9.142L18.04%200%22/%3E%3C/g%3E%3C/svg%3E'); } .bizproc-automation-trigger-item-wrapper-draggable { cursor: move; } .bizproc-automation-trigger-item:hover { z-index: 99999; } .bizproc-automation-trigger-item-wrapper-edit { background: #e8f9fd; font-size: 11px; text-align: right; padding: 0 10px; line-height: 20px; color: #555c6d; cursor: pointer; border: 1px solid #acf2fa; border-top: none; border-radius: 0 0 3px 3px; -webkit--transition: .1s; -moz-transition: .1s; transition: .1s; } .automation-base-node-top { display: flex; align-items: center; width: 100%; overflow: hidden; min-height: 70px; border-bottom: 1px solid #d8d8d8; margin: 0 0 17px 0; } .automation-base-button { margin-left: auto; } .automation-base-node-edit { float: right; font-family: 'OpenSans-Semibold'; font-size: 14px; color: #1058d0; text-transform: lowercase; cursor: pointer; } .automation-base-node-title { font-family: 'OpenSans-Regular'; float: left; overflow: hidden; font-size: 16px; color: #000; } .bizproc-automation-trigger-item-drag .bizproc-automation-trigger-item-wrapper { -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,.1); box-shadow: 0 0 10px rgba(0,0,0,.1); z-index: 999; } .bizproc-automation-trigger-item-drag { -webkit-transform: rotate(4deg) translate(-30px, -20px); -moz-transform: rotate(4deg) translate(-30px, -20px); transform: rotate(4deg) translate(-30px, -20px); z-index: 999; } .bizproc-automation-trigger-item:before { content: ''; display: block; height: 0; opacity: 1; margin: 0; background: #eff4f6; border-radius: 3px; border: 0 dashed #c1c5c7; padding: 0 10px; /*-webkit-transition: .1s;*/ /*-moz-transition: .1s;*/ /*transition: .1s;*/ } .bizproc-automation-trigger-item-pre:before { height: 29px; opacity: 1; border: 1px dashed #c1c5c7; margin: 0 0 5px 0; } .bizproc-automation-trigger-item-off { -webkit-animation: pulse 1s infinite; animation: pulse 1s infinite; } @keyframes pulse { from { opacity: .3; transform: scale3d(.95,.95,.95); } 50% { opacity: .7; transform: scale3d(1,1,1); } to { opacity: .3; transform: scale3d(.95,.95,.95); } } .bizproc-automation-trigger-btn-delete { position: absolute; right: 0; width: 30px; height: 29px; top: 0; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2022.354%2022.354%22%3E%3Cpath%20fill%3D%22%2380868e%22%20d%3D%22M8.61%2022.354h5.134v-8.61h8.61V8.61h-8.61V0H8.61v8.61H0v5.134h8.61%22/%3E%3C/svg%3E) center center no-repeat; background-size: 9px 9px; opacity: .4; cursor: pointer; z-index: 999; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .1s; -moz-transition: .1s; transition: .1s; } .bizproc-automation-trigger-btn-delete:hover { opacity: 1; } .bizproc-automation-trigger-list, .bizproc-automation-robot-list { position: relative; z-index: 9; display: block; margin: 0 4px 0 0; } .bizproc-automation-trigger-list:after { content: ''; display: block; height: 0; opacity: 1; margin: 0; background: #eff4f6; border-radius: 3px; border: 0 dashed #c1c5c7; padding: 0 10px; } .bizproc-automation-trigger-list-pre:after { height: 29px; opacity: 1; border: 1px dashed #c1c5c7; margin: 0 0 5px 0; } .bizproc-automation-robot-list:after { content: ''; display: block; height: 0; margin: 0 0 0 0; background: #eff4f6 !important; border: 0 dashed transparent; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-sizing: border-box; opacity: 0; -webkit-transition: .1s; -moz-transition: .1s; transition: .1s; } .bizproc-automation-robot-list-pre:after { clear: both; display: block; height: 143px; border: 2px dashed #c1c5c7; margin-bottom: 7px; opacity: 1; } .bizproc-automation-robot-container { clear: both; display: block; padding: 0 0 5px 0; position: relative; } .bizproc-automation-robot-container-drag { z-index: 999; -webkit-transition: 0s; -moz-transition: 0s; transition: 0s; padding: 0; -webkit-transform: rotate(4deg) translate(-30px, -20px); -moz-transform: rotate(4deg) translate(-30px, -20px); transform: rotate(4deg) translate(-30px, -20px); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,.1); box-shadow: 0 0 10px rgba(0,0,0,.1); -webkit-transition: 0s; -moz-transition: 0s; transition: 0s; } .bizproc-automation-robot-container-wrapper { clear: both; display: block; padding: 10px; border: 1px solid #dfe0e3; position: relative; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: .1s; -moz-transition: .1s; transition: .1s; transition: .1s; } .bizproc-automation-robot-container-wrapper-draggable { cursor: move; } .bizproc-automation-robot-container-wrapper-lock { border: 1px solid #6bd9f5; background: #f5fdff; height: 120px; font-size: 0 !important; } .bizproc-automation-robot-container-wrapper-lock:after { display: none; } .bizproc-automation-robot-container-wrapper-lock+.bizproc-automation-robot-btn-settings { border-color: #6bd9f5; } .bizproc-automation-robot-container-wrapper-border { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .bizproc-automation-robot-container-wrapper-lock .bizproc-automation-robot-deadline { min-width: 18px; font-size: 0; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2017%2014%22%3E%3Cpath%20fill%3D%22%233BC8F5%22%20d%3D%22M16.4495534%2C13.0256359%20L9.12855414%2C0.963144458%20C8.91323063%2C0.60036276%208.39645421%2C0.60036276%208.138066%2C0.963144458%20L0.774002014%2C13.0256359%20C0.515613804%2C13.4337653%200.817066715%2C13.9779379%201.24771373%2C13.9779379%20L15.932777%2C13.9779379%20C16.4064887%2C13.9779379%2016.7079416%2C13.4337653%2016.4495534%2C13.0256359%20Z%20M7.4997454%2C4.00868556%20L9.72310074%2C4.00868556%20L9.72310074%2C9%20L7.4997454%2C9%20L7.4997454%2C4.00868556%20Z%20M8.61142307%2C12.7116143%20C7.98513984%2C12.7116143%207.42148492%2C12.2105877%207.42148492%2C11.5216762%20C7.42148492%2C10.895393%207.92251151%2C10.331738%208.61142307%2C10.331738%20C9.30033463%2C10.331738%209.80136122%2C10.8327646%209.80136122%2C11.5216762%20C9.80136122%2C12.2105877%209.23770631%2C12.7116143%208.61142307%2C12.7116143%20Z%22/%3E%3C/svg%3E%0A) left top no-repeat; background-size: 17px 14px; } .bizproc-automation-robot-container-wrapper-lock .bizproc-automation-robot-title { color: #4d5662; height: auto; font-size: 15px !important; } .bizproc-automation-robot-container-wrapper-lock .bizproc-automation-robot-settings, .bizproc-automation-robot-container-wrapper-lock .bizproc-automation-robot-link { display: none; } .bizproc-automation-robot-container-wrapper-complete-light:before, .bizproc-automation-robot-container-wrapper-complete-double:before, .bizproc-automation-robot-container-wrapper-complete:before { content: ''; border-radius: 2px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(251,253,231,.7); z-index: 999; } .bizproc-automation-robot-container-wrapper-complete-light:before { background: rgba(255,255,255,.8); } .bizproc-automation-robot-container-wrapper:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: #ebf1f4; z-index: 9; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; -webkit-transition: .1s; -moz-transition: .1s; transition: .1s; } .bizproc-automation-robot-container-wrapper-border:after { border-bottom-left-radius: 0; } .bizproc-automation-robot-container-wrapper-draggable:hover:after { bottom: -30px; } .bizproc-automation-robot-container-wrapper-complete-double:after, .bizproc-automation-robot-container-wrapper-complete:after { content: ''; position: absolute; width: 45px; height: 45px; top: -6px; left: auto; right: -5px; bottom: auto; z-index: 9999; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2215%22%20height%3D%2211%22%20viewBox%3D%220%200%2015%2011%22%3E%3Cpath%20fill%3D%22%237ED321%22%20fill-rule%3D%22evenodd%22%20d%3D%22M5.315%207.724L1.633%204.042%200%205.675l5.307%205.307.214-.215.01.008%209.142-9.142L13.04%200%205.314%207.724z%22/%3E%3C/svg%3E) center center no-repeat; } .bizproc-automation-robot-container-wrapper-complete-double:after { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2211%22%20viewBox%3D%220%200%2020%2011%22%3E%3Cg%20fill%3D%22%237ED321%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M5.315%207.724L1.633%204.042%200%205.675l5.307%205.307.214-.215.01.008%209.142-9.142L13.04%200%22/%3E%3Cpath%20d%3D%22M10.315%207.724L6.633%204.042%205%205.675l5.307%205.307.214-.215.01.008%209.142-9.142L18.04%200%22/%3E%3C/g%3E%3C/svg%3E'); } .bizproc-automation-robot-container-wrapper-complete-light, .bizproc-automation-robot-container-wrapper-complete-double, .bizproc-automation-robot-container-wrapper-complete { padding: 10px !important; margin: 0 !important; border: 1px solid #d4eac9 !important; -webkit-user-select: none; user-select: none; } .bizproc-automation-robot-container-wrapper-complete .bizproc-automation-robot-btn-delete { display: none; } .bizproc-automation-robot-container-wrapper-complete .bizproc-automation-robot-btn-settings { display: none !important; } .bizproc-automation-robot-deadline { clear: both; float: left; overflow: hidden; max-width: calc(100% - 10px); font-size: 12px; height: 15px; color: #000; padding: 0 0 7px 0; } .bizproc-automation-robot-deadline .bizproc-automation-robot-link, .bizproc-automation-robot-deadline .bizproc-automation-robot-text { display: block; width: 100%; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .bizproc-automation-robot-link { display: inline-block; vertical-align: middle; border-bottom: 1px dashed #2660c0; cursor: pointer; } .bizproc-automation-robot-text { color: #b1b7c5; } .bizproc-automation-robot-title { clear: both; display: block; overflow: hidden; font-size: 15px; color: #000; margin: 0 0 7px 0; line-height: 18px; height: 38px; cursor: default; } .bizproc-automation-robot-title-text-editable { display: inline-block; cursor: text; } .bizproc-automation-robot-title-text-editable span:after { content: ''; display: inline-block; vertical-align: middle; margin: 2px 0 0 5px; width: 11px; height: 11px; opacity: .5; background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2211px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2011%2012%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20transform%3D%22translate%28-974.000000%2C%20-350.000000%29%22%3E%3Cg%20transform%3D%22translate%28951.000000%2C%20139.000000%29%22%20fill%3D%22%23ccc%22%3E%3Cpath%20d%3D%22M31.5512911%2C211.101355%20L34%2C213.572184%20L26.9013699%2C220.634571%20L24.4526609%2C218.163742%20L31.5512911%2C211.101355%20Z%20M23.0090453%2C221.760249%20C22.984488%2C221.854056%2023.0107994%2C221.953172%2023.0774548%2C222.022199%20C23.1458643%2C222.091227%2023.2440933%2C222.117776%2023.33706%2C222.091227%20L26.2400781%2C221.301836%20L23.7913692%2C218.831008%20L23.0090453%2C221.760249%20Z%22%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E') center center no-repeat; background-size: contain; cursor: pointer; transition: .1s; } .bizproc-automation-robot-title-text-editable span:after:hover { opacity: .7; } .bizproc-automation-robot-settings { display: block; overflow: hidden; padding: 0 0 4px 0; width: calc(100% - 25px); } .bizproc-automation-robot-settings-title { display: block; overflow: hidden; text-overflow: ellipsis; font-size: 11px; color: #b1b7c5; margin: 0 0 7px 0; } .bizproc-automation-robot-settings-name { display: inline-block; vertical-align: middle; cursor: pointer; transition: 0s; height: 30px; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .bizproc-automation-robot-settings-name:hover { text-decoration: underline; } .bizproc-automation-robot-btn-delete { position: absolute; top: 5px; right: 5px; z-index: 9; width: 13px; height: 13px; background: #000; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%2022.354%2022.354%22%3E%3Cpath%20fill%3D%22%2380868e%22%20d%3D%22M8.61%2022.354h5.134v-8.61h8.61V8.61h-8.61V0H8.61v8.61H0v5.134h8.61%22/%3E%3C/svg%3E) center center no-repeat; background-size: 9px 9px; opacity: .4; cursor: pointer; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .1s; -moz-transition: .1s; transition: .1s; } .bizproc-automation-robot-btn-delete:hover { opacity: 1; } .bizproc-automation-robot-btn-copy { position: absolute; bottom: 15px; left: 5px; z-index: 9; width: 13px; height: 13px; opacity: .4; cursor: pointer; -webkit-transition: .1s; -moz-transition: .1s; transition: .1s; color: #b1b7c5; } .bizproc-automation-robot-btn-copy:hover { opacity: 1; } .bizproc-automation-robot-btn-settings { clear: both; display: block; line-height: 29px; padding: 0 10px; background: #e8f9fd; font-size: 11px; color: #555c6d; text-align: right; cursor: pointer; -webkit-transition: .1s; -moz-transition: .1s; -ms-transition: .1s; -o-transition: .1s; transition: .1s; border-radius: 0 0 3px 3px; border: 1px solid #dfe0e3; border-top: none; } .bizproc-automation-robot-container:hover { z-index: 999; } .bizproc-automation-robot-container:before { content: ''; display: block; height: 0; margin: 0 0 0 0; background: #eff4f6 !important; border: 0 dashed transparent; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; } .bizproc-automation-robot-container-pre:before { clear: both; display: block; height: 143px; border: 2px dashed #c1c5c7; margin-bottom: 7px; opacity: 1; -webkit-transition: .1s; -moz-transition: .1s; transition: .1s; } .bizproc-automation-robot-btn-set { clear: both; float: left; font-size: 11px; line-height: 16px; color: #b1b7c5 !important; text-decoration: none !important; margin: 7px 10px; } .bizproc-automation-robot-btn-set:hover { color: #535c69 !important; text-decoration: underline !important; } .bizproc-automation-robot-btn-set-locked:before { display: inline-block; width: 9px; height: 12px; content: ''; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgOSAxMiI+ICA8cGF0aCBmaWxsPSIjMjhCQUU5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03Ljk1Miw1IEw5LDUgTDksMTIgTDAsMTIgTDAsNSBMMS4wNTIsNSBMMS4wNTIsMy40MTIgQzEuMTE1MzMxNjcsMS41NTIzMjI3NCAyLjY0MTI0NDY2LDAuMDc3NDkwNDI1MSA0LjUwMiwwLjA3NzQ5MDQyNTEgQzYuMzYyNzU1MzQsMC4wNzc0OTA0MjUxIDcuODg4NjY4MzMsMS41NTIzMjI3NCA3Ljk1MiwzLjQxMiBMNy45NTIsNSBaIE02Ljk5NjQyNzgzLDUgTDcuMDA4LDMuNDEyIEM2LjkwMzAwMjI5LDIuMDc3Mjc1NzMgNS44MzU3NDU5MywxLjAyMTA4MzQ0IDQuNSwwLjkzIEMzLjE2NDI1NDA3LDEuMDIxMDgzNDQgMi4wOTY5OTc3MSwyLjA3NzI3NTczIDEuOTkyLDMuNDEyIEwyLjAwNTA0MDUzLDUgTDYuOTk2NDI3ODMsNSBaIE01LjAxOSw4Ljg3OSBMNS4wMTksMTAuMTY2IEwzLjk4MSwxMC4xNjYgTDMuOTgxLDguODc5IEMzLjc4NzY5NDg0LDguNzI1MzU2MDEgMy42NzUwMzA3Nyw4LjQ5MTkyNzg1IDMuNjc1LDguMjQ1IEMzLjY3NSw3Ljc4OTM2NTA4IDQuMDQ0MzY1MDgsNy40MiA0LjUsNy40MiBDNC45NTU2MzQ5Miw3LjQyIDUuMzI1LDcuNzg5MzY1MDggNS4zMjUsOC4yNDUgQzUuMzI0OTY5MjMsOC40OTE5Mjc4NSA1LjIxMjMwNTE2LDguNzI1MzU2MDEgNS4wMTksOC44NzkgTDUuMDE5LDguODc5IFoiLz48L3N2Zz4=); background-position: center center; margin-right: 3px; } .bizproc-automation-buttons .ui-button-panel{ text-align: center; } .menu-collapsed-mode .bizproc-automation-buttons-fixed { left: 40px; right: 64px; } .bizproc-automation-buttons-normal { position: relative !important; padding: 0 !important; text-align: left !important; z-index: 999 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .bizproc-automation-robot-loader { position: absolute; z-index: 999; width: 14px; height: 14px; bottom: 15px; right: 12px; background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%230B66C3%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7.838.237L9.435%201.84%208.117%203.165c1.617.504%202.79%202.017%202.79%203.806%200%20.175-.012.347-.034.516l.513%201.533%202.19-.742c.083-.423.127-.86.127-1.308%200-3.446-2.554-6.292-5.865-6.733zm2.022%209.43c-.724.79-1.764%201.287-2.92%201.287-.873%200-1.68-.284-2.335-.764l-1.668.007.01%202.254c1.118.825%202.5%201.312%203.993%201.312%202.54%200%204.754-1.407%205.91-3.487l-2.503.845-.487-1.454zm-6.568-1.13c-.205-.48-.32-1.01-.32-1.567%200-1.798%201.187-3.318%202.817-3.813L7.1%201.84%205.58.316C2.497.947.178%203.687.178%206.97c0%201.377.408%202.658%201.11%203.728l-.01-2.153%202.014-.008z%22/%3E%3C/svg%3E) center center no-repeat; -webkit-animation: round 1s infinite linear; animation: round 1s infinite linear; } .bizproc-automation-robot-errors { position: absolute; z-index: 999; width: 14px; height: 14px; bottom: 15px; right: 12px; cursor: pointer; background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2013%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20transform%3D%22translate%280%20-.205%29%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23FFAAA0%22%20points%3D%228.966%20.308%2017.117%2013.116%20.816%2013.116%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%223.625%22%20x%3D%227.999%22%20y%3D%224.438%22%20fill%3D%22%23FFFFFF%22/%3E%0A%20%20%20%20%3Crect%20width%3D%222%22%20height%3D%221.781%22%20x%3D%227.999%22%20y%3D%229.156%22%20fill%3D%22%23FFFFFF%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A') center center no-repeat; background-size: 18px 13px; } @-webkit-keyframes round { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes round { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } .bizproc-automation-status-title.active{ background: rgb(150, 184, 51); } .bizproc-automation-template{ border-top: 1px solid #2067b0; margin-top: 5px; } .bizproc-automation-robot-btn-delete{ float: right; cursor: pointer; color: red; } .bizproc-automation-robot-btn-add{ text-decoration: underline; cursor: pointer; } /*popup styles*/ .bizproc-automation-popup { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .bizproc-automation-popup-settings { clear: both; display: block; overflow: hidden; margin: 0 0 17px 0; position: relative; } .bizproc-automation-popup-settings-block { display: inline-block; font-size: 13px; color: #80868e; margin: 0 22px 0 0; } .bizproc-automation-popup-settings-block input { margin-right: 7px; } .bizproc-automation-popup-settings-title { display: inline-block; font-size: 13px; color: #80868e; } .bizproc-automation-popup-settings-title-top { display: block; margin: 0 0 5px 0; } .bizproc-automation-popup-select-item .bizproc-automation-popup-settings-title { min-width: 40px; vertical-align: middle; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 13px 0 0; } .bizproc-automation-popup-select-block .bizproc-automation-status-help-right { margin-top: 8px; } .bizproc-automation-popup-select-item .bizproc-automation-popup-settings-title-auto-width { min-width: auto; margin: 0 6px; } .bizproc-automation-popup-settings-link-wrapper { display: inline-block; line-height: 26px; margin: 0 10px 0 0; } .bizproc-automation-popup-settings-link, .bizproc-automation-popup-settings-button { display: inline-block; margin: 0 6px; padding: 0 0 2px 0; font-size: 13px; font-weight: bold; color: #0b66c3; border-bottom: 1px dashed #0b66c3; line-height: normal; text-decoration: none; cursor: pointer; -webkit-transition: .1s; -moz-transition: .1s; transition: .1s; } .bizproc-automation-popup-settings-link-light { font-weight: normal; margin: 0; } .bizproc-automation-popup-settings-link-thin { font-weight: normal; } .bizproc-automation-popup-settings-button { font-weight: normal; color: #0063C6; border-bottom: 1px solid transparent; -webkit-transition: border-bottom .3s; transition: border-bottom .3s; } .bizproc-automation-popup-settings-button:hover { border-bottom: 1px solid #0063C6; } .bizproc-automation-popup-settings-button-right { margin: 0 0 0 auto; } .bizproc-automation-popup-settings-delete { position: absolute; top: 0; right: 0; } .bizproc-automation-popup-select-input:checked + .bizproc-automation-popup-settings-link { border-bottom: 1px dashed transparent; color: #525c68; font-weight: bold; } .bizproc-automation-popup-settings .multiple { display: block; margin: 2px 0; } .bizproc-automation-popup-checkbox { clear: both; display: block; } .bizproc-automation-popup-checkbox-item { clear: both; display: block; } .bizproc-automation-popup-chk { display: inline-block; vertical-align: middle; margin: 0; } .bizproc-automation-popup-chk-label { display: inline-block; vertical-align: middle; font-size: 13px; color: #80868e; line-height: 30px; padding: 0 5px; cursor: pointer; } .bizproc-automation-popup-textarea-block { clear: both; display: block; margin: 0 0 17px 0; } .bizproc-automation-popup-textarea { display: block; width: 100%; resize: vertical; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #80868e; font-size: 14px; line-height: 20px; background: #fff; border: 1px solid #c6cdd3; border-radius: 2px; min-height: 86px; padding: 12px 17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bizproc-automation-popup-input { display: inline-block; width: 100%; background: #fff; border: 1px solid #c6cdd3; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #80868e; font-size: 14px; border-radius: 2px; height: 36px; padding: 0 17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bizproc-automation-popup-input::-webkit-input-placeholder {color:#bdc0c4;} .bizproc-automation-popup-input::-moz-placeholder {color:#bdc0c4;} .bizproc-automation-popup-input:-moz-placeholder {color:#bdc0c4;} .bizproc-automation-popup-input:-ms-input-placeholder {color:#bdc0c4;} .bizproc-automation-popup-textarea::-webkit-input-placeholder {color:#bdc0c4;} .bizproc-automation-popup-textarea::-moz-placeholder {color:#bdc0c4;} .bizproc-automation-popup-textarea:-moz-placeholder {color:#bdc0c4;} .bizproc-automation-popup-textarea:-ms-input-placeholder {color:#bdc0c4;} .bizproc-automation-popup-input:focus, .bizproc-automation-popup-textarea:focus { outline: none; } .bizproc-automation-popup-input-calendar { max-width: 180px; background: url(/bitrix/js/crm/images/crm-activity-sprite_new.svg) #fff 153px -152px no-repeat; } .bizproc-automation-popup-input-numeric { max-width: 155px; } .bizproc-automation-popup-select-block { display: block; overflow: hidden; } .bizproc-automation-popup-select-item { display: block; overflow: hidden; margin: 0 0 4px 0; } .bizproc-automation-popup-select-input { display: none; } .bizproc-automation-popup-select-wrapper { display: block; height: 46px; line-height: 46px; background: #eef2f4; border-radius: 2px; padding: 0 10px; position: relative; } .bizproc-automation-popup-select-item:last-child { margin: 0; } .bizproc-automation-button-left { float: left; } .bizproc-automation-popup-select-wrapper:before { content: ''; display: inline-block; vertical-align: middle; background: #fff; margin: 0 10px 0 0; border: 1px solid #979797; width: 13px; height: 13px; border-radius: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bizproc-automation-popup-settings-input { display: inline-block; vertical-align: middle; background: #fff; border: 1px solid #c6cdd3; border-radius: 2px; width: 30px; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; margin: 0 10px 0 0; line-height: 36px; text-align: center; height: 36px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; color: #555c6d; } .bizproc-automation-popup-select-input:checked + .bizproc-automation-popup-select-wrapper:before { content: ''; display: inline-block; vertical-align: middle; background: #fff; border: 4px solid #979797; width: 13px; height: 13px; border-radius: 100%; } .bizproc-automation-popup-select-input:checked + .bizproc-automation-popup-select-wrapper { background: #d3f3fd; } .bizproc-automation-popup-settings-select { display: inline-block; vertical-align: middle; background: #fff; border: 1px solid #c6cdd3; border-radius:2px; min-width: 155px; height: 36px; line-height: 36px; position: relative; font-size: 13px; color: #000; cursor: pointer; margin: 0 10px 0 0; padding: 0 35px 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bizproc-automation-popup-settings-select:after { content: ''; width: 11px; height: 11px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); border-right: 2px solid #535c69; border-bottom: 2px solid #535c69; width: 6px; height: 6px; position: absolute; right: 13px; top: 11px; } .bizproc-automation-popup-autocomplete { display: block; background: #fff; border: 1px solid #c6cdd3; border-radius: 2px; min-height: 36px; padding: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bizproc-automation-popup-autocomplete-item { display: inline-block; height: 32px; line-height: 32px; margin: 1px; font-weight: bold; border-radius: 1px; background: #a1e7f7; white-space: nowrap; } .bizproc-automation-popup-autocomplete-name { display: inline-block; padding: 0 0 0 10px; color: #0b66c3; vertical-align: top; line-height: 32px; font-size: 13px; } .bizproc-automation-popup-autocomplete-delete { display: inline-block; vertical-align: top; width: 30px; height: 32px; position: relative; cursor: pointer; } .bizproc-automation-popup-autocomplete-delete:after, .bizproc-automation-popup-autocomplete-delete:before { content: ''; top: 50%; left: 50%; width: 8px; height: 2px; background: #96d5e8; position: absolute; -webkit-transition: .1s; -moz-transition: .1s; transition: .1s; -webkit-transform: translate(-50%,-50%) rotate(45deg); -moz-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); } .bizproc-automation-popup-autocomplete-delete:before { -webkit-transform: translate(-50%,-50%) rotate(-45deg); -moz-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg); } .bizproc-automation-popup-autocomplete-delete:hover::after, .bizproc-automation-popup-autocomplete-delete:hover::before { background: #0b66c3; } .bizproc-automation-popup-settings-title-autocomplete { margin: 0 0 15px 0; } .bizproc-automation-popup-adv { clear: both; display: block; } .bizproc-automation-popup-adv-title { float: left; font-weight: bold; font-size: 13px; color: #80868e; padding: 0 7px 0 0; line-height: 60px; } .bizproc-automation-popup-adv-logo { float: left; overflow: hidden; } .bizproc-automation-popup-adv-logo-item { display: inline-block; border: 1px solid rgba(82,92,104,.2); border-radius: 2px; width: 90px; height: 58px; margin: 0 5px 5px 0; cursor: pointer; background-position: center center; background-repeat: no-repeat; } .bizproc-automation-popup-settings-name { color: #000; } .bizproc-automation-popup-settings-wrapper { padding: 17px; background: #f9fafa; } .bizproc-automation-popup-settings-title-table { line-height: 38px; padding: 0 0 5px 0; } .bizproc-automation-popup-settings-text { font-size: 13px; color: #424956; } .bizproc-automation-pin-btn { float: right; cursor: pointer; height: 37px; margin: 2px 0 0 0; width: 27px; } .bizproc-automation-edit-robots { float: right; height: 39px; line-height: 39px; -webkit-box-shadow: inset 0 0 0 1px #a1a6ac; box-shadow: inset 0 0 0 1px #a1a6ac; background: none; color: #535c69; margin: 14px 0; cursor: pointer; border-radius: 2px; font-family: "OpenSans-Bold", Helvetica, Arial, sans-serif; font-size: 12px; outline: none; padding: 0 18px; text-transform: uppercase; text-shadow: none; white-space: nowrap; text-decoration: none !important; -webkit-font-smoothing: antialiased; -webkit-transition: background-color 0.2s linear, color 0.2s linear; transition: background-color 0.2s linear, color 0.2s linear; } .bizproc-automation-edit-robots:hover { background: #cfd4d8; color: #535c69; } .bizproc-automation-edit-robots:active { background: #868d95; -webkit-box-shadow: none; box-shadow: none; color: #fff; } .bizproc-automation-popup-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bizproc-automation-popup-select-margin-down-s { margin: 0 0 8px 0; } .bizproc-automation-popup-select-dotted { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 30px; max-width: 30px; cursor: pointer; } .bizproc-automation-popup-select-dotted:before { content: ' '; display: inline-block; margin: 0 0 0 8px; width: 4px; height: 4px; background: #82868c; opacity: .6; box-shadow: 6px 0 0 #82868c, 12px 0 0 #82868c; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition: .1s; -moz-transition: .1s; transition: .1s; } .bizproc-automation-popup-select-dotted:hover:before { opacity: 1; } .bizproc-automation-popup-select .bizproc-automation-popup-textarea, .bizproc-automation-popup-select .bizproc-automation-popup-input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; } .bizproc-automation-inline-selector-menu .popup-window-content{ max-height: 285px; overflow-y: scroll; } .bizproc-automation-popup-settings-dropdown { display: inline-block; min-width: 155px; padding: 10px 30px 10px 10px; height: 38px; outline: none; margin: 0 10px 0 0; font: 13px "HelveticaNeue", Arial, Helvetica, sans-serif; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2010.97%206.86%22%3E%3Cpolygon%20points%3D%225.49%204.11%201.37%200%200%201.37%204.8%206.17%205.49%206.86%2010.97%201.37%209.6%200%205.49%204.11%22%20fill%3D%22%23535c69%22/%3E%3C/svg%3E'); background-position: right 10px center; background-repeat: no-repeat; background-size: 11px 22px; background-color: #fff; line-height: 14px; color: #000000; border: 1px solid #c6cdd3; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important; vertical-align: middle; } .bizproc-automation-popup-settings-dropdown-flexible { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .bizproc-automation-popup-settings-dropdown-multiple { display: block; min-width: 155px; padding: 10px; outline: none; font: 13px "HelveticaNeue", Arial, Helvetica, sans-serif; line-height: 14px; color: #000000; border: 1px solid #c6cdd3; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none !important; vertical-align: middle; } .bizproc-automation-menu-item-disabled { opacity: .7 } .bizproc-automation-delay-interval-basis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; position: relative; } .bizproc-automation-robot-help { position: absolute; top: 70px; right: 30px; background: #cbced1; width: 14px; height: 14px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; color: #fff; cursor: help; font-size: 10px; line-height: 15px; -webkit-transition: .1s; transition: .1s; } .bizproc-automation-robot-help:before { content: '?'; } .bizproc-automation-robot-help:hover { background:#3bc8f5 } .bizproc-automation-popup-set { padding: 17px } .bizproc-automation-popup-set .bizproc-automation-popup-settings-dropdown { width: 100% } .bizproc-automation-popup-set .popup-window-buttons { padding: 0 } .bizproc-automation-popup-set .bizproc-automation-popup-settings-dropdown { width: 280px; margin: 0; } .bizproc-automation-popup-set .bizproc-automation-popup-input { width: 100%; margin: 0; } .bizproc-automation-popup-settings-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .bizproc-automation-popup-settings-block-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; } .bizproc-automation-popup-settings-link-flex { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .bizproc-automation-popup-settings-title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; float: left; overflow: hidden; margin: 0; } .bizproc-automation-popup-autocomplete .feed-add-destination-inp { border: none; margin: 0 7px 3px 5px; } .bizproc-automation-popup-settings-link-remove { display: inline-block; vertical-align: middle; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNy43ODcgMUw1IDMuNzg3IDIuMjEzIDEgMSAyLjIxMyAzLjc4NyA1IDEgNy43ODcgMi4yMTMgOSA1IDYuMjEzIDcuNzg3IDkgOSA3Ljc4NyA2LjIxMyA1IDkgMi4yMTMiIGZpbGw9IiM5OTkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) center center no-repeat; background-size: 8px; width: 20px; height: 25px; opacity: .7; margin: 0 0 0 -4px; cursor: pointer; } .bizproc-automation-popup-settings-link-remove:hover { opacity: 1; } .bizproc-automation-popup-settings-alert { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 13px 13px 13px 36px; width: 100%; min-height: 42px; border-radius: 2px; background: rgba(255,255,255,.5); box-sizing: border-box; } .bizproc-automation-popup-settings-alert:before { content: ''; position: absolute; top: 50%; left: 13px; width: 18px; height: 14px; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2014%22%3E%3Cpath%20fill%3D%22%23FF5752%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9%200L0%2014h18L9%200zm-.83%204.645h1.743v4.613H8.17V4.645zm0%207.733l.008-1.78h1.744l-.01%201.78H8.17z%22/%3E%3C/svg%3E'); background-repeat: no-repeat; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); } /* Wait robot */ .bizproc-automation-popup-wait-select-block { } .bizproc-automation-popup-wait-select-wrapper { padding: 13px 12px 12px; background-color: #f7f8f9; } .bizproc-automation-popup-wait-settings-title { display: inline-block; margin-right: 10px; color: #80868e; font-size: 13px; } .bizproc-automation-popup-wait-settings-input { display: inline-block; overflow: hidden; margin: 0 10px 0 0; padding: 0 5px; width: 30px; height: 36px; border: 1px solid #c6cdd3; border-radius: 2px; background: #fff; color: #555c6d; vertical-align: middle; text-align: center; text-overflow: ellipsis; font: 400 16px/36px "Helvetica Neue", Helvetica, Arial, sans-serif; } .bizproc-automation-popup-settings-lbl { display: inline-block; margin: 15px 0 0 3px; vertical-align: text-bottom; } .bizproc-automation-popup-sms-symbol-counter { color: #b0b7bd; vertical-align: middle; text-align: right; font: 400 12px/16px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 5px 30px 0 0; } .bizproc-automation-popup-sms-symbol-counter-number { margin: 0 5px; color: #89929e; } .bizproc-automation-popup-sms-symbol-counter-number-overhead { color: #d0011b; } .bizproc-automation-condition-wrapper:last-of-type .bizproc-automation-condition-joiner { display: none; } .bizproc-automation-condition-joiner { color: #80868e; border-bottom-color: #80868e; }