/* *** */
/* *** */
/* *** */
/*------------------------------------*\ $RESET
\*------------------------------------*/
/* Border-Box http:/paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure { margin: 0; padding: 0; }

header, footer, nav, section, article, hgroup, figure { display: block; }

/*------------------------------------*\ $GLOBAL ELEMENTS
\*------------------------------------*/
@font-face { font-family: 'ProximaNova'; src: url("../fonts/ProximaNova-Light.woff2") format("woff2"), url("../fonts/ProximaNova-Light.woff") format("woff"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'ProximaNova'; src: url("../fonts/ProximaNova-Regular.woff2") format("woff2"), url("../fonts/ProximaNova-Regular.woff") format("woff"); font-weight: 400; font-style: normal; }
@font-face { font-family: 'ProximaNova'; src: url("../fonts/ProximaNova-Semibold.woff2") format("woff2"), url("../fonts/ProximaNova-Semibold.woff") format("woff"); font-weight: 600; font-style: normal; }
body { background: #f5f7fa; color: #5c6066; font-family: "ProximaNova", "Helvetica", "Arial", sans-serif; font-size: 14px; }

.loading-blockout { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; z-index: 7; display: none; }

a, .link, .add-another-text-list .add-another-link { color: #3498df; text-decoration: none; cursor: pointer; }
a:hover, .link:hover, .add-another-text-list .add-another-link:hover { color: #5c6066; }

h1.status-error, h1 span.status-error, h2.status-error, h2 span.status-error, h3.status-error, h3 span.status-error, h4.status-error, h4 span.status-error, h5.status-error, h5 span.status-error, h6.status-error, h6 span.status-error, .account-status-editor-container .info-block span.status-error { color: #ee6050; }
h1.status-warning, h1 span.status-warning, h2.status-warning, h2 span.status-warning, h3.status-warning, h3 span.status-warning, h4.status-warning, h4 span.status-warning, h5.status-warning, h5 span.status-warning, h6.status-warning, h6 span.status-warning, .account-status-editor-container .info-block span.status-warning { color: #e5bf25; }
h1.status-success, h1 span.status-success, h2.status-success, h2 span.status-success, h3.status-success, h3 span.status-success, h4.status-success, h4 span.status-success, h5.status-success, h5 span.status-success, h6.status-success, h6 span.status-success, .account-status-editor-container .info-block span.status-success { color: #23c564; }

h1 { font-size: 30px; line-height: 30px; font-weight: 600; color: #5c6066; }

h2 { font-size: 20px; font-weight: 600; color: #5c6066; }

h3 { font-size: 16px; line-height: 18px; font-weight: 600; color: #6c727c; }

.content-title-container h1 { display: inline-block; width: 27%; }
.content-title-container .info { display: inline-block; width: 87%; color: #5c6066; font-size: 24px; font-weight: 600; text-align: right; }
.content-title-container .info ul { list-style-type: none; }
.content-title-container .info ul li { display: inline-block; padding: 0 20px 0 24px; height: 30px; line-height: 30px; border-left: 1px solid #c2c5cc; }
.content-title-container .info ul li:first-child { border-left: none; padding-left: 0; }
.content-title-container .info ul li:last-child { padding-right: 0; }
.content-title-container .info ul li.time { font-size: 20px; text-transform: uppercase; }
.content-title-container .info ul li.account-number { font-size: 20px; }
.content-title-container .info ul li.divider { width: 0px; padding: 0px; margin-bottom: -7px; }
.content-title-container .info ul li.has-label { border-left: none; }
.content-title-container .info .label { font-size: 14px; font-weight: 400; text-align: left; line-height: 0; padding-bottom: 10px; }
.content-title-container .info .dropdown-container { top: -3px; }
.content-title-container .info .dropdown-container select { height: 31px; line-height: 30px; }
.content-title-container .info .dropdown-container span { top: 4px; }
.content-title-container .address { list-style-type: none; clear: both; float: left; }
.content-title-container .address li { color: #8d96a6; display: inline-block; border-right: 1px solid #c2c5cc; margin-right: 8px; padding-right: 8px; }
.content-title-container .address li:last-child { border-right: none; padding-right: none; margin-right: none; }
.content-title-container .affiliate { color: #8d96a6; float: right; margin-right: 10px; }

.content-title-with-rule-container h1 { border-bottom: 1px solid #dcdee0; padding-bottom: 12px; margin-bottom: 12px; }
.content-title-with-rule-container .button-primary { float: right; }

.content-list-view-title-container .button-primary { float: right; }

.queue-details-title-container { margin-bottom: 20px; padding-bottom: 7px; border-bottom: 1px solid #dcdee0; }
.queue-details-title-container p { color: #8d96a6; }
.queue-details-title-container .button-primary { margin: 7px 7px 7px 0px; }
.queue-details-title-container .message-counts { list-style-type: none; clear: both; }
.queue-details-title-container .message-counts li { color: #8d96a6; display: inline-block; border-right: 1px solid #c2c5cc; margin-right: 8px; padding-right: 8px; }
.queue-details-title-container .message-counts li:last-child { border-right: none; padding-right: none; margin-right: none; }

.badge, .badge-active, .badge-billing-admins, .badge-expired, .badge-inactive, .badge-invited, .badge-system-admins { display: inline-block; vertical-align: bottom; height: 14px; line-height: 14px; padding: 0 4px; text-transform: uppercase; font-size: 10px; background: #3498df; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align: center; white-space: nowrap; position: relative; font-weight: 600; }

.badge-active { background: #23c564; color: #fff; }

.badge-billing-admins { background: #3498df; color: #fff; }

.badge-expired { background: #ee6050; color: #fff; }

.badge-inactive { background: #c2c5cc; color: #fff; }

.badge-invited { background: #c2c5cc; color: #fff; }

.badge-system-admins { background: #23c564; color: #fff; }

strong { font-weight: 700; }

.toggle-switch-on, .toggle-switch-off { width: 26px; height: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; cursor: pointer; -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1); -webkit-transition: background 0.05 ease; -moz-transition: background 0.05 ease; -o-transition: background 0.05 ease; transition: background 0.05 ease; }
.toggle-switch-on > span, .toggle-switch-off > span { display: block; position: absolute; width: 10px; height: 10px; top: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 2px 0 #fff; -moz-box-shadow: inset 0 2px 0 #fff; box-shadow: inset 0 2px 0 #fff; background-color: #f7fbff; background-image: -webkit-gradient(linear, left top, left bottom, from(#f7fbff), to(#dfe3e7)); background-image: -webkit-linear-gradient(top, #f7fbff, #dfe3e7); background-image: -moz-linear-gradient(top, #f7fbff, #dfe3e7); background-image: -o-linear-gradient(top, #f7fbff, #dfe3e7); background-image: -ms-linear-gradient(top, #f7fbff, #dfe3e7); background-image: linear-gradient(top, #f7fbff, #dfe3e7); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF7FBFF', endColorstr='#FFDFE3E7', GradientType=0); -webkit-transition: left 0.05s ease; -moz-transition: left 0.05s ease; -o-transition: left 0.05s ease; transition: left 0.05s ease; }

.checkbox label, .radio label { display: block; position: relative; font-weight: 400; font-size: 14px; cursor: pointer; width: auto; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.checkbox label .label, .radio label .label { font-size: 13px; color: #5c6066; font-weight: 600; }

.checkbox input[type="checkbox"], .radio input[type="radio"] { position: absolute; top: 0; left: 0; visibility: hidden; }

.form-controls .item-deletable { width: 95%; }
.form-controls .item-deletable .icon-trash { position: absolute; margin-top: -22px; right: 15px; cursor: pointer; }

.form-controls .employee-roles__label, .form-controls .form-types__label { margin-bottom: 10px; }
.form-controls .form-types__label { width: 100%; }
.form-controls .employee-role__label { width: 140px; }

.form-controls, .email-compose-form-controls, .email-compose-wysiwyg-editor, .email-compose-attachment-controls, .email-compose-notation-controls { margin-bottom: 18px; }
.form-controls:before, .form-controls:after, .email-compose-form-controls:before, .email-compose-form-controls:after, .email-compose-wysiwyg-editor:before, .email-compose-wysiwyg-editor:after, .email-compose-attachment-controls:before, .email-compose-attachment-controls:after, .email-compose-notation-controls:before, .email-compose-notation-controls:after { display: table; content: ""; }
.form-controls:after, .email-compose-form-controls:after, .email-compose-wysiwyg-editor:after, .email-compose-attachment-controls:after, .email-compose-notation-controls:after { clear: both; }
.form-controls a, .email-compose-form-controls a, .email-compose-wysiwyg-editor a, .email-compose-attachment-controls a, .email-compose-notation-controls a { float: right; font-weight: 600; font-size: 12px; margin-top: 0px; }
.form-controls a:hover, .email-compose-form-controls a:hover, .email-compose-wysiwyg-editor a:hover, .email-compose-attachment-controls a:hover, .email-compose-notation-controls a:hover { text-decoration: underline; }
.form-controls .error-tooltip, .email-compose-form-controls .error-tooltip, .email-compose-wysiwyg-editor .error-tooltip, .email-compose-attachment-controls .error-tooltip, .email-compose-notation-controls .error-tooltip { display: block; padding: 12px; font-size: 14px; color: #fde1de; line-height: 18px; background: #ee6050; position: relative; margin-left: 143px; margin-top: 12px; }
.form-controls .error-tooltip:before, .email-compose-form-controls .error-tooltip:before, .email-compose-wysiwyg-editor .error-tooltip:before, .email-compose-attachment-controls .error-tooltip:before, .email-compose-notation-controls .error-tooltip:before { display: block; content: ""; position: absolute; top: -5px; left: 30px; width: 10px; height: 10px; background: #ee6050; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.form-controls .invalid input[type="text"], .form-controls .invalid input[type="email"], .form-controls .invalid input[type="password"], .form-controls .invalid input[type="tel"], .form-controls .invalid textarea, .email-compose-form-controls .invalid input[type="text"], .email-compose-form-controls .invalid input[type="email"], .email-compose-form-controls .invalid input[type="password"], .email-compose-form-controls .invalid input[type="tel"], .email-compose-form-controls .invalid textarea, .email-compose-wysiwyg-editor .invalid input[type="text"], .email-compose-wysiwyg-editor .invalid input[type="email"], .email-compose-wysiwyg-editor .invalid input[type="password"], .email-compose-wysiwyg-editor .invalid input[type="tel"], .email-compose-wysiwyg-editor .invalid textarea, .email-compose-attachment-controls .invalid input[type="text"], .email-compose-attachment-controls .invalid input[type="email"], .email-compose-attachment-controls .invalid input[type="password"], .email-compose-attachment-controls .invalid input[type="tel"], .email-compose-attachment-controls .invalid textarea, .email-compose-notation-controls .invalid input[type="text"], .email-compose-notation-controls .invalid input[type="email"], .email-compose-notation-controls .invalid input[type="password"], .email-compose-notation-controls .invalid input[type="tel"], .email-compose-notation-controls .invalid textarea { border: 1px solid #ee6050; }
.form-controls .invalid .bootstrap-tagsinput, .email-compose-form-controls .invalid .bootstrap-tagsinput, .email-compose-wysiwyg-editor .invalid .bootstrap-tagsinput, .email-compose-attachment-controls .invalid .bootstrap-tagsinput, .email-compose-notation-controls .invalid .bootstrap-tagsinput { border: 1px solid #ee6050; }
.form-controls .invalid .bootstrap-tagsinput input[type="text"], .form-controls .invalid .bootstrap-tagsinput input[type="email"], .form-controls .invalid .bootstrap-tagsinput input[type="password"], .form-controls .invalid .bootstrap-tagsinput input[type="tel"], .form-controls .invalid .bootstrap-tagsinput textarea, .email-compose-form-controls .invalid .bootstrap-tagsinput input[type="text"], .email-compose-form-controls .invalid .bootstrap-tagsinput input[type="email"], .email-compose-form-controls .invalid .bootstrap-tagsinput input[type="password"], .email-compose-form-controls .invalid .bootstrap-tagsinput input[type="tel"], .email-compose-form-controls .invalid .bootstrap-tagsinput textarea, .email-compose-wysiwyg-editor .invalid .bootstrap-tagsinput input[type="text"], .email-compose-wysiwyg-editor .invalid .bootstrap-tagsinput input[type="email"], .email-compose-wysiwyg-editor .invalid .bootstrap-tagsinput input[type="password"], .email-compose-wysiwyg-editor .invalid .bootstrap-tagsinput input[type="tel"], .email-compose-wysiwyg-editor .invalid .bootstrap-tagsinput textarea, .email-compose-attachment-controls .invalid .bootstrap-tagsinput input[type="text"], .email-compose-attachment-controls .invalid .bootstrap-tagsinput input[type="email"], .email-compose-attachment-controls .invalid .bootstrap-tagsinput input[type="password"], .email-compose-attachment-controls .invalid .bootstrap-tagsinput input[type="tel"], .email-compose-attachment-controls .invalid .bootstrap-tagsinput textarea, .email-compose-notation-controls .invalid .bootstrap-tagsinput input[type="text"], .email-compose-notation-controls .invalid .bootstrap-tagsinput input[type="email"], .email-compose-notation-controls .invalid .bootstrap-tagsinput input[type="password"], .email-compose-notation-controls .invalid .bootstrap-tagsinput input[type="tel"], .email-compose-notation-controls .invalid .bootstrap-tagsinput textarea { border: none; }
.form-controls .invalid .upload-no-preview, .email-compose-form-controls .invalid .upload-no-preview, .email-compose-wysiwyg-editor .invalid .upload-no-preview, .email-compose-attachment-controls .invalid .upload-no-preview, .email-compose-notation-controls .invalid .upload-no-preview { border: 1px solid #ee6050; }
.form-controls .extra-field-toggle-controls, .email-compose-form-controls .extra-field-toggle-controls, .email-compose-wysiwyg-editor .extra-field-toggle-controls, .email-compose-attachment-controls .extra-field-toggle-controls, .email-compose-notation-controls .extra-field-toggle-controls { width: 80px; float: right; color: #777F8C; font-size: 12px; font-weight: 600; text-align: right; padding-right: 12px; }
.form-controls .extra-field-toggle-controls span, .email-compose-form-controls .extra-field-toggle-controls span, .email-compose-wysiwyg-editor .extra-field-toggle-controls span, .email-compose-attachment-controls .extra-field-toggle-controls span, .email-compose-notation-controls .extra-field-toggle-controls span { cursor: pointer; height: 36px; line-height: 36px; display: inline-block; vertical-align: top; padding: 0 6px; color: #3498df; }
.form-controls .extra-field-toggle-controls span:hover, .email-compose-form-controls .extra-field-toggle-controls span:hover, .email-compose-wysiwyg-editor .extra-field-toggle-controls span:hover, .email-compose-attachment-controls .extra-field-toggle-controls span:hover, .email-compose-notation-controls .extra-field-toggle-controls span:hover { color: #5c6066; }

.form-controls-half { width: 48%; display: inline-block; vertical-align: top; }

.email-compose-form-controls, .email-compose-wysiwyg-editor, .email-compose-attachment-controls, .email-compose-notation-controls { border-bottom: 1px solid #dfe2e6; padding: 6px 0; margin: 0; }
.email-compose-form-controls:before, .email-compose-form-controls:after, .email-compose-wysiwyg-editor:before, .email-compose-wysiwyg-editor:after, .email-compose-attachment-controls:before, .email-compose-attachment-controls:after, .email-compose-notation-controls:before, .email-compose-notation-controls:after { display: table; content: ""; }
.email-compose-form-controls:after, .email-compose-wysiwyg-editor:after, .email-compose-attachment-controls:after, .email-compose-notation-controls:after { clear: both; }
.email-compose-form-controls label, .email-compose-wysiwyg-editor label, .email-compose-attachment-controls label, .email-compose-notation-controls label { float: left; width: 90px; height: 36px; line-height: 36px; border-right: 1px solid #dfe2e6; font-weight: 600; color: #5c6066; padding-left: 18px; margin-bottom: 0; margin-right: 18px; }
.email-compose-form-controls input[type="text"], .email-compose-form-controls input[type="email"], .email-compose-form-controls input[type="password"], .email-compose-form-controls textarea, .email-compose-wysiwyg-editor input[type="text"], .email-compose-wysiwyg-editor input[type="email"], .email-compose-wysiwyg-editor input[type="password"], .email-compose-wysiwyg-editor textarea, .email-compose-attachment-controls input[type="text"], .email-compose-attachment-controls input[type="email"], .email-compose-attachment-controls input[type="password"], .email-compose-attachment-controls textarea, .email-compose-notation-controls input[type="text"], .email-compose-notation-controls input[type="email"], .email-compose-notation-controls input[type="password"], .email-compose-notation-controls textarea { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 554px; padding: 0; height: 36px; }
.email-compose-form-controls input[type="text"]:focus, .email-compose-form-controls input[type="email"]:focus, .email-compose-form-controls input[type="password"]:focus, .email-compose-form-controls textarea:focus, .email-compose-wysiwyg-editor input[type="text"]:focus, .email-compose-wysiwyg-editor input[type="email"]:focus, .email-compose-wysiwyg-editor input[type="password"]:focus, .email-compose-wysiwyg-editor textarea:focus, .email-compose-attachment-controls input[type="text"]:focus, .email-compose-attachment-controls input[type="email"]:focus, .email-compose-attachment-controls input[type="password"]:focus, .email-compose-attachment-controls textarea:focus, .email-compose-notation-controls input[type="text"]:focus, .email-compose-notation-controls input[type="email"]:focus, .email-compose-notation-controls input[type="password"]:focus, .email-compose-notation-controls textarea:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.email-compose-form-controls .dropdown-container, .email-compose-wysiwyg-editor .dropdown-container, .email-compose-attachment-controls .dropdown-container, .email-compose-notation-controls .dropdown-container { width: 554px; }
.email-compose-form-controls .bootstrap-tagsinput, .email-compose-wysiwyg-editor .bootstrap-tagsinput, .email-compose-attachment-controls .bootstrap-tagsinput, .email-compose-notation-controls .bootstrap-tagsinput { width: 492px; }
.email-compose-form-controls .error-tooltip, .email-compose-wysiwyg-editor .error-tooltip, .email-compose-attachment-controls .error-tooltip, .email-compose-notation-controls .error-tooltip { margin-left: 108px; margin-right: 18px; }
.email-compose-form-controls .email-compose-form-grouped-controls:before, .email-compose-form-controls .email-compose-form-grouped-controls:after, .email-compose-wysiwyg-editor .email-compose-form-grouped-controls:before, .email-compose-wysiwyg-editor .email-compose-form-grouped-controls:after, .email-compose-attachment-controls .email-compose-form-grouped-controls:before, .email-compose-attachment-controls .email-compose-form-grouped-controls:after, .email-compose-notation-controls .email-compose-form-grouped-controls:before, .email-compose-notation-controls .email-compose-form-grouped-controls:after { display: table; content: ""; }
.email-compose-form-controls .email-compose-form-grouped-controls:after, .email-compose-wysiwyg-editor .email-compose-form-grouped-controls:after, .email-compose-attachment-controls .email-compose-form-grouped-controls:after, .email-compose-notation-controls .email-compose-form-grouped-controls:after { clear: both; }

.email-compose-wysiwyg-editor { padding: 0; }
.email-compose-wysiwyg-editor a { margin-top: 0; }
.email-compose-wysiwyg-editor .reply-preview-container { width: 100%; border: none; }

.email-compose-attachment-controls label, .email-compose-notation-controls label { width: 165px; }
.email-compose-attachment-controls label .icon-paperclip, .email-compose-attachment-controls label .data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details .stored-document-container .stored-document-header ul li a:before, .data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details .stored-document-container .stored-document-header ul li .email-compose-attachment-controls label a:before, .email-compose-attachment-controls label .history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details .stored-document-container .stored-document-header ul li a:before, .history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details .stored-document-container .stored-document-header ul li .email-compose-attachment-controls label a:before, .email-compose-attachment-controls label .icon-note, .email-compose-attachment-controls label .icon-nav-notation-category, .email-compose-attachment-controls label .icon-nav-notation-event, .email-compose-notation-controls label .icon-paperclip, .email-compose-notation-controls label .data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details .stored-document-container .stored-document-header ul li a:before, .data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details .stored-document-container .stored-document-header ul li .email-compose-notation-controls label a:before, .email-compose-notation-controls label .history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details .stored-document-container .stored-document-header ul li a:before, .history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details .stored-document-container .stored-document-header ul li .email-compose-notation-controls label a:before, .email-compose-notation-controls label .icon-note, .email-compose-notation-controls label .icon-nav-notation-category, .email-compose-notation-controls label .icon-nav-notation-event { display: inline-block; margin-top: 8px; }
.email-compose-attachment-controls input[type="text"], .email-compose-attachment-controls input[type="email"], .email-compose-attachment-controls input[type="password"], .email-compose-attachment-controls textarea, .email-compose-notation-controls input[type="text"], .email-compose-notation-controls input[type="email"], .email-compose-notation-controls input[type="password"], .email-compose-notation-controls textarea { width: 479px; }
.email-compose-attachment-controls .toggle-popup, .email-compose-notation-controls .toggle-popup { float: left; }
.email-compose-attachment-controls .error-tooltip, .email-compose-notation-controls .error-tooltip { margin-left: 183px; margin-right: 18px; }

.email-compose-attachment-controls .attachment-selector { float: left; }
.email-compose-attachment-controls .bootstrap-tagsinput { width: 366px; }
.email-compose-attachment-controls .tag-secondary { margin-top: 6px; }

.email-compose-notation-controls label { height: 86px; }
.email-compose-notation-controls textarea { height: 86px; resize: none; }

label { font-size: 13px; color: #5c6066; font-weight: 600; display: inline-block; vertical-align: top; width: 140px; }
label.full-width { width: 100%; }

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea { padding: 0 10px; margin: 0; border: 1px solid #c2c5cc; outline: none; display: inline-block; vertical-align: middle; font-size: 14px; height: 30px; color: #5c6066; font-family: "ProximaNova", "Helvetica", "Arial", sans-serif; }
input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, textarea:-moz-placeholder { color: #959dac; }
input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #959dac; }
input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #959dac; }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, textarea:focus { border-color: #3498df; -webkit-box-shadow: 0 0 5px #3498df; -moz-box-shadow: 0 0 5px #3498df; box-shadow: 0 0 5px #3498df; }
input[type="text"]:disabled, input[type="email"]:disabled, input[type="password"]:disabled, input[type="tel"]:disabled, textarea:disabled { cursor: not-allowed; }
input[type="text"].invalid, input[type="email"].invalid, input[type="password"].invalid, input[type="tel"].invalid, textarea.invalid { border: 1px solid #ee6050; }

textarea { padding: 10px; line-height: 18px; height: auto; }

.search-input-container { position: relative; }
.search-input-container:before { display: block; content: ""; top: 2px; right: 7px; position: absolute; z-index: 3; }
.search-input-container input[type="text"] { position: relative; z-index: 1; padding-right: 30px; font-family: inherit; }

.intl-tel-input { width: 100%; }

.dropdown-container { position: relative; display: inline-block; vertical-align: top; }
.dropdown-container .icon-select-arrows { display: block; width: 29px; height: 28px; position: absolute; top: 1px; right: 1px; border-left: 1px solid #c2c5cc; background-color: #fff; background-size: 40px 40px; background-position: top right; z-index: 3; cursor: pointer; pointer-events: none; }
.dropdown-container .icon-select-arrows:before { content: ""; border: none; position: absolute; top: 9px; left: 5px; }
.dropdown-container select { -webkit-appearance: none; -moz-appearance: none; position: relative; z-index: 2; cursor: pointer; border: 1px solid #c2c5cc; width: 100%; outline: none; height: 30px; padding: 0 42px 0 12px; line-height: 28px; border-radius: 2px; background: #fff; font-family: inherit; color: #5c6066; font-size: 14px; }
.dropdown-container select::-ms-expand { display: none; }
.dropdown-container.invalid .icon-select-arrows { border-left-color: #ee6050; }
.dropdown-container.invalid .icon-select-arrows:before { background-position: -384px -16px; }
.dropdown-container.invalid select { border-color: #ee6050; }
.dropdown-container .new-entry { margin-top: 4px; display: block; }

.custom-checkbox, .custom-radio { display: inline-block; vertical-align: top; margin: 0 6px 0 0; width: 18px; height: 18px; position: relative; border: 1px solid #c2c5cc; }

.checkbox { margin-bottom: 3px; }
.checkbox .custom-checkbox { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #3498df; -webkit-transition: box-shadow 180ms ease; -moz-transition: box-shadow 180ms ease; -o-transition: box-shadow 180ms ease; transition: box-shadow 180ms ease; -webkit-box-shadow: inset 0 0 0 12px #fff; -moz-box-shadow: inset 0 0 0 12px #fff; box-shadow: inset 0 0 0 12px #fff; top: -1px; }
.checkbox .icon-check { position: absolute; top: 2px; left: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 180ms ease; -moz-transition: all 180ms ease; -o-transition: all 180ms ease; transition: all 180ms ease; }
.checkbox input[type="checkbox"]:checked + .custom-checkbox { border-color: #c2c5cc; box-shadow: none; }
.checkbox input[type="checkbox"]:checked + .custom-checkbox .icon-check { -webkit-transform: scale(0.74); -moz-transform: scale(0.74); -ms-transform: scale(0.74); -o-transform: scale(0.74); transform: scale(0.74); }
.checkbox input[type="checkbox"]:disabled + .custom-checkbox { background: #c2c5cc; }

.radio-list { list-style-type: none; }

.radio { margin-bottom: 3px; }
.radio .custom-radio { -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; background: #3498df; -webkit-box-shadow: inset 0 0 0 12px #fff; -moz-box-shadow: inset 0 0 0 12px #fff; box-shadow: inset 0 0 0 12px #fff; -webkit-transition: box-shadow 180m ease; -moz-transition: box-shadow 180m ease; -o-transition: box-shadow 180m ease; transition: box-shadow 180m ease; }
.radio input[type="radio"]:checked + .custom-radio { border-color: #c2c5cc; background: #3498df; -webkit-box-shadow: inset 0 0 0 4px #fff; -moz-box-shadow: inset 0 0 0 4px #fff; box-shadow: inset 0 0 0 4px #fff; }

.toggle-switch-left { float: left; padding-bottom: 15px; padding-right: 15px; }

.toggle-title:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

.toggle-title { font-size: 16px; font-weight: bold; }

.toggle-title-changed { color: #1dbc58; }

.toggle-description { margin-left: 42px; }

.toggle-add-account { margin: 12px 0 12px 42px; }

.toggle-account-item { display: inline-block; }
.toggle-account-item .icon-trash { display: inline-block; }

.toggle-account { margin: 12px; display: inline-block; }

.toggle-switch-on { background-color: #1dbc58; background-image: -webkit-gradient(linear, left top, left bottom, from(#1dbc58), to(#23ca6f)); background-image: -webkit-linear-gradient(top, #1dbc58, #23ca6f); background-image: -moz-linear-gradient(top, #1dbc58, #23ca6f); background-image: -o-linear-gradient(top, #1dbc58, #23ca6f); background-image: -ms-linear-gradient(top, #1dbc58, #23ca6f); background-image: linear-gradient(top, #1dbc58, #23ca6f); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1DBC58', endColorstr='#FF23CA6F', GradientType=0); }
.toggle-switch-on > span { left: 14px; }

.toggle-switch-off { background-color: #a6a9b0; background-image: -webkit-gradient(linear, left top, left bottom, from(#a6a9b0), to(#b7bac0)); background-image: -webkit-linear-gradient(top, #a6a9b0, #b7bac0); background-image: -moz-linear-gradient(top, #a6a9b0, #b7bac0); background-image: -o-linear-gradient(top, #a6a9b0, #b7bac0); background-image: -ms-linear-gradient(top, #a6a9b0, #b7bac0); background-image: linear-gradient(top, #a6a9b0, #b7bac0); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA6A9B0', endColorstr='#FFB7BAC0', GradientType=0); }
.toggle-switch-off > span { left: 2px; }

.list-filter-container { border-top: 1px solid #c2c5cc; border-bottom: 1px solid #c2c5cc; padding: 18px 0; margin-bottom: 30px; margin-top: 12px; }
.list-filter-container:before, .list-filter-container:after { display: table; content: ""; }
.list-filter-container:after { clear: both; }
.list-filter-container form { float: left; }
.list-filter-container .form-controls { display: inline-block; vertical-align: top; margin-bottom: 0px; margin-left: 29px; }
.list-filter-container .form-controls label { display: block; }
.list-filter-container .form-controls:first-child { margin-left: 0px; }
.list-filter-container .form-controls .button-reset { margin-left: 30px; }
.list-filter-container .search-input-container input[type='text'] { width: 240px; }
.list-filter-container .dropdown-container { width: 190px; }
.list-filter-container .button-primary { float: right; }

.attachment-selector { position: relative; }
.attachment-selector button { padding-right: 40px; }
.attachment-selector button:before { position: absolute; top: 0; right: 28px; content: ""; border-left: 1px solid #c6c9cc; height: 100%; }
.attachment-selector button:after { position: absolute; top: 13px; right: 10px; content: ""; }
.attachment-selector button.expanded:after { top: 12px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.attachment-selector .popup { position: absolute; background: #fff; border: 1px solid #c2c5cc; bottom: 34px; left: -2px; width: 250px; }
.attachment-selector .popup:before, .attachment-selector .popup:after { width: 0; height: 0; border-style: solid; border-color: transparent; border-bottom: 0; content: ""; position: absolute; }
.attachment-selector .popup:before { border-top-color: #c2c5cc; border-width: 7px; bottom: -7px; left: 80px; }
.attachment-selector .popup:after { border-top-color: #fff; border-width: 6px; bottom: -6px; left: 81px; }
.attachment-selector .popup .popup-tabs { list-style-type: none; margin: 0; padding: 0; }
.attachment-selector .popup .popup-tabs:before, .attachment-selector .popup .popup-tabs:after { display: table; content: ""; }
.attachment-selector .popup .popup-tabs:after { clear: both; }
.attachment-selector .popup .popup-tabs li { float: left; width: 50%; border-right: 1px solid #c6c9cc; border-bottom: 1px solid #c6c9cc; background: #f1f6fA; }
.attachment-selector .popup .popup-tabs li.active { background: #e0e2e5; }
.attachment-selector .popup .popup-tabs li.active div { font-weight: 600; }
.attachment-selector .popup .popup-tabs li div { color: #5c6066; float: none; display: block; text-align: left; margin: 0; padding: 6px 12px; cursor: pointer; }
.attachment-selector .popup .popup-tabs li:last-child { border-right: none; }
.attachment-selector .popup .popup-tab-content { list-style-type: none; margin: 0; padding: 4px 8px; height: 180px; overflow: scroll; }
.attachment-selector .popup .popup-tab-content li { display: block; text-align: left; margin-bottom: 8px; }
.attachment-selector .popup .popup-tab-content li label { float: none; margin: 0; padding: 0; text-align: left; width: auto; height: auto; border-right: none; line-height: 18px; }
.attachment-selector .popup .popup-tab-content li .checkbox { display: inline-block; }
.attachment-selector .popup .popup-tab-content li a { margin-top: 0; }
.attachment-selector .popup .popup-tab-content li .icon-preview:hover { background-position-y: -16px; }

.form-view { width: 455px; }
.form-view h1 { border-bottom: 1px solid #c2c5cc; margin-bottom: 18px; padding-bottom: 8px; }
.form-view .form-controls label { color: #777F8C; display: block; }
.form-view .form-controls input[type="text"], .form-view .form-controls input[type="email"], .form-view .form-controls input[type="password"], .form-view .form-controls input[type="tel"], .form-view .form-controls textarea { width: 100%; }
.form-view .form-controls .error-tooltip { margin-left: 0; }
.form-view .form-controls .nested-selection-list ul { list-style-type: none; margin: 0; padding: 0; }
.form-view .form-controls .nested-selection-list ul li .checkbox label .label { font-weight: normal; }
.form-view .form-controls .nested-selection-list ul ul { list-style-type: none; margin: 0 0 18px 27px; padding: 0; }

.uploader { border: 1px solid #c2c5cc; background: #fff; height: 31px; width: 100%; font-size: 14px; color: #5c6066; position: relative; display: block; margin: 0; padding: 0; }
.uploader.invalid { border: 1px solid #ee6050; }
.uploader:focus { outline: none; border-color: #3498df; -webkit-box-shadow: 0 0 5px #3498df; -moz-box-shadow: 0 0 5px #3498df; box-shadow: 0 0 5px #3498df; }
.uploader input { opacity: 0; border: none; background: none; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100%; }
.uploader .filename { cursor: default; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; position: absolute; top: 0; left: 0; right: 0; margin-left: 116px; padding: 6px; }
.uploader .action { display: block; position: absolute; left: 0; top: 0; bottom: 0; text-align: center; width: 116px; padding: 6px 0; color: #626873; background-color: #f7fbff; border-right: 1px solid #c6c9cc; font-weight: 600; font-size: 14px; font-family: "ProximaNova", "Helvetica", "Arial", sans-serif; cursor: pointer; -webkit-appearance: none; outline: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.upload-image-with-preview { width: 200px; height: 200px; overflow: hidden; position: relative; }
.upload-image-with-preview .upload-no-preview { position: absolute; top: 0; left: 0; width: 200px; height: 200px; background-color: #f7fbff; border: 1px solid #c6c9cc; color: #626873; font-weight: bold; text-align: center; text-transform: uppercase; font-size: 18px; line-height: 200px; }
.upload-image-with-preview .upload-preview { position: absolute; top: 0; left: 0; width: 200px; height: 200px; }
.upload-image-with-preview .upload-preview img { max-width: 200px; max-height: 200px; }
.upload-image-with-preview .upload-file-field { width: 200px; height: 200px; position: absolute; top: 0; left: 0; opacity: 0; cursor: pointer; }

.add-another-text-list .text-item, .add-another-text-list .text-item-no-delete, .add-another-text-list .text-item-2-inputs, .add-another-text-list .text-item-2-inputs-no-delete { position: relative; margin-bottom: 4px; }
.add-another-text-list .text-item input[type="text"], .add-another-text-list .text-item-no-delete input[type="text"], .add-another-text-list .text-item-2-inputs input[type="text"], .add-another-text-list .text-item-2-inputs-no-delete input[type="text"] { width: calc(100% - 20px); }
.add-another-text-list .text-item input[type="text"]:disabled, .add-another-text-list .text-item-no-delete input[type="text"]:disabled, .add-another-text-list .text-item-2-inputs input[type="text"]:disabled, .add-another-text-list .text-item-2-inputs-no-delete input[type="text"]:disabled { color: #959dac; background-color: #edeff2; }
.add-another-text-list .text-item .icon-trash, .add-another-text-list .text-item-no-delete .icon-trash, .add-another-text-list .text-item-2-inputs .icon-trash, .add-another-text-list .text-item-2-inputs-no-delete .icon-trash { cursor: pointer; display: inline-block; vertical-align: middle; }
.add-another-text-list .text-item .fly-out-options, .add-another-text-list .text-item-no-delete .fly-out-options, .add-another-text-list .text-item-2-inputs .fly-out-options, .add-another-text-list .text-item-2-inputs-no-delete .fly-out-options { position: absolute; left: 100%; margin-left: 4px; top: 8px; white-space: nowrap; }
.add-another-text-list .text-item .badge, .add-another-text-list .text-item .badge-inactive, .add-another-text-list .text-item-no-delete .badge, .add-another-text-list .text-item-no-delete .badge-inactive, .add-another-text-list .text-item-2-inputs .badge, .add-another-text-list .text-item-2-inputs .badge-inactive, .add-another-text-list .text-item-2-inputs-no-delete .badge, .add-another-text-list .text-item-2-inputs-no-delete .badge-inactive { vertical-align: top; }
.add-another-text-list .text-item .badge-inactive, .add-another-text-list .text-item-no-delete .badge-inactive, .add-another-text-list .text-item-2-inputs .badge-inactive, .add-another-text-list .text-item-2-inputs-no-delete .badge-inactive { cursor: pointer; }
.add-another-text-list .text-item-no-delete input[type="text"] { width: 100%; }
.add-another-text-list .text-item-2-inputs-no-delete input[type="text"] { width: calc(50% - 2px); }
.add-another-text-list .text-item-2-inputs input[type="text"] { width: calc(50% - 12px); }

.number-management__form { display: flex; align-items: flex-start; }
.number-management__form label { width: 100%; }
.number-management__form .error-tooltip { margin-left: 0; max-width: 150px; }

.number-management__form-refresh { margin-top: 16px; }

.number_management__grid.data-grid-container .data-grid-controls .search-control form input[type="text"] { width: 475px; }

.checkbox__all-numbers { padding: 10px 0; }

.number-management__form-text { color: #3498df; }

.number-management__instruction { padding-top: 10px; }

.checkbox__close-account { margin: 10px auto; text-align: center; }

.selected-numbers__container { display: flex; flex-direction: column; align-items: center; }

.selected-numbers__confirmation { margin-top: 20px; }

.selected-numbers__notes { margin: 20px auto; }

.selected-numbers__numbers-list { height: 100%; max-height: 400px; width: 400px; overflow-y: scroll; }

.selected-numbers { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: space-around; }

.selected-number { margin: 8px; }

.selected-numbers__controls { margin: 20px auto; display: flex; align-items: flex-start; justify-content: center; }
.selected-numbers__controls label { width: 200px; }
.selected-numbers__controls .error-tooltip { margin-left: 0; max-width: 150px; }

.selected-numbers__actions { display: flex; justify-content: center; margin: 20px auto; height: 60px; }

.selected-numbers__results { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 20px auto; min-height: 180px; }
.selected-numbers__results .label { font-weight: bold; }

.selected-numbers__result { display: flex; flex-direction: column; min-height: 40px; }

.deactivate-warning { color: #ee6050; clear: both; padding-top: 16px; }

/*------------------------------------*\ $COMPONENTS
\*------------------------------------*/
.icon-preview { width: 16px; height: 16px; display: inline-block; background: url("../img/crm/sprite.png") no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-preview { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-account-signup-online, .icon-account-signup-phone, .icon-account-plan-cloud, .icon-account-plan-inbound, .icon-account-type-business, .icon-account-type-personal, .icon-account-industry-agriculture, .icon-account-industry-gas, .icon-account-industry-utilities, .icon-account-industry-construction, .icon-account-industry-manufacturing, .icon-account-industry-wholesale, .icon-account-industry-retail, .icon-account-industry-transport, .icon-account-industry-information, .icon-account-industry-finance, .icon-account-industry-industry, .icon-account-industry-science, .icon-account-industry-management, .icon-account-industry-admin, .icon-account-industry-education, .icon-account-industry-healthcare, .icon-account-industry-arts, .icon-account-industry-accommodation, .icon-account-industry-other-services, .icon-account-industry-public-admin, .icon-account-purpose-forwarding, .icon-account-purpose-phone, .icon-account-purpose-tracking, .icon-account-heardfrom-search, .icon-account-heardfrom-facebook, .icon-account-heardfrom-twitter, .icon-account-heardfrom-youtube, .icon-account-heardfrom-email, .icon-account-heardfrom-friend, .icon-account-heardfrom-event, .icon-account-heardfrom-ad, .icon-account-heardfrom-other { position: relative; width: 40px; height: 40px; display: inline-block; position: relative; background: url("../img/crm/sprite.png") no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-account-signup-online, .icon-account-signup-phone, .icon-account-plan-cloud, .icon-account-plan-inbound, .icon-account-type-business, .icon-account-type-personal, .icon-account-industry-agriculture, .icon-account-industry-gas, .icon-account-industry-utilities, .icon-account-industry-construction, .icon-account-industry-manufacturing, .icon-account-industry-wholesale, .icon-account-industry-retail, .icon-account-industry-transport, .icon-account-industry-information, .icon-account-industry-finance, .icon-account-industry-industry, .icon-account-industry-science, .icon-account-industry-management, .icon-account-industry-admin, .icon-account-industry-education, .icon-account-industry-healthcare, .icon-account-industry-arts, .icon-account-industry-accommodation, .icon-account-industry-other-services, .icon-account-industry-public-admin, .icon-account-purpose-forwarding, .icon-account-purpose-phone, .icon-account-purpose-tracking, .icon-account-heardfrom-search, .icon-account-heardfrom-facebook, .icon-account-heardfrom-twitter, .icon-account-heardfrom-youtube, .icon-account-heardfrom-email, .icon-account-heardfrom-friend, .icon-account-heardfrom-event, .icon-account-heardfrom-ad, .icon-account-heardfrom-other { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-activity-call, .icon-activity-email, .icon-activity-ticket, .icon-activity-notate { width: 18px; height: 18px; display: inline-block; vertical-align: middle; position: relative; top: -2px; margin-right: 6px; background: url("../img/crm/sprite.png") no-repeat 0 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-activity-call, .icon-activity-email, .icon-activity-ticket, .icon-activity-notate { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-account-signup-online { background-position: 0 -50px; }

.icon-account-signup-phone { background-position: -40px -50px; }

.icon-account-plan-cloud { background-position: -80px -50px; }

.icon-account-plan-inbound { background-position: -120px -50px; }

.icon-account-type-business { background-position: -160px -50px; }

.icon-account-type-personal { background-position: -200px -50px; }

.icon-account-industry-agriculture { background-position: -240px -50px; }

.icon-account-industry-gas { background-position: -280px -50px; }

.icon-account-industry-utilities { background-position: -320px -50px; }

.icon-account-industry-construction { background-position: -360px -50px; }

.icon-account-industry-manufacturing { background-position: -400px -50px; }

.icon-account-industry-wholesale { background-position: -440px -50px; }

.icon-account-industry-retail { background-position: -480px -50px; }

.icon-account-industry-transport { background-position: -520px -50px; }

.icon-account-industry-information { background-position: -560px -50px; }

.icon-account-industry-finance { background-position: -600px -50px; }

.icon-account-industry-industry { background-position: -640px -50px; }

.icon-account-industry-science { background-position: 0 -90px; }

.icon-account-industry-management { background-position: -40px -90px; }

.icon-account-industry-admin { background-position: -80px -90px; }

.icon-account-industry-education { background-position: -120px -90px; }

.icon-account-industry-healthcare { background-position: -160px -90px; }

.icon-account-industry-arts { background-position: -200px -90px; }

.icon-account-industry-accommodation { background-position: -240px -90px; }

.icon-account-industry-other-services { background-position: -280px -90px; }

.icon-account-industry-public-admin { background-position: -320px -90px; }

.icon-account-purpose-forwarding { background-position: -360px -90px; }

.icon-account-purpose-phone { background-position: -400px -90px; }

.icon-account-purpose-tracking { background-position: -440px -90px; }

.icon-account-heardfrom-search { background-position: -480px -90px; }

.icon-account-heardfrom-facebook { background-position: -520px -90px; }

.icon-account-heardfrom-twitter { background-position: -560px -90px; }

.icon-account-heardfrom-youtube { background-position: -600px -90px; }

.icon-account-heardfrom-email { background-position: -640px -90px; }

.icon-account-heardfrom-friend { background-position: -680px -90px; }

.icon-account-heardfrom-event { background-position: -720px -90px; }

.icon-account-heardfrom-ad { background-position: -760px -90px; }

.icon-account-heardfrom-other { background-position: -800px -90px; }

.icon-account-flag-welcome { background: url("../img/crm/sprite.png") no-repeat -32px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-account-flag-welcome { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-account-flag-problems { background: url("../img/crm/sprite.png") no-repeat 0 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-account-flag-problems { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-account-flag-settings { background: url("../img/crm/sprite.png") no-repeat -16px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-account-flag-settings { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-account-flag-notifications { background: url("../img/crm/sprite.png") no-repeat -48px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-account-flag-notifications { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-activity-call { background-position: -400px 0; }

.icon-activity-email { background-position: -418px 0; }

.icon-activity-ticket { background-position: -436px 0; }

.icon-activity-notate { background-position: -454px 0; }

.icon-drop-arrow, .attachment-selector button:after { width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #626873; vertical-align: middle; }

.icon-arrow-up { background: url("../img/crm/sprite.png") no-repeat -64px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-arrow-up { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-calendar { background: url("../img/crm/sprite.png") no-repeat -80px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-calendar { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-check { background: url("../img/crm/sprite.png") no-repeat -96px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-check { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-chevron-left { background: url("../img/crm/sprite.png") no-repeat -112px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-chevron-left { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-chevron-right { background: url("../img/crm/sprite.png") no-repeat -128px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-chevron-right { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-circle-check { background: url("../img/crm/sprite.png") no-repeat -144px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-circle-check { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-close-modal, .modal .header .modal-close-minimize .modal-close .icon-x, .modal .header > .modal-close .icon-x { background: url("../img/crm/sprite.png") no-repeat -160px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-close-modal, .modal .header .modal-close-minimize .modal-close .icon-x, .modal .header > .modal-close .icon-x { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-minimize-modal, .modal .header .modal-close-minimize .modal-minimize .icon-minimize { background: url("../img/crm/sprite.png") no-repeat -496px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-minimize-modal, .modal .header .modal-close-minimize .modal-minimize .icon-minimize { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-maximize-modal, .modal.minimized .header .modal-close-minimize .modal-minimize .icon-minimize { background: url("../img/crm/sprite.png") no-repeat -512px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-maximize-modal, .modal.minimized .header .modal-close-minimize .modal-minimize .icon-minimize { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-desktop { background: url("../img/crm/sprite.png") no-repeat -176px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-desktop { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-edit { background: url("../img/crm/sprite.png") no-repeat -192px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-edit { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-lock { background: url("../img/crm/sprite.png") no-repeat -208px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-lock { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-mobile { background: url("../img/crm/sprite.png") no-repeat -224px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-mobile { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-nav-gear { background: url("../img/crm/sprite.png") no-repeat -240px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-nav-gear { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-nav-user { background: url("../img/crm/sprite.png") no-repeat -256px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-nav-user { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-note, .icon-nav-notation-category, .icon-nav-notation-event { background: url("../img/crm/sprite.png") no-repeat -272px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-note, .icon-nav-notation-category, .icon-nav-notation-event { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-nav-resources { background: url("../img/crm/sprite.png") no-repeat -529px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-nav-resources { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-paperclip, .data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details .stored-document-container .stored-document-header ul li a:before, .history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details .stored-document-container .stored-document-header ul li a:before { background: url("../img/crm/sprite.png") no-repeat -288px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-paperclip, .data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details .stored-document-container .stored-document-header ul li a:before, .history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details .stored-document-container .stored-document-header ul li a:before { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-save { background: url("../img/crm/sprite.png") no-repeat -304px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-save { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-search, .search-input-container:before { background: url("../img/crm/sprite.png") no-repeat -320px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-search, .search-input-container:before { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-settings { background: url("../img/crm/sprite.png") no-repeat -336px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-settings { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-tablet { background: url("../img/crm/sprite.png") no-repeat -352px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-tablet { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-trash { background: url("../img/crm/sprite.png") no-repeat -368px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-trash { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-trash:hover { background-position-y: -16px; }

.icon-select-arrows-box, .dropdown-container .icon-select-arrows:before { background: url("../img/crm/sprite.png") no-repeat -384px 0; width: 16px; height: 16px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-select-arrows-box, .dropdown-container .icon-select-arrows:before { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-default-avatar, header .logged-in-user-profile .avatar .icon-no-avatar:before, .user-list-content-box .user-info .avatar .icon-no-avatar, .user-list-content-box .user-info .avatar-inactive .icon-no-avatar, .user-list-content-box .info .avatar .icon-no-avatar, .user-list-content-box .info .avatar-inactive .icon-no-avatar, .settings-list-content-box .user-info .avatar .icon-no-avatar, .developer-list-content-box .user-info .avatar .icon-no-avatar, .settings-list-content-box .user-info .avatar-inactive .icon-no-avatar, .developer-list-content-box .user-info .avatar-inactive .icon-no-avatar, .settings-list-content-box .info .avatar .icon-no-avatar, .developer-list-content-box .info .avatar .icon-no-avatar, .settings-list-content-box .info .avatar-inactive .icon-no-avatar, .developer-list-content-box .info .avatar-inactive .icon-no-avatar { background: url("../img/crm/sprite.png") no-repeat 0px -130px; width: 50px; height: 50px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-default-avatar, header .logged-in-user-profile .avatar .icon-no-avatar:before, .user-list-content-box .user-info .avatar .icon-no-avatar, .user-list-content-box .user-info .avatar-inactive .icon-no-avatar, .user-list-content-box .info .avatar .icon-no-avatar, .user-list-content-box .info .avatar-inactive .icon-no-avatar, .settings-list-content-box .user-info .avatar .icon-no-avatar, .developer-list-content-box .user-info .avatar .icon-no-avatar, .settings-list-content-box .user-info .avatar-inactive .icon-no-avatar, .developer-list-content-box .user-info .avatar-inactive .icon-no-avatar, .settings-list-content-box .info .avatar .icon-no-avatar, .developer-list-content-box .info .avatar .icon-no-avatar, .settings-list-content-box .info .avatar-inactive .icon-no-avatar, .developer-list-content-box .info .avatar-inactive .icon-no-avatar { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-notation-category { background: url("../img/crm/sprite.png") no-repeat -45px -130px; width: 50px; height: 50px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-notation-category { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-notation-event { background: url("../img/crm/sprite.png") no-repeat -45px -130px; width: 50px; height: 50px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1) { .icon-notation-event { background-image: url("../img/crm/sprite@2X.png"); background-size: 1400px 600px; } }

.icon-preview { background-position: -480px 0; }

nav.sidebar-navigation, .account-status-editor-container, .account-flags-editor-container, .patlive-account-number-container, .phone-number-list-container, .captured-data-list-container, .retire-phone-number-container, .ticket-indicator-container { position: relative; margin: 0 18px 30px; font-size: 14px; line-height: 20px; }
nav.sidebar-navigation:before, .account-status-editor-container:before, .account-flags-editor-container:before, .patlive-account-number-container:before, .phone-number-list-container:before, .captured-data-list-container:before, .retire-phone-number-container:before, .ticket-indicator-container:before, nav.sidebar-navigation:after, .account-status-editor-container:after, .account-flags-editor-container:after, .patlive-account-number-container:after, .phone-number-list-container:after, .captured-data-list-container:after, .retire-phone-number-container:after, .ticket-indicator-container:after { display: table; content: ""; }
nav.sidebar-navigation:after, .account-status-editor-container:after, .account-flags-editor-container:after, .patlive-account-number-container:after, .phone-number-list-container:after, .captured-data-list-container:after, .retire-phone-number-container:after, .ticket-indicator-container:after { clear: both; }
nav.sidebar-navigation .title-controls, .account-status-editor-container .title-controls, .account-flags-editor-container .title-controls, .patlive-account-number-container .title-controls, .phone-number-list-container .title-controls, .captured-data-list-container .title-controls, .retire-phone-number-container .title-controls, .ticket-indicator-container .title-controls { position: relative; }
nav.sidebar-navigation .title-controls h3, .account-status-editor-container .title-controls h3, .account-flags-editor-container .title-controls h3, .patlive-account-number-container .title-controls h3, .phone-number-list-container .title-controls h3, .captured-data-list-container .title-controls h3, .retire-phone-number-container .title-controls h3, .ticket-indicator-container .title-controls h3 { margin-bottom: 8px; }
nav.sidebar-navigation .title-controls a, .account-status-editor-container .title-controls a, .account-flags-editor-container .title-controls a, .patlive-account-number-container .title-controls a, .phone-number-list-container .title-controls a, .captured-data-list-container .title-controls a, .retire-phone-number-container .title-controls a, .ticket-indicator-container .title-controls a { color: #5c6066; opacity: 0.5; display: block; position: absolute; top: 6px; right: 0; font-size: 12px; }
nav.sidebar-navigation .title-controls a:hover, .account-status-editor-container .title-controls a:hover, .account-flags-editor-container .title-controls a:hover, .patlive-account-number-container .title-controls a:hover, .phone-number-list-container .title-controls a:hover, .captured-data-list-container .title-controls a:hover, .retire-phone-number-container .title-controls a:hover, .ticket-indicator-container .title-controls a:hover { opacity: 1; }

header { height: 73px; border-bottom: 1px solid #2d6c9b; background: #3498df; width: 100%; position: fixed; top: 0; left: 0; z-index: 4; }
header .logo { float: left; height: 100%; display: block; padding: 0 30px; line-height: 72px; }
header .logo img { display: inline; vertical-align: middle; position: relative; top: -1px; }
header .dropdown-expanded .history-dropdown-container { display: block; }
header .history-dropdown-container { position: absolute; margin-top: -16px; display: none; }
header .history-dropdown-container:after { display: block; content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #e0e2e5; position: absolute; top: -11px; left: 29px; }
header .history-dropdown-container .history-dropdown-content { overflow: hidden; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.3); width: auto; }
header .history-dropdown-container .history-dropdown-content > table { border: none; border-collapse: collapse; width: auto; }
header .history-dropdown-container .history-dropdown-content > table > thead > tr > th { border-collapse: collapse; }
header .history-dropdown-container .history-dropdown-content > table.fixed-header > thead { width: 100%; }
header .history-dropdown-container .history-dropdown-content > table.fixed-header > thead > tr > th { width: 132px; }
header .history-dropdown-container .history-dropdown-content > table.fixed-header > thead > tr > th + th { width: 165px; }
header .history-dropdown-container .history-dropdown-content > table.fixed-header > thead > tr > th + th + th { width: 165px; }
header .history-dropdown-container .history-dropdown-content > table.fixed-header > thead > tr > th + th + th + th { width: 60px; }
header .history-dropdown-container .history-dropdown-content > table.fixed-header > thead > tr > th + th + th + th + th { width: 195px; }
header .history-dropdown-container .history-dropdown-content > table.scrollable-content > tbody { display: block; height: 200px; overflow: hidden; overflow-y: auto; width: 100%; }
header .history-dropdown-container .history-dropdown-content > table.scrollable-content > tbody > tr:first-child td { border-top: none; }
header .history-dropdown-container .history-dropdown-content > table.scrollable-content > tbody > tr > td > div { width: 131px; }
header .history-dropdown-container .history-dropdown-content > table.scrollable-content > tbody > tr > td + td > div { width: 164px; }
header .history-dropdown-container .history-dropdown-content > table.scrollable-content > tbody > tr > td + td + td > div { width: 164px; }
header .history-dropdown-container .history-dropdown-content > table.scrollable-content > tbody > tr > td + td + td + td > div { width: 59px; }
header .history-dropdown-container .history-dropdown-content > table.scrollable-content > tbody > tr > td + td + td + td + td > div { width: 194px; }
header .logged-in-user-profile { position: relative; float: right; text-align: right; padding-top: 12px; margin-right: 12px; cursor: pointer; }
header .logged-in-user-profile .environment-label { float: right; padding-left: 10px; padding-top: 2px; font-size: 36px; font-weight: 600; color: #fff; }
header .logged-in-user-profile .avatar { float: right; }
header .logged-in-user-profile .avatar img, header .logged-in-user-profile .avatar .icon-no-avatar { display: block; width: 50px; height: 50px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #1c5178; background: #fff; -webkit-transition: box-shadow 220ms; -moz-transition: box-shadow 220ms; -o-transition: box-shadow 220ms; transition: box-shadow 220ms; }
header .logged-in-user-profile .avatar img:hover, header .logged-in-user-profile .avatar .icon-no-avatar:hover { -webkit-box-shadow: 0 0 6px rgba(255, 255, 255, 0.6); -moz-box-shadow: 0 0 6px rgba(255, 255, 255, 0.6); box-shadow: 0 0 6px rgba(255, 255, 255, 0.6); }
header .logged-in-user-profile .avatar .icon-no-avatar { position: relative; }
header .logged-in-user-profile .avatar .icon-no-avatar:before { content: ""; position: absolute; top: -1px; left: -1.5px; }
header .logged-in-user-profile .logged-in-user-info { float: right; padding-right: 12px; padding-top: 8px; }
header .logged-in-user-profile .logged-in-user-info .name { font-size: 16px; color: #fff; display: block; margin-bottom: 6px; }
header .logged-in-user-profile .logged-in-user-info .title { font-size: 14px; color: #b1dbf9; display: block; text-transform: uppercase; }
header .logged-in-user-profile ul { position: absolute; top: 100%; left: 0; float: left; min-width: 100px; padding: 8px 0; margin: 2px 0 0; list-style-type: none; font-size: 14px; background-color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3); background-clip: padding-box; margin-top: 8px; text-align: left; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); display: block; visibility: hidden; opacity: 0; -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1); -webkit-transform-origin: 75% -10px; -moz-transform-origin: 75% -10px; -ms-transform-origin: 75% -10px; -o-transform-origin: 75% -10px; transform-origin: 75% -10px; }
header .logged-in-user-profile ul li a { display: block; padding: 4px 14px; clear: both; font-weight: 600; line-height: 16px; color: #5c6066; white-space: nowrap; text-decoration: none; }
header .logged-in-user-profile ul:before { display: block; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; right: 20px; }
header .logged-in-user-profile.open ul { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; }

nav.main-navigation { background: #3498df; display: block; float: left; height: 72px; }
nav.main-navigation li { display: block; float: left; }
nav.main-navigation li.active > a { background: #1c5178; }
nav.main-navigation li > a { display: block; padding: 0 16px; color: #fff; text-decoration: none; height: 72px; font-size: 16px; font-weight: 600; line-height: 72px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
nav.main-navigation li:hover > a, nav.main-navigation li.dropdown-expanded > a { background: #5dade5; }
nav.sidebar-navigation { margin-top: 18px; }
nav.sidebar-navigation ul { margin-left: -18px; margin-right: -18px; margin-top: 12px; list-style-type: none; }
nav.sidebar-navigation ul li .icon-nav-gear, nav.sidebar-navigation ul li .icon-nav-user, nav.sidebar-navigation ul li .icon-nav-notation-category, nav.sidebar-navigation ul li .icon-nav-notation-event, nav.sidebar-navigation ul li .icon-nav-resources { display: inline-block; width: 16px; height: 16px; vertical-align: top; margin-right: 8px; }
nav.sidebar-navigation ul li a { display: block; border-top: 1px solid transparent; border-bottom: 1px solid transparent; color: #777F8C; padding: 8px 18px; font-size: 14px; line-height: 18px; font-weight: 600; }
nav.sidebar-navigation ul li a:hover { background: #f8fafc; }
nav.sidebar-navigation ul li.active .icon-nav-gear, nav.sidebar-navigation ul li.active .icon-nav-user, nav.sidebar-navigation ul li.active .icon-nav-notation-category, nav.sidebar-navigation ul li.active .icon-nav-notation-event, nav.sidebar-navigation ul li.active .icon-nav-resources { background-position-y: -16px; }
nav.sidebar-navigation ul li.active a { background: #f5f7fa; border-top-color: #e6e8eb; border-bottom-color: #e6e8eb; color: #3498df; }
nav.sidebar-navigation li.active i { background-position-y: -16px; }

.tooltip { position: absolute; z-index: 3; display: block; visibility: visible; font-size: 13px; font-weight: 400; line-height: 1.4; text-align: center; opacity: 0; }
.tooltip.in { opacity: 1; }
.tooltip.top { margin-top: -3px; padding: 5px 0; }
.tooltip.right { margin-left: 3px; padding: 0 5px; text-align: left; }
.tooltip.bottom { margin-top: 3px; padding: 5px 0; }
.tooltip.left { margin-left: -10px; padding: 0 5px; text-align: left; }

.tooltip-inner { max-width: 400px; padding: 8px 12px; color: #5c6066; text-decoration: none; background-color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #c2c5cc; white-space: nowrap; -webkit-box-shadow: 0 1px 6px rgba(47, 53, 64, 0.15); -moz-box-shadow: 0 1px 6px rgba(47, 53, 64, 0.15); box-shadow: 0 1px 6px rgba(47, 53, 64, 0.15); }

.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

.tooltip:after { content: ''; display: block; width: 0; height: 0; z-index: 0; position: absolute; border-color: transparent; border-style: solid; }

.tooltip.top:after { bottom: 0px; left: 50%; margin-left: -8px; border-width: 8px 8px 0; border-top-color: #fff; }
.tooltip.right:after { top: 50%; left: 0px; margin-top: -8px; border-width: 8px 8px 8px 0; border-right-color: #fff; }
.tooltip.left:after { top: 50%; right: 0px; margin-top: -8px; border-width: 8px 0 8px 8px; border-left-color: #fff; }
.tooltip.bottom:after { top: 0px; left: 50%; margin-left: -8px; border-width: 0 8px 8px; border-bottom-color: #fff; }

.tooltip.top .tooltip-arrow { bottom: -2px; left: 50%; margin-left: -8px; border-width: 8px 8px 0; border-top-color: #c2c5cc; }
.tooltip.right .tooltip-arrow { top: 50%; left: -2px; margin-top: -8px; border-width: 8px 8px 8px 0; border-right-color: #c2c5cc; }
.tooltip.left .tooltip-arrow { top: 50%; right: -2px; margin-top: -8px; border-width: 8px 0 8px 8px; border-left-color: #c2c5cc; }
.tooltip.bottom .tooltip-arrow { top: -2px; left: 50%; margin-left: -8px; border-width: 0 8px 8px; border-bottom-color: #c2c5cc; }

button[type="submit"], input[type="submit"], a.button-primary, .button-group li div, a.button-primary-disabled, button, button.action, button.danger, .spinner-button { background: #f7fbff; border: 1px solid #c6c9cc; border-radius: 2px; box-shadow: inset 0 0 0 1px #f8fcff; color: #626873; cursor: pointer; display: inline-block; font-family: "ProximaNova", "Helvetica", "Arial", sans-serif; font-size: 14px; font-weight: 600; height: 30px; line-height: 30px; outline: none; padding: 0 18px; position: relative; margin-right: 12px; text-decoration: none; vertical-align: top; -webkit-appearance: none; white-space: nowrap; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
input[type="submit"]:last-child, a.button-primary:last-child, .button-group li div:last-child, a.button-primary-disabled:last-child, button:last-child, .spinner-button:last-child { margin-right: 0; }
input[type="submit"]:hover, a.button-primary:hover, .button-group li div:hover, a.button-primary-disabled:hover, button:hover, .spinner-button:hover, input[type="submit"]:focus, a.button-primary:focus, .button-group li div:focus, a.button-primary-disabled:focus, button:focus, .spinner-button:focus { background: #fafafa; border-color: #b8babf; box-shadow: 0 1px 2px #d0d1d4; }

button[type="submit"], input[type="submit"], a.button-primary, .button-group li div { background: #23c564; border-color: #1a914a; box-shadow: inset 0 0 0 1px #45ce7c; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); }
button[type="submit"]:hover, input[type="submit"]:hover, a.button-primary:hover, .button-group li div:hover, button[type="submit"]:focus, input[type="submit"]:focus, a.button-primary:focus, .button-group li div:focus { background: #45ce7c; border-color: #1b7c3f; box-shadow: 0 1px 2px #d0d1d4, inset 0 0 0 1px #6dd998; color: #fff; }
button[type="submit"]:active, input[type="submit"]:active, a.button-primary:active, .button-group li div:active { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); }

a.button-primary-disabled { background: #fff; border-color: #b8babf; color: #b8babf; cursor: auto; }
a.button-primary-disabled:hover, a.button-primary-disabled:focus { background: #fff; border-color: #b8babf; box-shadow: none; color: #b8babf; }

button { background: #fff; border-color: #c2c5cc; box-shadow: none; color: #5c6066; text-shadow: none; }
button:hover, button:focus { color: #3498df; background: #fff; border-color: #a6a9b0; box-shadow: none; }
button:active { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); }

button.action { background: #3498df; border-color: #2774ab; box-shadow: inset 0 0 0 1px #53a8e4; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
button.action:hover, button.action:focus { background: #3d9fe5; border-color: #216391; box-shadow: 0 1px 2px #d0d1d4, inset 0 0 0 1px #5baee9; }
button.action:active { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); }

button.danger { background: #ee6050; border-color: #ee6050; box-shadow: inset 0 0 0 #b53a2a; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
button.danger:hover, button.danger:focus { background: #e84c38; border-color: #e84c38; }

button::-moz-focus-inner { border: 0; }

.button-group { list-style-type: none; }
.button-group:before, .button-group:after { display: table; content: ""; }
.button-group:after { clear: both; }
.button-group li { display: block; float: left; padding-right: 12px; width: 33.33%; }
.button-group li:last-child { padding-right: 0; }
.button-group li div { cursor: pointer; display: inline-block; font-size: 16px; height: 60px; line-height: 58px; text-align: center; width: 100%; }

.spinner-button { box-shadow: none; overflow: hidden; }
.spinner-button .label { display: inline-block; position: relative; transition: all 220ms ease-out; }
.spinner-button .spin { bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; transition: all 220ms ease-out; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); }
.spinner-button .will-fade { display: inline-block; line-height: normal; opacity: 1; position: relative; transition: all 220ms ease-out; }
.spinner-button .fade { bottom: 0; display: block; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 220ms ease-out; }
.spinner-button.loading { cursor: default; background: #c2c5cc; border-color: #919499; box-shadow: inset 0 0 0 1px #cbced4; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
.spinner-button.loading .spin { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.spinner-button.loading .label { -webkit-transform: translate(0, -48px); -moz-transform: translate(0, -48px); -ms-transform: translate(0, -48px); -o-transform: translate(0, -48px); transform: translate(0, -48px); }
.spinner-button.loading .will-fade { opacity: 0; }
.spinner-button.loading .fade { opacity: 1; }
.spinner-button.loading:hover { background: #cfd2d9; box-shadow: 0 1px 2px #d0d1d4, inset 0 0 0 1px #cbced4; }
.spinner-button.loading:active { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); }

.three-state-save-button:last-child { margin-right: 12px; }

.data-grid-container { position: relative; }
.data-grid-container .data-grid-controls { margin-bottom: 18px; }
.data-grid-container .data-grid-controls .search-control { display: table-cell; width: 100%; padding-right: 30px; position: relative; vertical-align: top; white-space: nowrap; padding-left: 0; }
.data-grid-container .data-grid-controls .search-control form { margin-right: 102px; }
.data-grid-container .data-grid-controls .search-control form input[type="text"] { width: 100%; }
.data-grid-container .data-grid-controls .search-control form input[type="text"]:-moz-placeholder { color: #8d96a6; }
.data-grid-container .data-grid-controls .search-control form input[type="text"]:-ms-input-placeholder { color: #8d96a6; }
.data-grid-container .data-grid-controls .search-control form input[type="text"]::-webkit-input-placeholder { color: #8d96a6; }
.data-grid-container .data-grid-controls .search-control form button[type="submit"] { width: 90px; position: absolute; top: 0; right: 30px; margin: 0; }
.data-grid-container .data-grid-controls .settings-controls { display: table-cell; vertical-align: top; white-space: nowrap; padding-left: 30px; text-align: right; border-left: 1px solid #dcdee0; }
.data-grid-container .data-grid-controls .settings-controls-borderless { display: table-cell; vertical-align: top; white-space: nowrap; padding-left: 30px; text-align: right; }
.data-grid-container .data-grid-controls .settings-controls-paddingless { display: table-cell; vertical-align: top; white-space: nowrap; text-align: right; }
.data-grid-container .data-grid-content { width: 100%; position: relative; }
.data-grid-container .data-grid-content > table { width: 100%; border-collapse: collapse; border-spacing: 1px; background: #fff; border: 1px solid #c2c5cc; font-size: 14px; color: #5c6066; line-height: 16px; }
.data-grid-container .data-grid-content > table > thead > tr > th div, .data-grid-container .data-grid-content > table > tbody > tr > td div { padding: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.data-grid-container .data-grid-content > table > thead > tr > th div.JCLRgrips, .data-grid-container .data-grid-content > table > tbody > tr > td div.JCLRgrips { padding: 0; }
.data-grid-container .data-grid-content > table > thead { background: #e0e2e5; line-height: 16px; font-weight: 600; }
.data-grid-container .data-grid-content > table > thead > tr > th { font-weight: 600; text-align: left; cursor: pointer; border-right: 1px solid white; }
.data-grid-container .data-grid-content > table > thead > tr > th:last-child { border-right-color: #c2c5cc; }
.data-grid-container .data-grid-content > table > thead > tr > th:hover { background: #c2c5cc; }
.data-grid-container .data-grid-content > table > thead > tr > th.not-sortable { cursor: default; }
.data-grid-container .data-grid-content > table > thead > tr > th.not-sortable:hover { background: #e0e2e5; }
.data-grid-container .data-grid-content > table > thead > tr > th.sort-asc div, .data-grid-container .data-grid-content > table > thead > tr > th.sort-desc div { padding-right: 13px; position: relative; display: inline-block; vertical-align: top; }
.data-grid-container .data-grid-content > table > thead > tr > th.sort-asc div:before, .data-grid-container .data-grid-content > table > thead > tr > th.sort-desc div:before { display: block; content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; top: 50%; right: 0; margin-top: -2px; }
.data-grid-container .data-grid-content > table > thead > tr > th.sort-asc div:before { border-bottom: 4px solid #5c6066; }
.data-grid-container .data-grid-content > table > thead > tr > th.sort-desc div:before { border-top: 4px solid #5c6066; }
.data-grid-container .data-grid-content > table > thead > tr > th a { color: #5c6066; }
.data-grid-container .data-grid-content > table > tbody > tr { cursor: pointer; }
.data-grid-container .data-grid-content > table > tbody > tr > td { font-weight: 600; font-size: 14px; color: #585444; }
.data-grid-container .data-grid-content > table > tbody > tr > td.status-past-due, .data-grid-container .data-grid-content > table > tbody > tr > td.status-open { color: #ee6050; }
.data-grid-container .data-grid-content > table > tbody > tr.summary-row:hover { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0, transparent 4px), linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0, transparent 4px); }
.data-grid-container .data-grid-content > table > tbody > tr.summary-row-odd { background-color: rgba(47, 53, 64, 0.15); }
.data-grid-container .data-grid-content > table > tbody > tr.details-row { display: none; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row.details-row-odd { background: rgba(47, 53, 64, 0.15); border-bottom: 1px solid #c2c5cc; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row.details-row-even { border-bottom: 1px solid #c2c5cc; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row.show { display: table-row; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row > td { box-shadow: inset 0px 30px 15px -30px rgba(50, 50, 50, 0.75); }
.data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details { width: calc(100% - 24px); table-layout: fixed; font-size: 13px; margin: 12px 12px 0 12px; cursor: default; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details tr td { width: 20%; padding-bottom: 12px; color: #8d96a6; vertical-align: top; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details tr td div { padding: 0; white-space: normal; text-overflow: ellipsis; overflow: visible; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details tr td div.show-all { white-space: normal; text-overflow: initial; overflow: visible; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details tr td strong { color: #5c6066; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details tr td .details-comment { white-space: initial; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details .stored-document-container { border: 1px solid #c2c5cc; width: 100%; background: #fff; padding: 0; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details .stored-document-container .stored-document-header { padding: 12px; line-height: 1.5; background: #e0e2e5; border-bottom: 1px solid #c2c5cc; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details .stored-document-container .stored-document-header h3 { margin-bottom: 6px; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details .stored-document-container .stored-document-header ul { padding: 0; margin: 0; list-style-type: none; display: inline-block; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details .stored-document-container .stored-document-header ul li { display: inline-block; margin-right: 12px; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details .stored-document-container .stored-document-header ul li:last-child { margin-right: none; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details .stored-document-container .stored-document-header ul li a { position: relative; padding-left: 18px; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details .stored-document-container .stored-document-header ul li a:before { content: ""; display: inline-block; position: absolute; top: -1px; left: 0; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details .stored-document-container .stored-document-content { padding: 0; }
.data-grid-container .data-grid-content > table > tbody > tr.details-row > td .details .stored-document-container .stored-document-content iframe { border: none; width: 100%; height: 400px; }

.history-dropdown-container { position: relative; }
.history-dropdown-container .history-dropdown-content { width: 100%; position: relative; }
.history-dropdown-container .history-dropdown-content > table { width: 100%; border-collapse: collapse; border-spacing: 1px; background: #fff; border: 1px solid #c2c5cc; font-size: 14px; color: #5c6066; line-height: 16px; }
.history-dropdown-container .history-dropdown-content > table > thead > tr > th, .history-dropdown-container .history-dropdown-content > table > tbody > tr > td { border: 1px solid #c2c5cc; }
.history-dropdown-container .history-dropdown-content > table > thead > tr > th div, .history-dropdown-container .history-dropdown-content > table > tbody > tr > td div { padding: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.history-dropdown-container .history-dropdown-content > table > thead > tr > th div.JCLRgrips, .history-dropdown-container .history-dropdown-content > table > tbody > tr > td div.JCLRgrips { padding: 0; }
.history-dropdown-container .history-dropdown-content > table > thead { background: #e0e2e5; line-height: 16px; font-weight: 600; }
.history-dropdown-container .history-dropdown-content > table > thead > tr > th { font-weight: 600; text-align: left; cursor: pointer; }
.history-dropdown-container .history-dropdown-content > table > thead > tr > th:hover { background: rgba(0, 0, 0, 0.05); }
.history-dropdown-container .history-dropdown-content > table > thead > tr > th.not-sortable { cursor: default; }
.history-dropdown-container .history-dropdown-content > table > thead > tr > th.not-sortable:hover { background: #e0e2e5; }
.history-dropdown-container .history-dropdown-content > table > thead > tr > th.sort-asc div, .history-dropdown-container .history-dropdown-content > table > thead > tr > th.sort-desc div { padding-right: 13px; position: relative; display: inline-block; vertical-align: top; }
.history-dropdown-container .history-dropdown-content > table > thead > tr > th.sort-asc div:before, .history-dropdown-container .history-dropdown-content > table > thead > tr > th.sort-desc div:before { display: block; content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; top: 50%; right: 0; margin-top: -2px; }
.history-dropdown-container .history-dropdown-content > table > thead > tr > th.sort-asc div:before { border-bottom: 4px solid #5c6066; }
.history-dropdown-container .history-dropdown-content > table > thead > tr > th.sort-desc div:before { border-top: 4px solid #5c6066; }
.history-dropdown-container .history-dropdown-content > table > thead > tr > th a { color: #5c6066; }
.history-dropdown-container .history-dropdown-content > table > tbody { color: #8d96a6; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr { cursor: pointer; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr:hover { background: rgba(0, 0, 0, 0.05); }
.history-dropdown-container .history-dropdown-content > table > tbody > tr > td.status-past-due, .history-dropdown-container .history-dropdown-content > table > tbody > tr > td.status-open { color: #ee6050; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row { display: none; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row:hover { background: transparent; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row.show { display: table-row; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details { width: calc(100% - 24px); table-layout: fixed; font-size: 13px; margin: 12px 12px 0 12px; cursor: default; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details tr td { width: 20%; padding-bottom: 12px; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details tr td div { padding: 0 12px 0 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details tr td div.show-all { white-space: normal; text-overflow: initial; overflow: visible; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details tr td strong { color: #5c6066; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details .stored-document-container { border: 1px solid #c2c5cc; width: 100%; background: #fff; padding: 0; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details .stored-document-container .stored-document-header { padding: 12px; line-height: 1.5; background: #e0e2e5; border-bottom: 1px solid #c2c5cc; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details .stored-document-container .stored-document-header h3 { margin-bottom: 6px; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details .stored-document-container .stored-document-header ul { padding: 0; margin: 0; list-style-type: none; display: inline-block; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details .stored-document-container .stored-document-header ul li { display: inline-block; margin-right: 12px; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details .stored-document-container .stored-document-header ul li:last-child { margin-right: none; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details .stored-document-container .stored-document-header ul li a { position: relative; padding-left: 18px; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details .stored-document-container .stored-document-header ul li a:before { content: ""; display: inline-block; position: absolute; top: -1px; left: 0; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details .stored-document-container .stored-document-content { padding: 0; }
.history-dropdown-container .history-dropdown-content > table > tbody > tr.details-row .details .stored-document-container .stored-document-content iframe { border: none; width: 100%; height: 400px; }

.tabs { width: 100%; height: 42px; }
.tabs li { width: 33%; width: 33.33333%; display: block; float: left; }
.tabs li:first-child a { border-left: none; }
.tabs li.active a { color: #5c6066; background: none; border-bottom-color: transparent; }
.tabs li a { display: block; height: 40px; line-height: 40px; text-align: center; background: #edeff2; text-decoration: none; font-size: 18px; color: #3498df; border-top: 1px solid #c2c5cc; border-bottom: 1px solid #c2c5cc; border-left: 1px solid #c2c5cc; }
.tabs li a:hover { background: #dee2e7; }

.intl-tel-input { position: relative; display: inline-block; }
.intl-tel-input * { box-sizing: border-box; -moz-box-sizing: border-box; }
.intl-tel-input .hide { display: none; }
.intl-tel-input .v-hide { visibility: hidden; }
.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; }
.intl-tel-input .flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; }
.intl-tel-input .selected-flag { z-index: 1; position: relative; width: 36px; height: 100%; padding: 0 0 0 8px; }
.intl-tel-input .selected-flag .iti-flag { position: absolute; top: 0; bottom: 0; margin: auto; }
.intl-tel-input .selected-flag .iti-arrow { position: absolute; top: 50%; margin-top: -2px; right: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; }
.intl-tel-input .selected-flag .iti-arrow.up { border-top: none; border-bottom: 4px solid #555; }
.intl-tel-input .country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; }
.intl-tel-input .country-list.dropup { bottom: 100%; margin-bottom: -1px; }
.intl-tel-input .country-list .flag-box { display: inline-block; width: 20px; }
@media (max-width: 500px) { .intl-tel-input .country-list { white-space: normal; } }
.intl-tel-input .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; }
.intl-tel-input .country-list .country { padding: 5px 10px; }
.intl-tel-input .country-list .country .dial-code { color: #999; }
.intl-tel-input .country-list .country.highlight { background-color: rgba(0, 0, 0, 0.05); }
.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code { vertical-align: middle; }
.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name { margin-right: 6px; }
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; }
.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container { right: auto; left: 0; }
.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag { width: 46px; }
.intl-tel-input.allow-dropdown .flag-container:hover { cursor: pointer; }
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag { background-color: rgba(0, 0, 0, 0.05); }
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover { cursor: default; }
.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag { background-color: transparent; }
.intl-tel-input.separate-dial-code .selected-flag { background-color: rgba(0, 0, 0, 0.05); display: table; }
.intl-tel-input.separate-dial-code .selected-dial-code { display: table-cell; vertical-align: middle; padding-left: 28px; }
.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] { padding-left: 66px; }
.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag { width: 60px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] { padding-left: 76px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag { width: 70px; }
.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] { padding-left: 74px; }
.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag { width: 68px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] { padding-left: 84px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag { width: 78px; }
.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] { padding-left: 82px; }
.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag { width: 76px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] { padding-left: 92px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag { width: 86px; }
.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] { padding-left: 90px; }
.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag { width: 84px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] { padding-left: 100px; }
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag { width: 94px; }
.intl-tel-input.iti-container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; }
.intl-tel-input.iti-container:hover { cursor: pointer; }

.iti-mobile .intl-tel-input.iti-container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; }
.iti-mobile .intl-tel-input .country-list { max-height: 100%; width: 100%; }
.iti-mobile .intl-tel-input .country-list .country { padding: 10px 10px; line-height: 1.5em; }

.iti-flag { width: 20px; }
.iti-flag.be { width: 18px; }
.iti-flag.ch { width: 15px; }
.iti-flag.mc { width: 19px; }
.iti-flag.ne { width: 18px; }
.iti-flag.np { width: 13px; }
.iti-flag.va { width: 15px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-size: 5630px 15px; } }
.iti-flag.ac { height: 10px; background-position: 0px 0px; }
.iti-flag.ad { height: 14px; background-position: -22px 0px; }
.iti-flag.ae { height: 10px; background-position: -44px 0px; }
.iti-flag.af { height: 14px; background-position: -66px 0px; }
.iti-flag.ag { height: 14px; background-position: -88px 0px; }
.iti-flag.ai { height: 10px; background-position: -110px 0px; }
.iti-flag.al { height: 15px; background-position: -132px 0px; }
.iti-flag.am { height: 10px; background-position: -154px 0px; }
.iti-flag.ao { height: 14px; background-position: -176px 0px; }
.iti-flag.aq { height: 14px; background-position: -198px 0px; }
.iti-flag.ar { height: 13px; background-position: -220px 0px; }
.iti-flag.as { height: 10px; background-position: -242px 0px; }
.iti-flag.at { height: 14px; background-position: -264px 0px; }
.iti-flag.au { height: 10px; background-position: -286px 0px; }
.iti-flag.aw { height: 14px; background-position: -308px 0px; }
.iti-flag.ax { height: 13px; background-position: -330px 0px; }
.iti-flag.az { height: 10px; background-position: -352px 0px; }
.iti-flag.ba { height: 10px; background-position: -374px 0px; }
.iti-flag.bb { height: 14px; background-position: -396px 0px; }
.iti-flag.bd { height: 12px; background-position: -418px 0px; }
.iti-flag.be { height: 15px; background-position: -440px 0px; }
.iti-flag.bf { height: 14px; background-position: -460px 0px; }
.iti-flag.bg { height: 12px; background-position: -482px 0px; }
.iti-flag.bh { height: 12px; background-position: -504px 0px; }
.iti-flag.bi { height: 12px; background-position: -526px 0px; }
.iti-flag.bj { height: 14px; background-position: -548px 0px; }
.iti-flag.bl { height: 14px; background-position: -570px 0px; }
.iti-flag.bm { height: 10px; background-position: -592px 0px; }
.iti-flag.bn { height: 10px; background-position: -614px 0px; }
.iti-flag.bo { height: 14px; background-position: -636px 0px; }
.iti-flag.bq { height: 14px; background-position: -658px 0px; }
.iti-flag.br { height: 14px; background-position: -680px 0px; }
.iti-flag.bs { height: 10px; background-position: -702px 0px; }
.iti-flag.bt { height: 14px; background-position: -724px 0px; }
.iti-flag.bv { height: 15px; background-position: -746px 0px; }
.iti-flag.bw { height: 14px; background-position: -768px 0px; }
.iti-flag.by { height: 10px; background-position: -790px 0px; }
.iti-flag.bz { height: 14px; background-position: -812px 0px; }
.iti-flag.ca { height: 10px; background-position: -834px 0px; }
.iti-flag.cc { height: 10px; background-position: -856px 0px; }
.iti-flag.cd { height: 15px; background-position: -878px 0px; }
.iti-flag.cf { height: 14px; background-position: -900px 0px; }
.iti-flag.cg { height: 14px; background-position: -922px 0px; }
.iti-flag.ch { height: 15px; background-position: -944px 0px; }
.iti-flag.ci { height: 14px; background-position: -961px 0px; }
.iti-flag.ck { height: 10px; background-position: -983px 0px; }
.iti-flag.cl { height: 14px; background-position: -1005px 0px; }
.iti-flag.cm { height: 14px; background-position: -1027px 0px; }
.iti-flag.cn { height: 14px; background-position: -1049px 0px; }
.iti-flag.co { height: 14px; background-position: -1071px 0px; }
.iti-flag.cp { height: 14px; background-position: -1093px 0px; }
.iti-flag.cr { height: 12px; background-position: -1115px 0px; }
.iti-flag.cu { height: 10px; background-position: -1137px 0px; }
.iti-flag.cv { height: 12px; background-position: -1159px 0px; }
.iti-flag.cw { height: 14px; background-position: -1181px 0px; }
.iti-flag.cx { height: 10px; background-position: -1203px 0px; }
.iti-flag.cy { height: 13px; background-position: -1225px 0px; }
.iti-flag.cz { height: 14px; background-position: -1247px 0px; }
.iti-flag.de { height: 12px; background-position: -1269px 0px; }
.iti-flag.dg { height: 10px; background-position: -1291px 0px; }
.iti-flag.dj { height: 14px; background-position: -1313px 0px; }
.iti-flag.dk { height: 15px; background-position: -1335px 0px; }
.iti-flag.dm { height: 10px; background-position: -1357px 0px; }
.iti-flag.do { height: 13px; background-position: -1379px 0px; }
.iti-flag.dz { height: 14px; background-position: -1401px 0px; }
.iti-flag.ea { height: 14px; background-position: -1423px 0px; }
.iti-flag.ec { height: 14px; background-position: -1445px 0px; }
.iti-flag.ee { height: 13px; background-position: -1467px 0px; }
.iti-flag.eg { height: 14px; background-position: -1489px 0px; }
.iti-flag.eh { height: 10px; background-position: -1511px 0px; }
.iti-flag.er { height: 10px; background-position: -1533px 0px; }
.iti-flag.es { height: 14px; background-position: -1555px 0px; }
.iti-flag.et { height: 10px; background-position: -1577px 0px; }
.iti-flag.eu { height: 14px; background-position: -1599px 0px; }
.iti-flag.fi { height: 12px; background-position: -1621px 0px; }
.iti-flag.fj { height: 10px; background-position: -1643px 0px; }
.iti-flag.fk { height: 10px; background-position: -1665px 0px; }
.iti-flag.fm { height: 11px; background-position: -1687px 0px; }
.iti-flag.fo { height: 15px; background-position: -1709px 0px; }
.iti-flag.fr { height: 14px; background-position: -1731px 0px; }
.iti-flag.ga { height: 15px; background-position: -1753px 0px; }
.iti-flag.gb { height: 10px; background-position: -1775px 0px; }
.iti-flag.gd { height: 12px; background-position: -1797px 0px; }
.iti-flag.ge { height: 14px; background-position: -1819px 0px; }
.iti-flag.gf { height: 14px; background-position: -1841px 0px; }
.iti-flag.gg { height: 14px; background-position: -1863px 0px; }
.iti-flag.gh { height: 14px; background-position: -1885px 0px; }
.iti-flag.gi { height: 10px; background-position: -1907px 0px; }
.iti-flag.gl { height: 14px; background-position: -1929px 0px; }
.iti-flag.gm { height: 14px; background-position: -1951px 0px; }
.iti-flag.gn { height: 14px; background-position: -1973px 0px; }
.iti-flag.gp { height: 14px; background-position: -1995px 0px; }
.iti-flag.gq { height: 14px; background-position: -2017px 0px; }
.iti-flag.gr { height: 14px; background-position: -2039px 0px; }
.iti-flag.gs { height: 10px; background-position: -2061px 0px; }
.iti-flag.gt { height: 13px; background-position: -2083px 0px; }
.iti-flag.gu { height: 11px; background-position: -2105px 0px; }
.iti-flag.gw { height: 10px; background-position: -2127px 0px; }
.iti-flag.gy { height: 12px; background-position: -2149px 0px; }
.iti-flag.hk { height: 14px; background-position: -2171px 0px; }
.iti-flag.hm { height: 10px; background-position: -2193px 0px; }
.iti-flag.hn { height: 10px; background-position: -2215px 0px; }
.iti-flag.hr { height: 10px; background-position: -2237px 0px; }
.iti-flag.ht { height: 12px; background-position: -2259px 0px; }
.iti-flag.hu { height: 10px; background-position: -2281px 0px; }
.iti-flag.ic { height: 14px; background-position: -2303px 0px; }
.iti-flag.id { height: 14px; background-position: -2325px 0px; }
.iti-flag.ie { height: 10px; background-position: -2347px 0px; }
.iti-flag.il { height: 15px; background-position: -2369px 0px; }
.iti-flag.im { height: 10px; background-position: -2391px 0px; }
.iti-flag.in { height: 14px; background-position: -2413px 0px; }
.iti-flag.io { height: 10px; background-position: -2435px 0px; }
.iti-flag.iq { height: 14px; background-position: -2457px 0px; }
.iti-flag.ir { height: 12px; background-position: -2479px 0px; }
.iti-flag.is { height: 15px; background-position: -2501px 0px; }
.iti-flag.it { height: 14px; background-position: -2523px 0px; }
.iti-flag.je { height: 12px; background-position: -2545px 0px; }
.iti-flag.jm { height: 10px; background-position: -2567px 0px; }
.iti-flag.jo { height: 10px; background-position: -2589px 0px; }
.iti-flag.jp { height: 14px; background-position: -2611px 0px; }
.iti-flag.ke { height: 14px; background-position: -2633px 0px; }
.iti-flag.kg { height: 12px; background-position: -2655px 0px; }
.iti-flag.kh { height: 13px; background-position: -2677px 0px; }
.iti-flag.ki { height: 10px; background-position: -2699px 0px; }
.iti-flag.km { height: 12px; background-position: -2721px 0px; }
.iti-flag.kn { height: 14px; background-position: -2743px 0px; }
.iti-flag.kp { height: 10px; background-position: -2765px 0px; }
.iti-flag.kr { height: 14px; background-position: -2787px 0px; }
.iti-flag.kw { height: 10px; background-position: -2809px 0px; }
.iti-flag.ky { height: 10px; background-position: -2831px 0px; }
.iti-flag.kz { height: 10px; background-position: -2853px 0px; }
.iti-flag.la { height: 14px; background-position: -2875px 0px; }
.iti-flag.lb { height: 14px; background-position: -2897px 0px; }
.iti-flag.lc { height: 10px; background-position: -2919px 0px; }
.iti-flag.li { height: 12px; background-position: -2941px 0px; }
.iti-flag.lk { height: 10px; background-position: -2963px 0px; }
.iti-flag.lr { height: 11px; background-position: -2985px 0px; }
.iti-flag.ls { height: 14px; background-position: -3007px 0px; }
.iti-flag.lt { height: 12px; background-position: -3029px 0px; }
.iti-flag.lu { height: 12px; background-position: -3051px 0px; }
.iti-flag.lv { height: 10px; background-position: -3073px 0px; }
.iti-flag.ly { height: 10px; background-position: -3095px 0px; }
.iti-flag.ma { height: 14px; background-position: -3117px 0px; }
.iti-flag.mc { height: 15px; background-position: -3139px 0px; }
.iti-flag.md { height: 10px; background-position: -3160px 0px; }
.iti-flag.me { height: 10px; background-position: -3182px 0px; }
.iti-flag.mf { height: 14px; background-position: -3204px 0px; }
.iti-flag.mg { height: 14px; background-position: -3226px 0px; }
.iti-flag.mh { height: 11px; background-position: -3248px 0px; }
.iti-flag.mk { height: 10px; background-position: -3270px 0px; }
.iti-flag.ml { height: 14px; background-position: -3292px 0px; }
.iti-flag.mm { height: 14px; background-position: -3314px 0px; }
.iti-flag.mn { height: 10px; background-position: -3336px 0px; }
.iti-flag.mo { height: 14px; background-position: -3358px 0px; }
.iti-flag.mp { height: 10px; background-position: -3380px 0px; }
.iti-flag.mq { height: 14px; background-position: -3402px 0px; }
.iti-flag.mr { height: 14px; background-position: -3424px 0px; }
.iti-flag.ms { height: 10px; background-position: -3446px 0px; }
.iti-flag.mt { height: 14px; background-position: -3468px 0px; }
.iti-flag.mu { height: 14px; background-position: -3490px 0px; }
.iti-flag.mv { height: 14px; background-position: -3512px 0px; }
.iti-flag.mw { height: 14px; background-position: -3534px 0px; }
.iti-flag.mx { height: 12px; background-position: -3556px 0px; }
.iti-flag.my { height: 10px; background-position: -3578px 0px; }
.iti-flag.mz { height: 14px; background-position: -3600px 0px; }
.iti-flag.na { height: 14px; background-position: -3622px 0px; }
.iti-flag.nc { height: 10px; background-position: -3644px 0px; }
.iti-flag.ne { height: 15px; background-position: -3666px 0px; }
.iti-flag.nf { height: 10px; background-position: -3686px 0px; }
.iti-flag.ng { height: 10px; background-position: -3708px 0px; }
.iti-flag.ni { height: 12px; background-position: -3730px 0px; }
.iti-flag.nl { height: 14px; background-position: -3752px 0px; }
.iti-flag.no { height: 15px; background-position: -3774px 0px; }
.iti-flag.np { height: 15px; background-position: -3796px 0px; }
.iti-flag.nr { height: 10px; background-position: -3811px 0px; }
.iti-flag.nu { height: 10px; background-position: -3833px 0px; }
.iti-flag.nz { height: 10px; background-position: -3855px 0px; }
.iti-flag.om { height: 10px; background-position: -3877px 0px; }
.iti-flag.pa { height: 14px; background-position: -3899px 0px; }
.iti-flag.pe { height: 14px; background-position: -3921px 0px; }
.iti-flag.pf { height: 14px; background-position: -3943px 0px; }
.iti-flag.pg { height: 15px; background-position: -3965px 0px; }
.iti-flag.ph { height: 10px; background-position: -3987px 0px; }
.iti-flag.pk { height: 14px; background-position: -4009px 0px; }
.iti-flag.pl { height: 13px; background-position: -4031px 0px; }
.iti-flag.pm { height: 14px; background-position: -4053px 0px; }
.iti-flag.pn { height: 10px; background-position: -4075px 0px; }
.iti-flag.pr { height: 14px; background-position: -4097px 0px; }
.iti-flag.ps { height: 10px; background-position: -4119px 0px; }
.iti-flag.pt { height: 14px; background-position: -4141px 0px; }
.iti-flag.pw { height: 13px; background-position: -4163px 0px; }
.iti-flag.py { height: 11px; background-position: -4185px 0px; }
.iti-flag.qa { height: 8px; background-position: -4207px 0px; }
.iti-flag.re { height: 14px; background-position: -4229px 0px; }
.iti-flag.ro { height: 14px; background-position: -4251px 0px; }
.iti-flag.rs { height: 14px; background-position: -4273px 0px; }
.iti-flag.ru { height: 14px; background-position: -4295px 0px; }
.iti-flag.rw { height: 14px; background-position: -4317px 0px; }
.iti-flag.sa { height: 14px; background-position: -4339px 0px; }
.iti-flag.sb { height: 10px; background-position: -4361px 0px; }
.iti-flag.sc { height: 10px; background-position: -4383px 0px; }
.iti-flag.sd { height: 10px; background-position: -4405px 0px; }
.iti-flag.se { height: 13px; background-position: -4427px 0px; }
.iti-flag.sg { height: 14px; background-position: -4449px 0px; }
.iti-flag.sh { height: 10px; background-position: -4471px 0px; }
.iti-flag.si { height: 10px; background-position: -4493px 0px; }
.iti-flag.sj { height: 15px; background-position: -4515px 0px; }
.iti-flag.sk { height: 14px; background-position: -4537px 0px; }
.iti-flag.sl { height: 14px; background-position: -4559px 0px; }
.iti-flag.sm { height: 15px; background-position: -4581px 0px; }
.iti-flag.sn { height: 14px; background-position: -4603px 0px; }
.iti-flag.so { height: 14px; background-position: -4625px 0px; }
.iti-flag.sr { height: 14px; background-position: -4647px 0px; }
.iti-flag.ss { height: 10px; background-position: -4669px 0px; }
.iti-flag.st { height: 10px; background-position: -4691px 0px; }
.iti-flag.sv { height: 12px; background-position: -4713px 0px; }
.iti-flag.sx { height: 14px; background-position: -4735px 0px; }
.iti-flag.sy { height: 14px; background-position: -4757px 0px; }
.iti-flag.sz { height: 14px; background-position: -4779px 0px; }
.iti-flag.ta { height: 10px; background-position: -4801px 0px; }
.iti-flag.tc { height: 10px; background-position: -4823px 0px; }
.iti-flag.td { height: 14px; background-position: -4845px 0px; }
.iti-flag.tf { height: 14px; background-position: -4867px 0px; }
.iti-flag.tg { height: 13px; background-position: -4889px 0px; }
.iti-flag.th { height: 14px; background-position: -4911px 0px; }
.iti-flag.tj { height: 10px; background-position: -4933px 0px; }
.iti-flag.tk { height: 10px; background-position: -4955px 0px; }
.iti-flag.tl { height: 10px; background-position: -4977px 0px; }
.iti-flag.tm { height: 14px; background-position: -4999px 0px; }
.iti-flag.tn { height: 14px; background-position: -5021px 0px; }
.iti-flag.to { height: 10px; background-position: -5043px 0px; }
.iti-flag.tr { height: 14px; background-position: -5065px 0px; }
.iti-flag.tt { height: 12px; background-position: -5087px 0px; }
.iti-flag.tv { height: 10px; background-position: -5109px 0px; }
.iti-flag.tw { height: 14px; background-position: -5131px 0px; }
.iti-flag.tz { height: 14px; background-position: -5153px 0px; }
.iti-flag.ua { height: 14px; background-position: -5175px 0px; }
.iti-flag.ug { height: 14px; background-position: -5197px 0px; }
.iti-flag.um { height: 11px; background-position: -5219px 0px; }
.iti-flag.us { height: 11px; background-position: -5241px 0px; }
.iti-flag.uy { height: 14px; background-position: -5263px 0px; }
.iti-flag.uz { height: 10px; background-position: -5285px 0px; }
.iti-flag.va { height: 15px; background-position: -5307px 0px; }
.iti-flag.vc { height: 14px; background-position: -5324px 0px; }
.iti-flag.ve { height: 14px; background-position: -5346px 0px; }
.iti-flag.vg { height: 10px; background-position: -5368px 0px; }
.iti-flag.vi { height: 14px; background-position: -5390px 0px; }
.iti-flag.vn { height: 14px; background-position: -5412px 0px; }
.iti-flag.vu { height: 12px; background-position: -5434px 0px; }
.iti-flag.wf { height: 14px; background-position: -5456px 0px; }
.iti-flag.ws { height: 10px; background-position: -5478px 0px; }
.iti-flag.xk { height: 15px; background-position: -5500px 0px; }
.iti-flag.ye { height: 14px; background-position: -5522px 0px; }
.iti-flag.yt { height: 14px; background-position: -5544px 0px; }
.iti-flag.za { height: 14px; background-position: -5566px 0px; }
.iti-flag.zm { height: 14px; background-position: -5588px 0px; }
.iti-flag.zw { height: 10px; background-position: -5610px 0px; }

.iti-flag { width: 20px; height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("../img/flags.png"); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-image: url("../img/flags@2x.png"); } }

.iti-flag.np { background-color: transparent; }

.iti-flag { width: 20px; }
.iti-flag.be { width: 18px; }
.iti-flag.ch { width: 15px; }
.iti-flag.mc { width: 19px; }
.iti-flag.ne { width: 18px; }
.iti-flag.np { width: 13px; }
.iti-flag.va { width: 15px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-size: 5630px 15px; } }
.iti-flag.ac { height: 10px; background-position: 0px 0px; }
.iti-flag.ad { height: 14px; background-position: -22px 0px; }
.iti-flag.ae { height: 10px; background-position: -44px 0px; }
.iti-flag.af { height: 14px; background-position: -66px 0px; }
.iti-flag.ag { height: 14px; background-position: -88px 0px; }
.iti-flag.ai { height: 10px; background-position: -110px 0px; }
.iti-flag.al { height: 15px; background-position: -132px 0px; }
.iti-flag.am { height: 10px; background-position: -154px 0px; }
.iti-flag.ao { height: 14px; background-position: -176px 0px; }
.iti-flag.aq { height: 14px; background-position: -198px 0px; }
.iti-flag.ar { height: 13px; background-position: -220px 0px; }
.iti-flag.as { height: 10px; background-position: -242px 0px; }
.iti-flag.at { height: 14px; background-position: -264px 0px; }
.iti-flag.au { height: 10px; background-position: -286px 0px; }
.iti-flag.aw { height: 14px; background-position: -308px 0px; }
.iti-flag.ax { height: 13px; background-position: -330px 0px; }
.iti-flag.az { height: 10px; background-position: -352px 0px; }
.iti-flag.ba { height: 10px; background-position: -374px 0px; }
.iti-flag.bb { height: 14px; background-position: -396px 0px; }
.iti-flag.bd { height: 12px; background-position: -418px 0px; }
.iti-flag.be { height: 15px; background-position: -440px 0px; }
.iti-flag.bf { height: 14px; background-position: -460px 0px; }
.iti-flag.bg { height: 12px; background-position: -482px 0px; }
.iti-flag.bh { height: 12px; background-position: -504px 0px; }
.iti-flag.bi { height: 12px; background-position: -526px 0px; }
.iti-flag.bj { height: 14px; background-position: -548px 0px; }
.iti-flag.bl { height: 14px; background-position: -570px 0px; }
.iti-flag.bm { height: 10px; background-position: -592px 0px; }
.iti-flag.bn { height: 10px; background-position: -614px 0px; }
.iti-flag.bo { height: 14px; background-position: -636px 0px; }
.iti-flag.bq { height: 14px; background-position: -658px 0px; }
.iti-flag.br { height: 14px; background-position: -680px 0px; }
.iti-flag.bs { height: 10px; background-position: -702px 0px; }
.iti-flag.bt { height: 14px; background-position: -724px 0px; }
.iti-flag.bv { height: 15px; background-position: -746px 0px; }
.iti-flag.bw { height: 14px; background-position: -768px 0px; }
.iti-flag.by { height: 10px; background-position: -790px 0px; }
.iti-flag.bz { height: 14px; background-position: -812px 0px; }
.iti-flag.ca { height: 10px; background-position: -834px 0px; }
.iti-flag.cc { height: 10px; background-position: -856px 0px; }
.iti-flag.cd { height: 15px; background-position: -878px 0px; }
.iti-flag.cf { height: 14px; background-position: -900px 0px; }
.iti-flag.cg { height: 14px; background-position: -922px 0px; }
.iti-flag.ch { height: 15px; background-position: -944px 0px; }
.iti-flag.ci { height: 14px; background-position: -961px 0px; }
.iti-flag.ck { height: 10px; background-position: -983px 0px; }
.iti-flag.cl { height: 14px; background-position: -1005px 0px; }
.iti-flag.cm { height: 14px; background-position: -1027px 0px; }
.iti-flag.cn { height: 14px; background-position: -1049px 0px; }
.iti-flag.co { height: 14px; background-position: -1071px 0px; }
.iti-flag.cp { height: 14px; background-position: -1093px 0px; }
.iti-flag.cr { height: 12px; background-position: -1115px 0px; }
.iti-flag.cu { height: 10px; background-position: -1137px 0px; }
.iti-flag.cv { height: 12px; background-position: -1159px 0px; }
.iti-flag.cw { height: 14px; background-position: -1181px 0px; }
.iti-flag.cx { height: 10px; background-position: -1203px 0px; }
.iti-flag.cy { height: 13px; background-position: -1225px 0px; }
.iti-flag.cz { height: 14px; background-position: -1247px 0px; }
.iti-flag.de { height: 12px; background-position: -1269px 0px; }
.iti-flag.dg { height: 10px; background-position: -1291px 0px; }
.iti-flag.dj { height: 14px; background-position: -1313px 0px; }
.iti-flag.dk { height: 15px; background-position: -1335px 0px; }
.iti-flag.dm { height: 10px; background-position: -1357px 0px; }
.iti-flag.do { height: 13px; background-position: -1379px 0px; }
.iti-flag.dz { height: 14px; background-position: -1401px 0px; }
.iti-flag.ea { height: 14px; background-position: -1423px 0px; }
.iti-flag.ec { height: 14px; background-position: -1445px 0px; }
.iti-flag.ee { height: 13px; background-position: -1467px 0px; }
.iti-flag.eg { height: 14px; background-position: -1489px 0px; }
.iti-flag.eh { height: 10px; background-position: -1511px 0px; }
.iti-flag.er { height: 10px; background-position: -1533px 0px; }
.iti-flag.es { height: 14px; background-position: -1555px 0px; }
.iti-flag.et { height: 10px; background-position: -1577px 0px; }
.iti-flag.eu { height: 14px; background-position: -1599px 0px; }
.iti-flag.fi { height: 12px; background-position: -1621px 0px; }
.iti-flag.fj { height: 10px; background-position: -1643px 0px; }
.iti-flag.fk { height: 10px; background-position: -1665px 0px; }
.iti-flag.fm { height: 11px; background-position: -1687px 0px; }
.iti-flag.fo { height: 15px; background-position: -1709px 0px; }
.iti-flag.fr { height: 14px; background-position: -1731px 0px; }
.iti-flag.ga { height: 15px; background-position: -1753px 0px; }
.iti-flag.gb { height: 10px; background-position: -1775px 0px; }
.iti-flag.gd { height: 12px; background-position: -1797px 0px; }
.iti-flag.ge { height: 14px; background-position: -1819px 0px; }
.iti-flag.gf { height: 14px; background-position: -1841px 0px; }
.iti-flag.gg { height: 14px; background-position: -1863px 0px; }
.iti-flag.gh { height: 14px; background-position: -1885px 0px; }
.iti-flag.gi { height: 10px; background-position: -1907px 0px; }
.iti-flag.gl { height: 14px; background-position: -1929px 0px; }
.iti-flag.gm { height: 14px; background-position: -1951px 0px; }
.iti-flag.gn { height: 14px; background-position: -1973px 0px; }
.iti-flag.gp { height: 14px; background-position: -1995px 0px; }
.iti-flag.gq { height: 14px; background-position: -2017px 0px; }
.iti-flag.gr { height: 14px; background-position: -2039px 0px; }
.iti-flag.gs { height: 10px; background-position: -2061px 0px; }
.iti-flag.gt { height: 13px; background-position: -2083px 0px; }
.iti-flag.gu { height: 11px; background-position: -2105px 0px; }
.iti-flag.gw { height: 10px; background-position: -2127px 0px; }
.iti-flag.gy { height: 12px; background-position: -2149px 0px; }
.iti-flag.hk { height: 14px; background-position: -2171px 0px; }
.iti-flag.hm { height: 10px; background-position: -2193px 0px; }
.iti-flag.hn { height: 10px; background-position: -2215px 0px; }
.iti-flag.hr { height: 10px; background-position: -2237px 0px; }
.iti-flag.ht { height: 12px; background-position: -2259px 0px; }
.iti-flag.hu { height: 10px; background-position: -2281px 0px; }
.iti-flag.ic { height: 14px; background-position: -2303px 0px; }
.iti-flag.id { height: 14px; background-position: -2325px 0px; }
.iti-flag.ie { height: 10px; background-position: -2347px 0px; }
.iti-flag.il { height: 15px; background-position: -2369px 0px; }
.iti-flag.im { height: 10px; background-position: -2391px 0px; }
.iti-flag.in { height: 14px; background-position: -2413px 0px; }
.iti-flag.io { height: 10px; background-position: -2435px 0px; }
.iti-flag.iq { height: 14px; background-position: -2457px 0px; }
.iti-flag.ir { height: 12px; background-position: -2479px 0px; }
.iti-flag.is { height: 15px; background-position: -2501px 0px; }
.iti-flag.it { height: 14px; background-position: -2523px 0px; }
.iti-flag.je { height: 12px; background-position: -2545px 0px; }
.iti-flag.jm { height: 10px; background-position: -2567px 0px; }
.iti-flag.jo { height: 10px; background-position: -2589px 0px; }
.iti-flag.jp { height: 14px; background-position: -2611px 0px; }
.iti-flag.ke { height: 14px; background-position: -2633px 0px; }
.iti-flag.kg { height: 12px; background-position: -2655px 0px; }
.iti-flag.kh { height: 13px; background-position: -2677px 0px; }
.iti-flag.ki { height: 10px; background-position: -2699px 0px; }
.iti-flag.km { height: 12px; background-position: -2721px 0px; }
.iti-flag.kn { height: 14px; background-position: -2743px 0px; }
.iti-flag.kp { height: 10px; background-position: -2765px 0px; }
.iti-flag.kr { height: 14px; background-position: -2787px 0px; }
.iti-flag.kw { height: 10px; background-position: -2809px 0px; }
.iti-flag.ky { height: 10px; background-position: -2831px 0px; }
.iti-flag.kz { height: 10px; background-position: -2853px 0px; }
.iti-flag.la { height: 14px; background-position: -2875px 0px; }
.iti-flag.lb { height: 14px; background-position: -2897px 0px; }
.iti-flag.lc { height: 10px; background-position: -2919px 0px; }
.iti-flag.li { height: 12px; background-position: -2941px 0px; }
.iti-flag.lk { height: 10px; background-position: -2963px 0px; }
.iti-flag.lr { height: 11px; background-position: -2985px 0px; }
.iti-flag.ls { height: 14px; background-position: -3007px 0px; }
.iti-flag.lt { height: 12px; background-position: -3029px 0px; }
.iti-flag.lu { height: 12px; background-position: -3051px 0px; }
.iti-flag.lv { height: 10px; background-position: -3073px 0px; }
.iti-flag.ly { height: 10px; background-position: -3095px 0px; }
.iti-flag.ma { height: 14px; background-position: -3117px 0px; }
.iti-flag.mc { height: 15px; background-position: -3139px 0px; }
.iti-flag.md { height: 10px; background-position: -3160px 0px; }
.iti-flag.me { height: 10px; background-position: -3182px 0px; }
.iti-flag.mf { height: 14px; background-position: -3204px 0px; }
.iti-flag.mg { height: 14px; background-position: -3226px 0px; }
.iti-flag.mh { height: 11px; background-position: -3248px 0px; }
.iti-flag.mk { height: 10px; background-position: -3270px 0px; }
.iti-flag.ml { height: 14px; background-position: -3292px 0px; }
.iti-flag.mm { height: 14px; background-position: -3314px 0px; }
.iti-flag.mn { height: 10px; background-position: -3336px 0px; }
.iti-flag.mo { height: 14px; background-position: -3358px 0px; }
.iti-flag.mp { height: 10px; background-position: -3380px 0px; }
.iti-flag.mq { height: 14px; background-position: -3402px 0px; }
.iti-flag.mr { height: 14px; background-position: -3424px 0px; }
.iti-flag.ms { height: 10px; background-position: -3446px 0px; }
.iti-flag.mt { height: 14px; background-position: -3468px 0px; }
.iti-flag.mu { height: 14px; background-position: -3490px 0px; }
.iti-flag.mv { height: 14px; background-position: -3512px 0px; }
.iti-flag.mw { height: 14px; background-position: -3534px 0px; }
.iti-flag.mx { height: 12px; background-position: -3556px 0px; }
.iti-flag.my { height: 10px; background-position: -3578px 0px; }
.iti-flag.mz { height: 14px; background-position: -3600px 0px; }
.iti-flag.na { height: 14px; background-position: -3622px 0px; }
.iti-flag.nc { height: 10px; background-position: -3644px 0px; }
.iti-flag.ne { height: 15px; background-position: -3666px 0px; }
.iti-flag.nf { height: 10px; background-position: -3686px 0px; }
.iti-flag.ng { height: 10px; background-position: -3708px 0px; }
.iti-flag.ni { height: 12px; background-position: -3730px 0px; }
.iti-flag.nl { height: 14px; background-position: -3752px 0px; }
.iti-flag.no { height: 15px; background-position: -3774px 0px; }
.iti-flag.np { height: 15px; background-position: -3796px 0px; }
.iti-flag.nr { height: 10px; background-position: -3811px 0px; }
.iti-flag.nu { height: 10px; background-position: -3833px 0px; }
.iti-flag.nz { height: 10px; background-position: -3855px 0px; }
.iti-flag.om { height: 10px; background-position: -3877px 0px; }
.iti-flag.pa { height: 14px; background-position: -3899px 0px; }
.iti-flag.pe { height: 14px; background-position: -3921px 0px; }
.iti-flag.pf { height: 14px; background-position: -3943px 0px; }
.iti-flag.pg { height: 15px; background-position: -3965px 0px; }
.iti-flag.ph { height: 10px; background-position: -3987px 0px; }
.iti-flag.pk { height: 14px; background-position: -4009px 0px; }
.iti-flag.pl { height: 13px; background-position: -4031px 0px; }
.iti-flag.pm { height: 14px; background-position: -4053px 0px; }
.iti-flag.pn { height: 10px; background-position: -4075px 0px; }
.iti-flag.pr { height: 14px; background-position: -4097px 0px; }
.iti-flag.ps { height: 10px; background-position: -4119px 0px; }
.iti-flag.pt { height: 14px; background-position: -4141px 0px; }
.iti-flag.pw { height: 13px; background-position: -4163px 0px; }
.iti-flag.py { height: 11px; background-position: -4185px 0px; }
.iti-flag.qa { height: 8px; background-position: -4207px 0px; }
.iti-flag.re { height: 14px; background-position: -4229px 0px; }
.iti-flag.ro { height: 14px; background-position: -4251px 0px; }
.iti-flag.rs { height: 14px; background-position: -4273px 0px; }
.iti-flag.ru { height: 14px; background-position: -4295px 0px; }
.iti-flag.rw { height: 14px; background-position: -4317px 0px; }
.iti-flag.sa { height: 14px; background-position: -4339px 0px; }
.iti-flag.sb { height: 10px; background-position: -4361px 0px; }
.iti-flag.sc { height: 10px; background-position: -4383px 0px; }
.iti-flag.sd { height: 10px; background-position: -4405px 0px; }
.iti-flag.se { height: 13px; background-position: -4427px 0px; }
.iti-flag.sg { height: 14px; background-position: -4449px 0px; }
.iti-flag.sh { height: 10px; background-position: -4471px 0px; }
.iti-flag.si { height: 10px; background-position: -4493px 0px; }
.iti-flag.sj { height: 15px; background-position: -4515px 0px; }
.iti-flag.sk { height: 14px; background-position: -4537px 0px; }
.iti-flag.sl { height: 14px; background-position: -4559px 0px; }
.iti-flag.sm { height: 15px; background-position: -4581px 0px; }
.iti-flag.sn { height: 14px; background-position: -4603px 0px; }
.iti-flag.so { height: 14px; background-position: -4625px 0px; }
.iti-flag.sr { height: 14px; background-position: -4647px 0px; }
.iti-flag.ss { height: 10px; background-position: -4669px 0px; }
.iti-flag.st { height: 10px; background-position: -4691px 0px; }
.iti-flag.sv { height: 12px; background-position: -4713px 0px; }
.iti-flag.sx { height: 14px; background-position: -4735px 0px; }
.iti-flag.sy { height: 14px; background-position: -4757px 0px; }
.iti-flag.sz { height: 14px; background-position: -4779px 0px; }
.iti-flag.ta { height: 10px; background-position: -4801px 0px; }
.iti-flag.tc { height: 10px; background-position: -4823px 0px; }
.iti-flag.td { height: 14px; background-position: -4845px 0px; }
.iti-flag.tf { height: 14px; background-position: -4867px 0px; }
.iti-flag.tg { height: 13px; background-position: -4889px 0px; }
.iti-flag.th { height: 14px; background-position: -4911px 0px; }
.iti-flag.tj { height: 10px; background-position: -4933px 0px; }
.iti-flag.tk { height: 10px; background-position: -4955px 0px; }
.iti-flag.tl { height: 10px; background-position: -4977px 0px; }
.iti-flag.tm { height: 14px; background-position: -4999px 0px; }
.iti-flag.tn { height: 14px; background-position: -5021px 0px; }
.iti-flag.to { height: 10px; background-position: -5043px 0px; }
.iti-flag.tr { height: 14px; background-position: -5065px 0px; }
.iti-flag.tt { height: 12px; background-position: -5087px 0px; }
.iti-flag.tv { height: 10px; background-position: -5109px 0px; }
.iti-flag.tw { height: 14px; background-position: -5131px 0px; }
.iti-flag.tz { height: 14px; background-position: -5153px 0px; }
.iti-flag.ua { height: 14px; background-position: -5175px 0px; }
.iti-flag.ug { height: 14px; background-position: -5197px 0px; }
.iti-flag.um { height: 11px; background-position: -5219px 0px; }
.iti-flag.us { height: 11px; background-position: -5241px 0px; }
.iti-flag.uy { height: 14px; background-position: -5263px 0px; }
.iti-flag.uz { height: 10px; background-position: -5285px 0px; }
.iti-flag.va { height: 15px; background-position: -5307px 0px; }
.iti-flag.vc { height: 14px; background-position: -5324px 0px; }
.iti-flag.ve { height: 14px; background-position: -5346px 0px; }
.iti-flag.vg { height: 10px; background-position: -5368px 0px; }
.iti-flag.vi { height: 14px; background-position: -5390px 0px; }
.iti-flag.vn { height: 14px; background-position: -5412px 0px; }
.iti-flag.vu { height: 12px; background-position: -5434px 0px; }
.iti-flag.wf { height: 14px; background-position: -5456px 0px; }
.iti-flag.ws { height: 10px; background-position: -5478px 0px; }
.iti-flag.xk { height: 15px; background-position: -5500px 0px; }
.iti-flag.ye { height: 14px; background-position: -5522px 0px; }
.iti-flag.yt { height: 14px; background-position: -5544px 0px; }
.iti-flag.za { height: 14px; background-position: -5566px 0px; }
.iti-flag.zm { height: 14px; background-position: -5588px 0px; }
.iti-flag.zw { height: 10px; background-position: -5610px 0px; }

.account-status-editor-container { margin-top: 18px; line-height: 18px; color: #5c6066; }
.account-status-editor-container .title-controls h3 { font-weight: 600; font-size: 18px; margin-bottom: 2px; }
.account-status-editor-container .form-container { display: none; padding-top: 18px; }
.account-status-editor-container .form-container .form-controls { margin-bottom: 18px; margin-left: 18px; position: relative; display: inline-block; vertical-align: top; }
.account-status-editor-container .form-container .form-controls label { width: auto; display: block; margin-bottom: 6px; padding-top: 0; }
.account-status-editor-container .form-container .form-controls:first-child { margin-left: 0; }
.account-status-editor-container .form-container .form-actions { margin-bottom: 0; position: relative; }
.account-status-editor-container.edit-mode .form-container { display: block; }

.account-flags-editor-container ul li .icon-account-flag-welcome, .account-flags-editor-container ul li .icon-account-flag-problems, .account-flags-editor-container ul li .icon-account-flag-settings, .account-flags-editor-container ul li .icon-account-flag-notifications { display: inline-block; vertical-align: middle; }

.account-flags-editor-container { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.account-flags-editor-container ul { list-style-type: none; margin: 0; margin-top: 10px; padding: 0; border: 1px solid #c2c5cc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 3px rgba(47, 53, 64, 0.15); -moz-box-shadow: 0 1px 3px rgba(47, 53, 64, 0.15); box-shadow: 0 1px 3px rgba(47, 53, 64, 0.15); }
.account-flags-editor-container ul li { border-top: 1px solid #dcdee0; font-size: 14px; line-height: 18px; padding: 9px 44px 9px 12px; position: relative; }
.account-flags-editor-container ul li.disabled { display: none; }
.account-flags-editor-container ul li:before { display: block; content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 42px; }
.account-flags-editor-container ul li:first-child { border-top: none; }
.account-flags-editor-container ul li strong { position: relative; top: 1px; font-size: 12px; display: inline-block; vertical-align: middle; font-weight: 600; margin-left: 10px; text-transform: uppercase; width: 96px; }
.account-flags-editor-container ul li .name { position: relative; top: 1px; }
.account-flags-editor-container ul li .toggle-switch-on, .account-flags-editor-container ul li .toggle-switch-off { position: absolute; top: 11px; right: 11px; }
.account-flags-editor-container.edit-mode ul li.disabled { display: block; }
.account-flags-editor-container.edit-mode ul li:before { display: none; }

.phone-number-list-container .title-controls h3, .captured-data-list-container .title-controls h3 { margin-bottom: 18px; }
.phone-number-list-container .title-controls h3 .badge, .captured-data-list-container .title-controls h3 .badge { vertical-align: middle; top: -1px; margin-left: 3px; font-size: 11px; line-height: 12px; height: auto; padding: 2px 4px; }
.phone-number-list-container table, .captured-data-list-container table { width: 100%; border-spacing: 0; font-size: 14px; font-weight: 600; color: #8d96a6; }
.phone-number-list-container table td, .captured-data-list-container table td { padding: 0 6px 6px 0; }
.phone-number-list-container table td strong, .captured-data-list-container table td strong { font-weight: 600; color: #5c6066; white-space: nowrap; }
.phone-number-list-container table td span.nowrap, .captured-data-list-container table td span.nowrap { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; max-width: 200px; }
.phone-number-list-container table td .empty, .captured-data-list-container table td .empty { color: #c2c5cc; }
.phone-number-list-container table td .disabled, .captured-data-list-container table td .disabled { color: #5c6066; cursor: not-allowed; opacity: 0.5; }
.phone-number-list-container table td:first-child, .captured-data-list-container table td:first-child { width: 130px; }

.phone-number-list-container .badge { vertical-align: middle; }

.captured-data-list-container table tbody td .icon-trash { display: inline-block; cursor: pointer; }
.captured-data-list-container table tbody td .icon-trash:hover { background-position: -368px -16px; }

.retire-phone-number-container .retire-phone-number-form { display: flex; width: 100%; line-height: 28px; }
.retire-phone-number-container .retire-phone-number-form .form-controls { display: inline-block; width: 60%; }
.retire-phone-number-container .retire-phone-number-form .form-controls input { margin-right: 20px; width: 96%; }
.retire-phone-number-container .retire-phone-number-form .form-controls .error-tooltip { margin-left: 0; margin-top: 8px; width: 96%; }
.retire-phone-number-container .retire-phone-number-form .form-actions { display: inline-block; width: 30%; }

.ticket-indicator-container .title-controls h3 { margin-bottom: 0; }
.ticket-indicator-container .badge { vertical-align: middle; top: -1px; margin-left: 3px; font-size: 11px; line-height: 12px; height: auto; padding: 2px 4px; cursor: pointer; }
.ticket-indicator-container .badge.highlight { background-color: #ee6050; }
.ticket-indicator-container .error-message { color: #ee6050; }

.info-message-box-container, .success-message-box-container, .confirmation-message-box-container { padding: 12px 18px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-bottom: 30px; font-size: 14px; line-height: 18px; position: relative; }
.info-message-box-container .title-controls h3, .success-message-box-container .title-controls h3, .confirmation-message-box-container .title-controls h3 { font-size: 18px; line-height: 20px; margin-bottom: 12px; font-weight: 600; }
.info-message-box-container .title-controls a, .success-message-box-container .title-controls a, .confirmation-message-box-container .title-controls a { display: inline-block; vertical-align: top; height: 24px; line-height: 24px; font-size: 12px; opacity: 0.5; font-weight: 600; cursor: pointer; position: absolute; top: 14px; right: 18px; color: #585444; }
.info-message-box-container .title-controls a:hover, .success-message-box-container .title-controls a:hover, .confirmation-message-box-container .title-controls a:hover { opacity: 1; }
.info-message-box-container .title-controls .form-actions, .success-message-box-container .title-controls .form-actions, .confirmation-message-box-container .title-controls .form-actions { display: none; position: absolute; top: 14px; right: 18px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.info-message-box-container .form-container, .success-message-box-container .form-container, .confirmation-message-box-container .form-container { display: none; }
.info-message-box-container .form-container .form-controls textarea, .success-message-box-container .form-container .form-controls textarea, .confirmation-message-box-container .form-container .form-controls textarea { padding: 8px; font-size: 14px; line-height: 18px; margin: 0; background: rgba(255, 255, 255, 0.7); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; border: 1px solid #f2dd98; resize: none; width: 100%; height: 70px; }
.info-message-box-container .form-container .form-controls textarea:focus, .success-message-box-container .form-container .form-controls textarea:focus, .confirmation-message-box-container .form-container .form-controls textarea:focus { -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); }
.edit-mode.info-message-box-container .title-controls a, .edit-mode.success-message-box-container .title-controls a, .edit-mode.confirmation-message-box-container .title-controls a { display: none; }
.edit-mode.info-message-box-container .title-controls .form-actions, .edit-mode.success-message-box-container .title-controls .form-actions, .edit-mode.confirmation-message-box-container .title-controls .form-actions { display: block; }
.edit-mode.info-message-box-container .message, .edit-mode.success-message-box-container .message, .edit-mode.confirmation-message-box-container .message { display: none; }
.edit-mode.info-message-box-container .form-container, .edit-mode.success-message-box-container .form-container, .edit-mode.confirmation-message-box-container .form-container { display: block; }

.info-message-box-container { border: 1px solid #efd581; background: #fff8e1; color: #585444; }

.success-message-box-container { background: #e9f9ef; border: 1px solid #23c564; color: #2e784b; }
.success-message-box-container .title-controls h3 { color: #2e784b; }

.confirmation-message-box-container .title-controls h3 { color: #62686E; line-height: 24px; margin-bottom: 18px; font-weight: 700; font-size: 16px; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; background: #2f3540; -webkit-transition: all 220ms ease-in; -moz-transition: all 220ms ease-in; -o-transition: all 220ms ease-in; transition: all 220ms ease-in; opacity: 0; }
.modal-backdrop.visible { opacity: 0.6; }

.modal-container { top: 0; left: 0; bottom: 0; right: 0; z-index: 6; position: fixed; overflow: auto; overflow-y: scroll; }
.modal-container.confirm-message-open { overflow: hidden; }
.modal-container.minimized { top: auto; left: auto; bottom: 0; right: 0; height: 56px; width: 100%; overflow-y: auto; }
.modal-container .confirmation-message-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #2f3540; z-index: 7; opacity: 0.6; }
.modal-container .confirmation-message { position: fixed; top: 250px; background: #fff; width: 350px; left: 50%; margin-left: -175px; background: #fff; -webkit-box-shadow: 0 1px 30px rgba(47, 53, 64, 0.5); -moz-box-shadow: 0 1px 30px rgba(47, 53, 64, 0.5); box-shadow: 0 1px 30px rgba(47, 53, 64, 0.5); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #dfe2e6; text-align: center; padding: 8px; z-index: 7; }

.visible .modal { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275); opacity: 1; }

.modal { width: 550px; position: relative; margin: 120px auto 60px; background: #fff; -webkit-box-shadow: 0 1px 30px rgba(47, 53, 64, 0.5); -moz-box-shadow: 0 1px 30px rgba(47, 53, 64, 0.5); box-shadow: 0 1px 30px rgba(47, 53, 64, 0.5); background-clip: padding-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; }
.modal.visible { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275); opacity: 1; }
.modal.minimized { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; opacity: 1; bottom: 0; right: 0; position: absolute; margin: 0; width: auto; }
.modal.minimized.email-compose-compose { width: auto; }
.modal.minimized .header .controls { display: none; }
.modal.minimized .header h3 { display: inline; margin-right: 180px; }
.modal.minimized .content { display: none; }
.modal .header { height: 54px; border-bottom: 1px solid #dfe2e6; position: relative; }
.modal .header h3 { font-size: 18px; font-weight: 600; color: #5c6066; height: 53px; line-height: 54px; padding-left: 18px; }
.modal .header .modal-close-minimize { position: relative; width: 80px; height: 53px; border-left: 1px solid #dfe2e6; position: absolute; top: 0; right: 0; }
.modal .header .modal-close-minimize .modal-minimize { width: 40px; height: 53px; position: absolute; top: 0; left: 0; display: block; cursor: pointer; }
.modal .header .modal-close-minimize .modal-minimize .icon-minimize { display: block; position: absolute; top: 50%; right: 4px; margin-top: -8px; }
.modal .header .modal-close-minimize .modal-minimize:hover .icon-minimize-modal, .modal .header .modal-close-minimize .modal-minimize:hover .icon-minimize { background-position-y: -16px; }
.modal .header .modal-close-minimize .modal-close { width: 40px; height: 53px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; }
.modal .header .modal-close-minimize .modal-close .icon-x { display: block; position: absolute; top: 50%; left: 4px; margin-top: -8px; }
.modal .header .modal-close-minimize .modal-close:hover .icon-x { background-position-y: -16px; }
.modal .header > .modal-close { display: block; position: absolute; width: 54px; height: 53px; top: 0; right: 0; border-left: 1px solid #dfe2e6; cursor: pointer; }
.modal .header > .modal-close .icon-x { display: block; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; }
.modal .header > .modal-close:hover .icon-x { background-position-y: -16px; }
.modal .header .controls { position: absolute; top: 50%; right: 72px; height: 18px; margin-top: -9px; text-align: right; }
.modal .header .controls .link, .modal .header .controls .add-another-text-list .add-another-link, .add-another-text-list .modal .header .controls .add-another-link { font-size: 14px; font-weight: 600; color: #3498df; line-height: 18px; display: block; cursor: pointer; }
.modal .header .controls .link:hover, .modal .header .controls .add-another-text-list .add-another-link:hover, .add-another-text-list .modal .header .controls .add-another-link:hover { color: #5c6066; }
.modal .header .controls .confirmation-message-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #2f3540; z-index: 7; opacity: 0.6; }
.modal .header .controls .confirmation-message { position: absolute; width: 400px; background: #fff; right: 0; width: 250px; background: #fff; -webkit-box-shadow: 0 1px 30px rgba(47, 53, 64, 0.5); -moz-box-shadow: 0 1px 30px rgba(47, 53, 64, 0.5); box-shadow: 0 1px 30px rgba(47, 53, 64, 0.5); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #dfe2e6; text-align: center; padding: 8px; z-index: 7; }
.modal .header .controls .confirmation-message:before { display: block; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -6px; right: 20px; }
.modal .content { position: relative; color: #5c6066; font-size: 14px; line-height: 18px; padding: 18px; }
.modal .content .modal-centered-line { display: inline-block; width: 100%; font-weight: bold; text-align: center; line-height: 18px; }
.modal .content .form-container .form-indent { padding-left: 20px; }
.modal .content .form-container .form-container-group { border-top: 1px solid #dfe2e6; padding-top: 12px; }
.modal .content .form-container .form-container-group:first-child { border-top: none; padding-top: 0; }
.modal .content .form-container .form-controls label { font-size: 14px; display: block; margin-bottom: 6px; width: auto; padding-top: 0; }
.modal .content .form-container .form-controls .dropdown-container, .modal .content .form-container .form-controls input[type="tel"], .modal .content .form-container .form-controls input[type="text"], .modal .content .form-container .form-controls input[type="password"], .modal .content .form-container .form-controls input[type="email"], .modal .content .form-container .form-controls textarea { width: 100%; }
.modal .content .form-container .form-controls textarea { resize: vertical; }
.modal .content .form-container .form-controls .datetime-picker-container .date-part { width: 100px; }
.modal .content .form-container .form-controls .datetime-picker-container .time-part { width: 100px; }
.modal .content .form-container .form-controls .error-tooltip { margin-left: 0; }
.modal .content .form-container .form-controls ul { list-style-type: none; margin: 0; margin-top: 10px; padding: 0; border: 1px solid #c2c5cc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 3px rgba(47, 53, 64, 0.15); -moz-box-shadow: 0 1px 3px rgba(47, 53, 64, 0.15); box-shadow: 0 1px 3px rgba(47, 53, 64, 0.15); }
.modal .content .form-container .form-controls ul li { border-top: 1px solid #dcdee0; font-size: 14px; line-height: 18px; padding: 9px 44px 9px 12px; position: relative; }
.modal .content .form-container .form-controls ul li.disabled { display: none; }
.modal .content .form-container .form-controls ul li:before { display: block; content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 42px; }
.modal .content .form-container .form-controls ul li:first-child { border-top: none; }
.modal .content .form-container .email-compose-form-controls, .modal .content .form-container .email-compose-wysiwyg-editor, .modal .content .form-container .email-compose-attachment-controls, .modal .content .form-container .email-compose-notation-controls { margin-left: -18px; margin-right: -18px; }
.modal .content .form-container .form-actions { border-top: 1px solid #dfe2e6; margin-left: -18px; margin-right: -18px; padding-top: 30px; padding-bottom: 12px; text-align: center; }
.modal .content .form-container .form-actions button, .modal .content .form-container .form-actions input[type="submit"] { min-width: 90px; }
.modal.email-compose-compose { width: 680px; }
.modal.email-compose-compose .header .controls { right: 90px; }

.billing-events-content-box, .user-list-content-box, .settings-list-content-box, .developer-list-content-box { background: #fff; -webkit-box-shadow: 0 1px 3px rgba(47, 53, 64, 0.15); -moz-box-shadow: 0 1px 3px rgba(47, 53, 64, 0.15); box-shadow: 0 1px 3px rgba(47, 53, 64, 0.15); border: 1px solid #c2c5cc; padding: 18px; font-size: 14px; line-height: 18px; color: #6c727c; margin-bottom: 12px; position: relative; }

.billing-events-content-box table { margin-top: 18px; border-collapse: collapse; border-spacing: 0; }
.billing-events-content-box table td { padding-bottom: 6px; padding-right: 24px; }
.billing-events-content-box table td strong { font-weight: 600; }

.user-list-content-box, .settings-list-content-box, .developer-list-content-box { margin-bottom: 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.user-list-content-box .user-info, .user-list-content-box .info, .settings-list-content-box .user-info, .developer-list-content-box .user-info, .settings-list-content-box .info, .developer-list-content-box .info { margin-bottom: 18px; }
.user-list-content-box .user-info .avatar, .user-list-content-box .user-info .avatar-inactive, .user-list-content-box .info .avatar, .user-list-content-box .info .avatar-inactive, .settings-list-content-box .user-info .avatar, .developer-list-content-box .user-info .avatar, .settings-list-content-box .user-info .avatar-inactive, .developer-list-content-box .user-info .avatar-inactive, .settings-list-content-box .info .avatar, .developer-list-content-box .info .avatar, .settings-list-content-box .info .avatar-inactive, .developer-list-content-box .info .avatar-inactive { display: block; float: left; width: 72px; height: 72px; background: #edeff2; position: relative; text-align: center; font: 0/0 a; }
.user-list-content-box .user-info .avatar:before, .user-list-content-box .user-info .avatar-inactive:before, .user-list-content-box .info .avatar:before, .user-list-content-box .info .avatar-inactive:before, .settings-list-content-box .user-info .avatar:before, .developer-list-content-box .user-info .avatar:before, .settings-list-content-box .user-info .avatar-inactive:before, .developer-list-content-box .user-info .avatar-inactive:before, .settings-list-content-box .info .avatar:before, .developer-list-content-box .info .avatar:before, .settings-list-content-box .info .avatar-inactive:before, .developer-list-content-box .info .avatar-inactive:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
.user-list-content-box .user-info .avatar img, .user-list-content-box .user-info .avatar-inactive img, .user-list-content-box .info .avatar img, .user-list-content-box .info .avatar-inactive img, .settings-list-content-box .user-info .avatar img, .developer-list-content-box .user-info .avatar img, .settings-list-content-box .user-info .avatar-inactive img, .developer-list-content-box .user-info .avatar-inactive img, .settings-list-content-box .info .avatar img, .developer-list-content-box .info .avatar img, .settings-list-content-box .info .avatar-inactive img, .developer-list-content-box .info .avatar-inactive img { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; max-width: 72px; max-height: 72px; display: inline-block; vertical-align: middle; }
.user-list-content-box .user-info .avatar .icon-no-avatar, .user-list-content-box .user-info .avatar .icon-notation-category, .user-list-content-box .user-info .avatar .icon-notation-event, .user-list-content-box .user-info .avatar-inactive .icon-no-avatar, .user-list-content-box .user-info .avatar-inactive .icon-notation-category, .user-list-content-box .user-info .avatar-inactive .icon-notation-event, .user-list-content-box .info .avatar .icon-no-avatar, .user-list-content-box .info .avatar .icon-notation-category, .user-list-content-box .info .avatar .icon-notation-event, .user-list-content-box .info .avatar-inactive .icon-no-avatar, .user-list-content-box .info .avatar-inactive .icon-notation-category, .user-list-content-box .info .avatar-inactive .icon-notation-event, .settings-list-content-box .user-info .avatar .icon-no-avatar, .developer-list-content-box .user-info .avatar .icon-no-avatar, .settings-list-content-box .user-info .avatar .icon-notation-category, .developer-list-content-box .user-info .avatar .icon-notation-category, .settings-list-content-box .user-info .avatar .icon-notation-event, .developer-list-content-box .user-info .avatar .icon-notation-event, .settings-list-content-box .user-info .avatar-inactive .icon-no-avatar, .developer-list-content-box .user-info .avatar-inactive .icon-no-avatar, .settings-list-content-box .user-info .avatar-inactive .icon-notation-category, .developer-list-content-box .user-info .avatar-inactive .icon-notation-category, .settings-list-content-box .user-info .avatar-inactive .icon-notation-event, .developer-list-content-box .user-info .avatar-inactive .icon-notation-event, .settings-list-content-box .info .avatar .icon-no-avatar, .developer-list-content-box .info .avatar .icon-no-avatar, .settings-list-content-box .info .avatar .icon-notation-category, .developer-list-content-box .info .avatar .icon-notation-category, .settings-list-content-box .info .avatar .icon-notation-event, .developer-list-content-box .info .avatar .icon-notation-event, .settings-list-content-box .info .avatar-inactive .icon-no-avatar, .developer-list-content-box .info .avatar-inactive .icon-no-avatar, .settings-list-content-box .info .avatar-inactive .icon-notation-category, .developer-list-content-box .info .avatar-inactive .icon-notation-category, .settings-list-content-box .info .avatar-inactive .icon-notation-event, .developer-list-content-box .info .avatar-inactive .icon-notation-event { display: inline-block; margin: auto; vertical-align: middle; }
.user-list-content-box .user-info .avatar-inactive, .user-list-content-box .info .avatar-inactive, .settings-list-content-box .user-info .avatar-inactive, .developer-list-content-box .user-info .avatar-inactive, .settings-list-content-box .info .avatar-inactive, .developer-list-content-box .info .avatar-inactive { background-color: #fff; opacity: 0.4; }
.user-list-content-box .user-info .user-details, .user-list-content-box .user-info .details, .user-list-content-box .info .user-details, .user-list-content-box .info .details, .settings-list-content-box .user-info .user-details, .developer-list-content-box .user-info .user-details, .settings-list-content-box .user-info .details, .developer-list-content-box .user-info .details, .settings-list-content-box .info .user-details, .developer-list-content-box .info .user-details, .settings-list-content-box .info .details, .developer-list-content-box .info .details { margin-left: 84px; padding-top: 4px; }
.user-list-content-box .user-info .user-details h2, .user-list-content-box .user-info .details h2, .user-list-content-box .info .user-details h2, .user-list-content-box .info .details h2, .settings-list-content-box .user-info .user-details h2, .developer-list-content-box .user-info .user-details h2, .settings-list-content-box .user-info .details h2, .developer-list-content-box .user-info .details h2, .settings-list-content-box .info .user-details h2, .developer-list-content-box .info .user-details h2, .settings-list-content-box .info .details h2, .developer-list-content-box .info .details h2 { margin-bottom: 6px; }
.user-list-content-box .user-info .user-details table, .user-list-content-box .user-info .details table, .user-list-content-box .info .user-details table, .user-list-content-box .info .details table, .settings-list-content-box .user-info .user-details table, .developer-list-content-box .user-info .user-details table, .settings-list-content-box .user-info .details table, .developer-list-content-box .user-info .details table, .settings-list-content-box .info .user-details table, .developer-list-content-box .info .user-details table, .settings-list-content-box .info .details table, .developer-list-content-box .info .details table { border-collapse: collapse; width: 100%; }
.user-list-content-box .user-info .user-details table tr td, .user-list-content-box .user-info .details table tr td, .user-list-content-box .info .user-details table tr td, .user-list-content-box .info .details table tr td, .settings-list-content-box .user-info .user-details table tr td, .developer-list-content-box .user-info .user-details table tr td, .settings-list-content-box .user-info .details table tr td, .developer-list-content-box .user-info .details table tr td, .settings-list-content-box .info .user-details table tr td, .developer-list-content-box .info .user-details table tr td, .settings-list-content-box .info .details table tr td, .developer-list-content-box .info .details table tr td { padding: 0 0 6px 0; vertical-align: top; }
.user-list-content-box .user-info .user-details table tr td:first-child, .user-list-content-box .user-info .details table tr td:first-child, .user-list-content-box .info .user-details table tr td:first-child, .user-list-content-box .info .details table tr td:first-child, .settings-list-content-box .user-info .user-details table tr td:first-child, .developer-list-content-box .user-info .user-details table tr td:first-child, .settings-list-content-box .user-info .details table tr td:first-child, .developer-list-content-box .user-info .details table tr td:first-child, .settings-list-content-box .info .user-details table tr td:first-child, .developer-list-content-box .info .user-details table tr td:first-child, .settings-list-content-box .info .details table tr td:first-child, .developer-list-content-box .info .details table tr td:first-child { width: 50%; }
.user-list-content-box .user-info .user-details table tr td a, .user-list-content-box .user-info .user-details table tr td .link, .user-list-content-box .user-info .user-details table tr td .add-another-text-list .add-another-link, .add-another-text-list .user-list-content-box .user-info .user-details table tr td .add-another-link, .user-list-content-box .user-info .details table tr td a, .user-list-content-box .user-info .details table tr td .link, .user-list-content-box .user-info .details table tr td .add-another-text-list .add-another-link, .add-another-text-list .user-list-content-box .user-info .details table tr td .add-another-link, .user-list-content-box .info .user-details table tr td a, .user-list-content-box .info .user-details table tr td .link, .user-list-content-box .info .user-details table tr td .add-another-text-list .add-another-link, .add-another-text-list .user-list-content-box .info .user-details table tr td .add-another-link, .user-list-content-box .info .details table tr td a, .user-list-content-box .info .details table tr td .link, .user-list-content-box .info .details table tr td .add-another-text-list .add-another-link, .add-another-text-list .user-list-content-box .info .details table tr td .add-another-link, .settings-list-content-box .user-info .user-details table tr td a, .developer-list-content-box .user-info .user-details table tr td a, .settings-list-content-box .user-info .user-details table tr td .link, .developer-list-content-box .user-info .user-details table tr td .link, .settings-list-content-box .user-info .user-details table tr td .add-another-text-list .add-another-link, .add-another-text-list .settings-list-content-box .user-info .user-details table tr td .add-another-link, .developer-list-content-box .user-info .user-details table tr td .add-another-text-list .add-another-link, .add-another-text-list .developer-list-content-box .user-info .user-details table tr td .add-another-link, .settings-list-content-box .user-info .details table tr td a, .developer-list-content-box .user-info .details table tr td a, .settings-list-content-box .user-info .details table tr td .link, .developer-list-content-box .user-info .details table tr td .link, .settings-list-content-box .user-info .details table tr td .add-another-text-list .add-another-link, .add-another-text-list .settings-list-content-box .user-info .details table tr td .add-another-link, .developer-list-content-box .user-info .details table tr td .add-another-text-list .add-another-link, .add-another-text-list .developer-list-content-box .user-info .details table tr td .add-another-link, .settings-list-content-box .info .user-details table tr td a, .developer-list-content-box .info .user-details table tr td a, .settings-list-content-box .info .user-details table tr td .link, .developer-list-content-box .info .user-details table tr td .link, .settings-list-content-box .info .user-details table tr td .add-another-text-list .add-another-link, .add-another-text-list .settings-list-content-box .info .user-details table tr td .add-another-link, .developer-list-content-box .info .user-details table tr td .add-another-text-list .add-another-link, .add-another-text-list .developer-list-content-box .info .user-details table tr td .add-another-link, .settings-list-content-box .info .details table tr td a, .developer-list-content-box .info .details table tr td a, .settings-list-content-box .info .details table tr td .link, .developer-list-content-box .info .details table tr td .link, .settings-list-content-box .info .details table tr td .add-another-text-list .add-another-link, .add-another-text-list .settings-list-content-box .info .details table tr td .add-another-link, .developer-list-content-box .info .details table tr td .add-another-text-list .add-another-link, .add-another-text-list .developer-list-content-box .info .details table tr td .add-another-link { font-weight: 600; }
.user-list-content-box .user-info .user-details table tr:last-child td, .user-list-content-box .user-info .details table tr:last-child td, .user-list-content-box .info .user-details table tr:last-child td, .user-list-content-box .info .details table tr:last-child td, .settings-list-content-box .user-info .user-details table tr:last-child td, .developer-list-content-box .user-info .user-details table tr:last-child td, .settings-list-content-box .user-info .details table tr:last-child td, .developer-list-content-box .user-info .details table tr:last-child td, .settings-list-content-box .info .user-details table tr:last-child td, .developer-list-content-box .info .user-details table tr:last-child td, .settings-list-content-box .info .details table tr:last-child td, .developer-list-content-box .info .details table tr:last-child td { padding-bottom: 0; }
.user-list-content-box .user-contact-details, .settings-list-content-box .user-contact-details, .developer-list-content-box .user-contact-details { width: 100%; font-size: 14px; line-height: 18px; color: #777F8C; border: 1px solid #c2c5cc; border-collapse: collapse; background: #fff; }
.user-list-content-box .user-contact-details thead > tr > th, .user-list-content-box .user-contact-details tbody > tr > td, .settings-list-content-box .user-contact-details thead > tr > th, .developer-list-content-box .user-contact-details thead > tr > th, .settings-list-content-box .user-contact-details tbody > tr > td, .developer-list-content-box .user-contact-details tbody > tr > td { padding: 12px; border: 1px solid #c2c5cc; width: 44%; }
.user-list-content-box .user-contact-details thead > tr > th:first-child, .user-list-content-box .user-contact-details tbody > tr > td:first-child, .settings-list-content-box .user-contact-details thead > tr > th:first-child, .developer-list-content-box .user-contact-details thead > tr > th:first-child, .settings-list-content-box .user-contact-details tbody > tr > td:first-child, .developer-list-content-box .user-contact-details tbody > tr > td:first-child { width: 12%; }
.user-list-content-box .user-contact-details thead > tr > th, .settings-list-content-box .user-contact-details thead > tr > th, .developer-list-content-box .user-contact-details thead > tr > th { background: #e0e2e5; font-weight: 600; text-align: left; color: #5c6066; }
.user-list-content-box .user-contact-details tbody tr.default, .settings-list-content-box .user-contact-details tbody tr.default, .developer-list-content-box .user-contact-details tbody tr.default { background: #f1f6fA; font-weight: 600; }

.settings-list-content-box, .developer-list-content-box { max-width: 800px; margin-bottom: 12px; }
.settings-list-content-box .actions, .developer-list-content-box .actions { position: absolute; top: 12px; right: 12px; text-align: right; }
.settings-list-content-box .actions li, .developer-list-content-box .actions li { display: inline-block; vertical-align: top; margin-left: 6px; }
.settings-list-content-box .actions li:first-child, .developer-list-content-box .actions li:first-child { margin-left: 0; }
.settings-list-content-box .actions a, .developer-list-content-box .actions a { display: block; width: 16px; height: 16px; }
.settings-list-content-box .actions a:hover .icon-edit, .developer-list-content-box .actions a:hover .icon-edit, .settings-list-content-box .actions a:hover .icon-trash, .developer-list-content-box .actions a:hover .icon-trash { background-position-y: -16px; }
.settings-list-content-box .actions .icon-edit, .developer-list-content-box .actions .icon-edit, .settings-list-content-box .actions .icon-trash, .developer-list-content-box .actions .icon-trash { display: block; width: 16px; height: 16px; }
.settings-list-content-box .info, .developer-list-content-box .info { margin-bottom: 0; }
.settings-list-content-box .info .user-details h2, .developer-list-content-box .info .user-details h2 { margin-bottom: 8px; }
.settings-list-content-box .info .user-details table, .developer-list-content-box .info .user-details table { border-collapse: collapse; border-spacing: 0; width: 100%; max-width: 630px; }
.settings-list-content-box .info .user-details table tr td, .developer-list-content-box .info .user-details table tr td { padding: 0 0 6px 0; }
.settings-list-content-box .info .user-details table tr td a, .developer-list-content-box .info .user-details table tr td a { font-weight: 400; }
.settings-list-content-box .info .user-details table tr td:first-child, .developer-list-content-box .info .user-details table tr td:first-child, .settings-list-content-box .info .user-details table tr td:last-child, .developer-list-content-box .info .user-details table tr td:last-child { width: 50%; }

.developer-list-content-box .actions .icon-note, .developer-list-content-box .actions .icon-nav-notation-category, .developer-list-content-box .actions .icon-nav-notation-event { display: block; width: 16px; height: 16px; }
.developer-list-content-box .info .details { margin-left: 0; }

.panel-group { border: 1px solid #c2c5cc; }
.panel-group .panel { overflow: hidden; border-bottom: 1px solid #c2c5cc; }
.panel-group .panel:last-child { border-bottom: none; }
.panel-group .panel.expanded .panel-title { background: #fafafa; }
.panel-group .panel.expanded .panel-title:hover { background: #fafafa; }
.panel-group .panel.expanded .panel-title:before { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
.panel-group .panel.expanded .panel-content { display: block; }
.panel-group .panel .panel-title { position: relative; line-height: 16px; padding: 12px; cursor: pointer; background: #fff; }
.panel-group .panel .panel-title:before, .panel-group .panel .panel-title:after { display: table; content: ""; }
.panel-group .panel .panel-title:after { clear: both; }
.panel-group .panel .panel-title:hover { background: #fafafa; }
.panel-group .panel .panel-title.expanding:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
.panel-group .panel .panel-title.collapsing:before { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.panel-group .panel .panel-title:before { content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #5c6066; display: block; position: absolute; top: 50%; left: 12px; margin-top: -2px; -webkit-transition: all 220ms ease; -moz-transition: all 220ms ease; -o-transition: all 220ms ease; transition: all 220ms ease; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
.panel-group .panel .panel-title h4 { font-weight: 600; float: left; padding-left: 20px; color: #777F8C; }
.panel-group .panel .panel-title h4 .checkbox { display: inline-block; }
.panel-group .panel .panel-title .description { float: right; color: #8d96a6; }
.panel-group .panel .panel-content { background: #fafafa; display: none; padding: 0 30px 12px; }

.bootstrap-tagsinput { width: 500px; float: left; padding: 8px 0 0 0; cursor: text; max-width: 100%; }
.bootstrap-tagsinput input[type="text"] { border: none; box-shadow: none; font-size: 12px; font-weight: 600; color: #5c6066; padding: 0 6px; height: 22px; vertical-align: top; position: relative; top: -1px; background: #fff; width: auto; max-width: inherit; }

.tag, .tag-secondary { background: #79c0f1; margin-right: 6px; margin-bottom: 6px; color: #fff; height: 20px; font-size: 12px; line-height: 22px; border-radius: 12px; padding: 0 26px 0 12px; display: inline-block; vertical-align: top; position: relative; text-transform: none; }
.tag [data-role="remove"], .tag-secondary [data-role="remove"], .tag .remove-button, .tag-secondary .remove-button { width: 14px; height: 14px; display: block; border-radius: 16px; top: 3px; right: 3px; position: absolute; background: rgba(255, 255, 255, 0.8); cursor: pointer; }
.tag [data-role="remove"]:after, .tag-secondary [data-role="remove"]:after, .tag .remove-button:after, .tag-secondary .remove-button:after { content: ""; display: block; position: absolute; top: 1px; left: 1px; width: 12px; height: 12px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2224%22%3E%3Cpolygon%20fill%3D%22%2379C0F1%22%20points%3D%2210.207%2C8.793%208.793%2C10.207%206%2C7.414%203.207%2C10.207%201.793%2C8.793%204.586%2C6%201.793%2C3.207%203.207%2C1.793%206%2C4.586%208.793%2C1.793%2010.207%2C3.207%207.414%2C6%22/%3E%3Cpolygon%20fill%3D%22%23EE6050%22%20points%3D%2210.207%2C20.793%208.793%2C22.207%206%2C19.414%203.207%2C22.207%201.793%2C20.793%204.586%2C18%201.793%2C15.207%203.207%2C13.793%206%2C16.586%208.793%2C13.793%2010.207%2C15.207%207.414%2C18%22/%3E%3C/svg%3E"); background-size: cover; background-position: 0 0; }
.tag [data-role="remove"]:hover, .tag-secondary [data-role="remove"]:hover, .tag .remove-button:hover, .tag-secondary .remove-button:hover { background: #fff; }

.tag-remove-wrap { display: inline-block; vertical-align: top; overflow: hidden; -webkit-transition: width 420ms cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: width 420ms cubic-bezier(0.19, 1, 0.22, 1); -o-transition: width 420ms cubic-bezier(0.19, 1, 0.22, 1); transition: width 420ms cubic-bezier(0.19, 1, 0.22, 1); }
.tag-remove-wrap.scale-out .tag, .tag-remove-wrap.scale-out .tag-secondary { -webkit-transition: all 220ms ease-out; -moz-transition: all 220ms ease-out; -o-transition: all 220ms ease-out; transition: all 220ms ease-out; opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.tag-remove-wrap.collapse { margin-right: -4px; }

.tag-secondary { background: #c2c5cc; }
.tag-secondary .remove-button:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20baseProfile%3D%22tiny%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212%22%20height%3D%2224%22%3E%3Cpolygon%20fill%3D%22%23c2c5cc%22%20points%3D%2210.207%2C8.793%208.793%2C10.207%206%2C7.414%203.207%2C10.207%201.793%2C8.793%204.586%2C6%201.793%2C3.207%203.207%2C1.793%206%2C4.586%208.793%2C1.793%2010.207%2C3.207%207.414%2C6%22/%3E%3Cpolygon%20fill%3D%22%23EE6050%22%20points%3D%2210.207%2C20.793%208.793%2C22.207%206%2C19.414%203.207%2C22.207%201.793%2C20.793%204.586%2C18%201.793%2C15.207%203.207%2C13.793%206%2C16.586%208.793%2C13.793%2010.207%2C15.207%207.414%2C18%22/%3E%3C/svg%3E"); }

.datetime-picker-container .date-part, .datetime-picker-container .time-part { width: 100px; }

.ui-datepicker { width: 200px; display: none; background: #f5f7fa; border: 1px solid #dfe2e6; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); padding: 6px; font-size: 12px; color: #5c6066; margin-top: 2px; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; line-height: 14px; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-title { margin: 0; line-height: 20px; text-align: center; font-size: 14px; font-weight: 600; }
.ui-datepicker table { width: 100%; font-size: 12px; border-collapse: collapse; margin: 0; }
.ui-datepicker table th { padding: .7em .3em; text-align: center; border: 0; }
.ui-datepicker table td { border: 0; }
.ui-datepicker table td span, .ui-datepicker table td a { display: block; padding: 4px; text-align: center; text-decoration: none; color: #3498df; font-weight: bold; }
.ui-datepicker table td span.ui-state-highlight, .ui-datepicker table td a.ui-state-highlight { background: #b1dbf9; color: #fff; }
.ui-datepicker table td span.ui-state-active, .ui-datepicker table td a.ui-state-active { background: #3498df; color: #fff; }
.ui-datepicker table td span:hover, .ui-datepicker table td a:hover { background: #e0e2e5; }

.account-lookup-view .search-results { margin-top: 30px; }
.account-lookup-view .found-accounts-table { border: 1px solid #5c6066; }
.account-lookup-view .found-accounts-table .found-accounts-body tr { background: #fff; }
.account-lookup-view .found-accounts-table .found-accounts-body tr:hover { background: #d0d1d4; cursor: pointer; }

.options-box { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; margin: 26px 0; }
.options-box ul { list-style: none; display: table; width: 40%; }
.options-box ul li.options-box-buttons { display: table-cell; line-height: 30px; height: 30px; text-align: center; cursor: pointer; position: relative; padding: 0 12px; margin: 0; border-radius: 0; border-top: 1px solid; border-bottom: 1px solid; border-left: 0.5px solid; border-right: 0.5px solid; width: 50%; }
.options-box ul li.options-box-buttons.options-box-disabled { background: #edeff2; border-color: #c2c5cc; color: #626873; cursor: not-allowed; opacity: 0.7; }
.options-box ul li.options-box-buttons.options-box-disabled:hover { background-color: #edeff2; }
.options-box ul li.options-box-buttons.is-selected { color: #fff; background: #23c564; border-color: #23c564; }
.options-box ul li.options-box-buttons.is-not-selected { color: #626873; background: #edeff2; border-color: transparent; border-right: 1px solid #e0e2e5; }
.options-box ul li.options-box-buttons.is-not-selected:hover { background-color: #e0e2e5; }
.options-box ul li.options-box-buttons:first-child { -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.options-box ul li.options-box-buttons:first-child.is-selected { border-left: 1px solid #23c564; }
.options-box ul li.options-box-buttons:first-child.options-box-disabled { border-left: 1px solid #c2c5cc; }
.options-box ul li.options-box-buttons:last-child { -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.options-box ul li.options-box-buttons:last-child.is-selected { border-right: 1px solid #23c564; }
.options-box ul li.options-box-buttons:last-child.is-not-selected { border-right: 1px solid transparent; }
.options-box ul li.options-box-buttons:last-child.options-box-disabled { border-right: 1px solid #c2c5cc; }

.options-box-separated .options-box ul li.options-box-buttons { margin-left: 10px; border: 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.options-box-separated .options-box ul li.options-box-buttons.options-box-disabled { background: #edeff2; border-color: #c2c5cc; color: #626873; cursor: not-allowed; opacity: 0.7; }
.options-box-separated .options-box ul li.options-box-buttons.options-box-disabled:hover { background-color: #edeff2; }
.options-box-separated .options-box ul li.options-box-buttons.is-selected { color: #fff; background: #23c564; border-color: #23c564; }
.options-box-separated .options-box ul li.options-box-buttons.is-not-selected { color: #626873; background: #edeff2; border-color: #c2c5cc; }
.options-box-separated .options-box ul li.options-box-buttons.is-not-selected:hover { background-color: #e0e2e5; }

.options-box-sidebar .options-box ul li.options-box-buttons.is-not-selected { border-color: #c2c5cc; }
.options-box-sidebar .options-box ul li.options-box-buttons:last-child.is-not-selected { border-right: 1px solid #c2c5cc; }

.edit-connector__option-box .options-box { width: 50%; }

.reset-verification__phone-number { height: 110px; }

.reset-verification__notice { border: 1px solid #ee6050; border-radius: 3px; background: #fff8e1; padding: 12px; }

/*------------------------------------*\ $LAYOUT
\*------------------------------------*/
.template-content { padding-top: 73px; }
.template-content .form-container { margin: 0 auto; width: 430px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #e0e2e5; background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.09); padding: 42px 60px 12px; line-height: 18px; color: #777F8C; }
.template-content .form-container .logo { display: block; margin: 0 auto 30px auto; text-align: center; }
.template-content .form-container .logo img { width: 213px; height: 50px; }
.template-content .form-container form .form-controls { margin-bottom: 18px; }
.template-content .form-container form .form-controls:before, .template-content .form-container form .form-controls:after { display: table; content: ""; }
.template-content .form-container form .form-controls:after { clear: both; }
.template-content .form-container form .form-controls label { color: #777F8C; font-size: 14px; line-height: 16px; display: block; margin-bottom: 6px; }
.template-content .form-container form .form-controls input[type="text"], .template-content .form-container form .form-controls input[type="password"], .template-content .form-container form .form-controls input[type="email"], .template-content .form-container form .form-controls textarea { height: 42px; font-size: 16px; display: block; width: 100%; padding: 0 12px; margin-bottom: 12px; }
.template-content .form-container form .form-controls a { float: right; font-weight: 600; font-size: 12px; margin-top: 0px; }
.template-content .form-container form .form-controls a:hover { text-decoration: underline; }
.template-content .form-container form .form-controls .error-tooltip { margin-left: 0; }
.template-content .form-container form .form-actions { text-align: center; padding-top: 18px; margin-bottom: 18px; }
.template-content .form-container form .form-actions button, .template-content .form-container form .form-actions input[type="submit"] { height: 42px; line-height: 40px; padding: 0 30px; font-size: 16px; outline: none; }
.template-content .form-container form .form-actions button:active, .template-content .form-container form .form-actions input[type="submit"]:active { line-height: 42px; }
.template-content .form-container .info-message-box-container, .template-content .form-container .success-message-box-container { margin-bottom: 18px; padding: 12px; }
.template-content .form-container .info-message-box-container .title-controls h3, .template-content .form-container .success-message-box-container .title-controls h3 { font-size: 16px; line-height: 18px; margin-bottom: 12px; }
.template-content .form-container .info-message-box-container { color: #6c6344; }
.template-content .form-container .info-message-box-container .title-controls h3 { color: #756344; }
.template-content .form-container .confirmation-message-box-container { text-align: center; padding-left: 0; padding-right: 0; }

.template-header-content .content-container { padding: 20px; position: fixed; top: 73px; right: 0; left: 0; bottom: 0; overflow: scroll; }
.template-header-content .content-container:before, .template-header-content .content-container:after { display: table; content: ""; }
.template-header-content .content-container:after { clear: both; }

.template-header-sidebar-content .sidebar-container { width: 401px; border-right: 1px solid #c2c5cc; position: fixed; top: 73px; left: 0; bottom: 0; background: #fff; overflow: scroll; }
.template-header-sidebar-content .sidebar-container .title-controls h3, .template-header-sidebar-content .sidebar-container .sidebar-navigation h3 { color: #5c6066; line-height: 20px; }
.template-header-sidebar-content .sidebar-container .title-controls .no-permission, .template-header-sidebar-content .sidebar-container .sidebar-navigation .no-permission { margin-bottom: 20px; }
.template-header-sidebar-content .content-container { margin-left: 401px; position: fixed; top: 73px; right: 0; left: 0; bottom: 0; overflow: scroll; }
.template-header-sidebar-content .content-container:before, .template-header-sidebar-content .content-container:after { display: table; content: ""; }
.template-header-sidebar-content .content-container:after { clear: both; }
.template-header-sidebar-content .content-container .content-title-container:before, .template-header-sidebar-content .content-container .content-title-container:after { display: table; content: ""; }
.template-header-sidebar-content .content-container .content-title-container:after { clear: both; }
.template-header-sidebar-content .content-container .info-message-box-container { margin-top: 30px; margin-bottom: 0; }
.template-header-sidebar-content .content-container .info-message-box-container .form-actions { text-align: right; }
.template-header-sidebar-content .content-container .info-message-box-container .message { white-space: pre-wrap; max-height: 100px; overflow-y: auto; }
.template-header-sidebar-content .content-container .button-group { padding: 30px 30px 0; margin-bottom: 18px; }
.template-header-sidebar-content .content-container .button-group:before, .template-header-sidebar-content .content-container .button-group:after { display: table; content: ""; }
.template-header-sidebar-content .content-container .button-group:after { clear: both; }
.template-header-sidebar-content .content-container .content { padding: 30px; }
.template-header-sidebar-content .content-container .content:before, .template-header-sidebar-content .content-container .content:after { display: table; content: ""; }
.template-header-sidebar-content .content-container .content:after { clear: both; }
.template-header-sidebar-content .content-container .content .data-grid-container { padding: 0; }
.template-header-sidebar-content .content-container hr { display: block; height: 1px; border: none; background: #dcdee0; margin: 0 30px 18px; }
.template-header-sidebar-content .content-container .data-grid-container { padding: 0 30px; margin-bottom: 100px; }
.template-header-sidebar-content .content-container .data-grid-container hr { margin-left: 0; margin-right: 0; }
.template-header-sidebar-content .content-container .activity-content-box .data-grid-container .data-grid-content > table > thead > tr th:nth-child(1) { width: 165px; }
.template-header-sidebar-content .content-container .activity-content-box .data-grid-container .data-grid-content > table > thead > tr th:nth-child(2) { width: 165px; }
.template-header-sidebar-content .content-container .activity-content-box .data-grid-container .data-grid-content > table > thead > tr th:nth-child(3) { width: 142px; }
.template-header-sidebar-content .content-container .activity-content-box .data-grid-container .data-grid-content > table > thead > tr th:nth-child(4) { width: 160px; }
.template-header-sidebar-content .content-container .activity-content-box .data-grid-container .data-grid-content > table > thead > tr th:nth-child(5) { width: 160px; }
.template-header-sidebar-content .content-container .activity-content-box .data-grid-container .details-row .action { float: right; }

.template-header-sidebar-content .sidebar-container { width: 401px; border-right: 1px solid #c2c5cc; position: fixed; top: 73px; left: 0; bottom: 0; background: #fff; overflow: scroll; }
.template-header-sidebar-content .sidebar-container .title-controls h3, .template-header-sidebar-content .sidebar-container .sidebar-navigation h3 { color: #5c6066; line-height: 20px; }
.template-header-sidebar-content .content-container { margin-left: 401px; position: fixed; top: 73px; right: 0; left: 0; bottom: 0; overflow: scroll; }
.template-header-sidebar-content .content-container:before, .template-header-sidebar-content .content-container:after { display: table; content: ""; }
.template-header-sidebar-content .content-container:after { clear: both; }
.template-header-sidebar-content .content-container .content-title-container:before, .template-header-sidebar-content .content-container .content-title-container:after { display: table; content: ""; }
.template-header-sidebar-content .content-container .content-title-container:after { clear: both; }
.template-header-sidebar-content .content-container .content-title-container .icon-nav-notation-category { display: inline-block; vertical-align: top; margin-right: 8px; margin-top: 4px; background-position-y: -15px; }
.template-header-sidebar-content .content-container .info-message-box-container { margin-top: 30px; margin-bottom: 0; }
.template-header-sidebar-content .content-container .info-message-box-container .form-actions { text-align: right; }
.template-header-sidebar-content .content-container .info-message-box-container .message { white-space: pre-wrap; max-height: 100px; overflow-y: auto; }
.template-header-sidebar-content .content-container .button-group { padding: 30px 30px 0; margin-bottom: 18px; }
.template-header-sidebar-content .content-container .button-group:before, .template-header-sidebar-content .content-container .button-group:after { display: table; content: ""; }
.template-header-sidebar-content .content-container .button-group:after { clear: both; }
.template-header-sidebar-content .content-container .content { padding: 30px; }
.template-header-sidebar-content .content-container .content:before, .template-header-sidebar-content .content-container .content:after { display: table; content: ""; }
.template-header-sidebar-content .content-container .content:after { clear: both; }
.template-header-sidebar-content .content-container .content .data-grid-container { padding: 0; }
.template-header-sidebar-content .content-container hr { display: block; height: 1px; border: none; background: #dcdee0; margin: 0 30px 18px; }
.template-header-sidebar-content .content-container .data-grid-container { padding: 0 30px; margin-bottom: 100px; }
.template-header-sidebar-content .content-container .data-grid-container hr { margin-left: 0; margin-right: 0; }
.template-header-sidebar-content .content-container .activity-content-box .data-grid-container .data-grid-content > table > thead > tr th:nth-child(1) { width: 165px; }
.template-header-sidebar-content .content-container .activity-content-box .data-grid-container .data-grid-content > table > thead > tr th:nth-child(2) { width: 165px; }
.template-header-sidebar-content .content-container .activity-content-box .data-grid-container .data-grid-content > table > thead > tr th:nth-child(3) { width: 142px; }
.template-header-sidebar-content .content-container .activity-content-box .data-grid-container .data-grid-content > table > thead > tr th:nth-child(4) { width: 160px; }
.template-header-sidebar-content .content-container .activity-content-box .data-grid-container .data-grid-content > table > thead > tr th:nth-child(5) { width: 160px; }
.template-header-sidebar-content .content-container .activity-content-box .data-grid-container .details-row .action { float: right; }