﻿.notes-suffix .switcher-block { height: 270px; max-height: 270px; }
.notes-suffix .switcher-block md-checkbox { margin: 20px 15px 20px 0px; }

.notes-suffix .switcher-block .note { margin: 15px 0px 0 0; padding: 0 0 0 15px; }
.notes-suffix .switcher-block .note p { margin: 2px 0 2px 0; color: #757575; font-size: 15px; }
.notes-suffix .switcher-block .warning-container { width: 1px; height: 360px; padding-left: 30px; border-left: 1px solid lightgray; }
.notes-suffix .switcher-block .note.warning { background-color: #FFF7E4; padding: 10px; margin: 0px; width: 436px; height: 100px;}
.notes-suffix .switcher-block .note.warning .icon { background: url("/s/bundle/i/newUI/message-sprite.svg") no-repeat; background-position: -24px 0; margin-top: 0px; min-width: 24px; height: 24px; margin-right: 10px; }
.notes-suffix .switcher-block .note.warning .icon-text { height: 40px; line-height: 24px; font-size: 14px; margin: 0px; }
.notes-suffix .switcher-block .note.warning .icon-text .text-header { height: 24px; line-height: 24px; color: #202020; font-weight: 600; font-size: 14px;}
.notes-suffix .switcher-block .note.warning .icon-text .text-info { font-size: 12px;}

.notes-suffix .apply-to-all-tunnels-container .cira-buttons-icon { margin-top:7px;}
.notes-suffix .apply-to-all-tunnels-checkbox { margin:0px; margin-top:7px;}
.notes-suffix .apply-to-all-tunnels-checkbox .checkbox { margin: 0px !IMPORTANT; margin-top: 7px !important;}
.notes-suffix .apply-to-all-tunnels-checkbox .checkbox-label {  margin-top: 7px !important;}

.notes-suffix .switcher-block .suffix-left-side { margin-right: 15px; width: 590px; margin-right: 0px; }
.notes-suffix .switcher-block .suffix-left-side .suffix-switch-container-app { margin-bottom: 10px; }
.notes-suffix .switcher-block .suffix-left-side .suffix-switch-container-contact { margin-bottom: 10px; margin-left: 0px; }
.notes-suffix .switcher-block .suffix-left-side .suffix-switch-container-contact.icon { width: 24px; height: 24px; margin-top: 3px; }
.notes-suffix .switcher-block .suffix-left-side .suffix-switch-container-app .suffix-switch-label { font-size: 14px; font-weight: 400; color: #202020; margin-left: 10px; display: flex; align-items: center; cursor: pointer; margin-right: 10px; padding-left: 0px; }
.notes-suffix .switcher-block .suffix-left-side .suffix-switch-container-app .suffix-switch { width: 40px; margin: 0px; cursor: pointer; margin-left: 5px; }
.notes-suffix .switcher-block .suffix-left-side .suffix-switch-container-contact .suffix-switch-label { font-size: 14px; font-weight: 400; color: #202020; margin-left: 14px; display: flex; align-items: center; cursor: pointer; margin-right: 10px; }
.notes-suffix .switcher-block .suffix-left-side .suffix-switch-container-contact .suffix-switch { width: 40px; margin: 0px; cursor: pointer; }

.notes-suffix .switcher-block .suffix-left-side .suffix-input-container .suffix-input-fixed { width: 170px; padding-top: 7px; }
.notes-suffix .switcher-block .suffix-left-side .suffix-input-container .suffix-input-text { width: 100%; text-align: right; height: 100px; padding-top: 4px; }
.notes-suffix .switcher-block .suffix-left-side .suffix-input-container .suffix-input-container { width: 370px; }
.notes-suffix .switcher-block .suffix-left-side .suffix-input-container .suffix-input-container .suffix-input { resize: none; width: 364px; line-height: 24px; margin-left: 10px; height: 110px; padding: 8px; border-radius: 5px; color: #5C5C5C; }
